:root{--paper:#f8f9f6;--white:#fff;--ink:#1e3538;--ink2:#516365;--sub:#7a8583;--line:#e4e8e3;--mint:#dfe9e0;--dark:#1b3637;--accent:#d39a67;--accent2:#a87446;--red:#bc615d;--shadow:0 8px 30px rgba(20,48,47,.06)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,'Apple SD Gothic Neo','Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55}button,input,label,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,label:focus-visible{outline:3px solid #83b19a;outline-offset:2px}input{font-size:13px}button[disabled]{cursor:not-allowed;opacity:.45}.shell{height:100vh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.header{height:78px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 27px;gap:20px}.logo{display:flex;align-items:center;gap:13px}.mark{width:46px;height:46px;border-radius:12px;background:var(--dark);color:white;display:grid;place-items:center;font-size:29px;font-weight:750;letter-spacing:-.12em}.mark span{color:var(--accent);font-size:23px;transform:translateY(7px)}.logo strong{font-size:16px;font-weight:800;letter-spacing:.025em}.logo strong span{font-weight:450}.logo small{display:block;color:var(--sub);font-size:11px;margin-top:1px}.header-actions{display:flex;align-items:center;gap:12px}.tiny-status{color:var(--sub);font-size:12px;margin-right:7px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;font-weight:600;font-size:12px;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:#f2f5f1;border-color:#cbd7ca}.btn.accent{background:var(--dark);border-color:var(--dark);color:#fff;padding:11px 18px}.btn.accent:hover{background:#315556}.btn.ghost{border:0;background:transparent}.btn-outline{background:transparent}.btn.danger{color:#a74445;border-color:#e8d0cc;background:#fffafa}.btn.danger:hover{background:#ffebe6}.btn.full{width:100%}.clickable{cursor:pointer}.workspace{display:grid;grid-template-columns:274px minmax(380px,1fr) 273px;flex:1;min-height:0}.leftpane,.rightpane{background:#fff;min-height:0;overflow:hidden}.leftpane{border-right:1px solid var(--line)}.rightpane{border-left:1px solid var(--line)}.pane-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain}.panel{padding:20px 19px;border-bottom:1px solid var(--line)}.intro{padding-top:23px;padding-bottom:22px;background:linear-gradient(145deg,#edf4ec,#fafbf7)}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--accent2);font-weight:800}.intro h1{margin:7px 0 6px;font-size:21px;letter-spacing:-.06em}.intro p{font-size:12px;color:#637374;margin:0;line-height:1.7}.section-title{font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:13px}.section-title span{font-size:10px;color:#9faeaa;letter-spacing:.8px}.section-title b{margin-left:auto;padding:1px 7px;background:#eef3ee;border-radius:8px;font-size:11px}.plan-card{display:flex;align-items:center;gap:10px;background:#f8faf7;border:1px solid var(--line);padding:8px;border-radius:12px}.plan-card img{width:67px;height:62px;object-fit:contain;background:#fff;border:1px solid #eef0ec;border-radius:6px}.plan-card strong{display:block;font-size:11px;line-height:1.4}.plan-card small{display:block;font-size:10px;color:var(--sub);margin-top:3px}.smallnote{font-size:11px;color:var(--sub);line-height:1.7;margin:12px 0 0}.stacked-actions{margin-top:10px}.mini-link{display:block;background:none;border:0;color:#74847d;font-size:11px;margin:7px 0 0;padding:1px 2px;text-decoration:underline;text-underline-offset:3px}.info-row{display:flex;justify-content:space-between;gap:8px;margin:14px 0 12px;font-size:11px;color:var(--ink2)}.info-row strong{font-size:10px;color:var(--accent2)}.row-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row-two .btn{padding:10px 7px;white-space:normal}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.catalog-item{padding:13px 8px;border-radius:12px;display:flex;flex-direction:column;gap:5px;align-items:center;background:#f8faf7;border:1px solid #eaf0e9;color:var(--ink);min-height:99px}.catalog-item:hover{border-color:#8fb09e;background:#eff5ee}.catalog-emoji{font-size:25px;line-height:1.3}.catalog-item strong{font-size:11px}.catalog-item small{font-size:10px;color:var(--sub)}.upload-area{border:1.5px dashed #bfcfc3;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:18px 8px;background:#f8faf7;margin-top:14px}.upload-area:hover{background:#ecf4ee}.upload-icon{font-size:30px;color:#84a394;line-height:1}.upload-area strong{font-size:12px;margin:6px 0 2px}.upload-area small{font-size:10px;color:var(--sub)}.stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f2f5f1}.stage-top{height:58px;background:#f9fbf8;border-bottom:1px solid #e1e8e0;display:flex;align-items:center;justify-content:space-between;padding:0 19px;flex:none}.mode-switch{display:flex;gap:4px;padding:4px;background:#e9eee9;border-radius:11px}.mode{border:0;border-radius:8px;background:transparent;color:#6b7e79;font-weight:700;font-size:12px;padding:8px 14px}.mode span{font-size:9px;margin-left:3px;color:inherit;opacity:.6}.mode.active{background:#fff;color:var(--dark);box-shadow:0 1px 7px #31443614}.stage-helpers{display:flex;gap:5px}.tool{width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:20px;display:grid;place-items:center}.tool:hover{background:#ebf2ed}.stage-body{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at center,#fff 0,#edf2ee 100%);min-height:200px}.stage-body canvas,.stage-body #viewer3d{display:block;width:100%;height:100%}.stage-body canvas{touch-action:none;cursor:grab}.stage-body canvas.dragging{cursor:grabbing}.stage-hint{position:absolute;left:16px;bottom:18px;border-radius:8px;background:rgba(30,49,49,.86);color:#fff;padding:9px 12px;font-size:11px;pointer-events:none;max-width:calc(100% - 30px)}.stage-badge{position:absolute;top:14px;left:15px;border:1px solid #e8d9be;background:rgba(255,251,238,.96);color:#8a7044;padding:7px 10px;border-radius:7px;font-weight:650;font-size:10px;pointer-events:none}.overlay-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:340px;background:#fff;padding:22px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;text-align:center}.stage-footer{background:#fff;border-top:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;gap:9px;min-height:40px;font-size:11px;color:var(--sub)}.status-dot{width:7px;height:7px;border-radius:50%;background:#63ad85}.spacer{flex:1}.rightpane .panel{padding:20px 18px}.empty-selection{text-align:center;padding:25px 8px 16px;color:var(--sub)}.circle-graphic{display:grid;place-items:center;margin:0 auto 15px;width:66px;height:66px;border-radius:50%;background:#eff4ef;font-size:28px;color:#afc2b2}.empty-selection strong{font-size:12px;color:#596965}.empty-selection p{font-size:11px;line-height:1.7}.selection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.selection-head small{font-size:10px;color:var(--sub)}.selection-head h2{font-size:17px;margin:1px 0 0}.unit-chip{font-size:10px;background:#e8eee8;border-radius:7px;padding:4px 7px;color:#647669}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:10px;color:#667571;font-weight:650}.form-grid input,.form-grid select{width:100%;min-width:0;border:1px solid #dae2dd;border-radius:7px;background:#fafcfa;padding:9px;margin-top:4px;color:var(--ink)}.compact-grid{grid-template-columns:1fr 1fr}.compact-grid label{font-size:10px;color:#667571;font-weight:650}.catalog-item{position:relative;overflow:hidden}.catalog-item::after{content:"";position:absolute;inset:auto 8px 8px 8px;height:1px;background:#ecf0eb}.catalog-item strong,.catalog-item small,.catalog-item .catalog-emoji{position:relative;z-index:1}#selectionEditor .row-two{margin-top:15px}#selectionEditor>.btn{margin-top:10px}.collision-warning{margin-top:10px;background:#fff3ea;color:#a3603d;border:1px solid #f2d1b9;border-radius:8px;padding:9px;font-size:11px}.furniture-list{max-height:220px;overflow-y:auto}.list-entry{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;border-bottom-color:#edf0ec;background:transparent;padding:10px 7px;color:var(--ink);border-radius:8px}.list-entry.active{background:#edf5ef;border-color:#b7d0bd}.list-entry-icon{font-size:20px}.list-entry-main{flex:1;min-width:0}.list-entry-main strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-entry-main small{font-size:10px;color:var(--sub)}.list-entry-end{font-size:10px;color:var(--sub)}.option-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:8px 0;border-bottom:1px solid #f1f3ef}.option-row:last-of-type{margin-bottom:13px}.option-row input{accent-color:#3b6965}.rightpane .row-two{margin:12px 0}.rightpane .btn.full{margin:8px 0}.footnote{padding:18px;font-size:11px;color:var(--sub);line-height:1.7;background:#f7f9f6}.footnote b{color:var(--accent2)}.footnote p{margin:5px 0 0}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#244340;color:white;padding:11px 20px;border-radius:11px;box-shadow:0 10px 30px #233d374a;font-size:12px;z-index:50;max-width:85vw;white-space:normal}dialog{border:1px solid #e4e8e2;border-radius:18px;padding:23px 27px 27px;width:min(440px,92vw);color:var(--ink);box-shadow:0 20px 70px #0a2e3540}dialog::backdrop{background:#162d3299}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:20px}.dialog-body{font-size:12px;line-height:1.75;color:#52615f}.dialog-body strong{color:#203c3d}kbd{font-size:11px;background:#edf0ed;border:1px solid #d6dcd7;border-radius:4px;padding:2px 4px}
@media(max-width:1120px){.workspace{grid-template-columns:235px minmax(310px,1fr) 235px}.header{padding:0 14px}.panel{padding:16px 13px}.rightpane .panel{padding:16px 13px}.catalog-item{min-height:90px;padding:10px 5px}}
@media(max-width:850px){.shell{height:auto;min-height:100vh;overflow:visible}.header{position:sticky;top:0;z-index:10}.workspace{display:flex;flex-direction:column}.leftpane,.rightpane{border:0}.leftpane .pane-scroll,.rightpane .pane-scroll{overflow:visible}.leftpane .pane-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.intro{grid-column:1/-1}.leftpane .panel{border-bottom:1px solid var(--line)}.stage{height:65vh;min-height:470px}.rightpane .pane-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rightpane .panel{border-bottom:1px solid var(--line)}.footnote{grid-column:1/-1}.stage-footer{flex:none}}
@media(max-width:550px){.header{height:67px}.logo small{font-size:9px}.logo strong{font-size:13px}.header-actions{gap:4px}.header-actions .tiny-status,.header-actions #helpBtn{display:none}.header .btn.accent{padding:10px}.leftpane .pane-scroll,.rightpane .pane-scroll{display:block}.stage{height:60vh;min-height:420px}.stage-top{padding:0 8px}.mode{padding:7px 10px;font-size:11px}.stage-hint{font-size:10px}.stage-badge{font-size:9px;max-width:75%}}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.theme-picker select{border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:9px 8px;font-size:11px;max-width:100px}.blender-render-box{margin-top:15px;padding:15px;border-radius:10px;border:1px solid var(--line);background:var(--paper);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.blender-render-box>div{flex:1;min-width:240px}.blender-render-box strong{font-size:12px}.blender-render-box .smallnote{margin:3px 0 0}.blender-render-box>a{white-space:normal}.model-controls .field-label{margin-top:14px}
:root[data-theme=dark]{--paper:#171d20;--white:#20282b;--ink:#e8eee7;--ink2:#b6c3bb;--sub:#9eafa5;--line:#36423f;--mint:#30443b;--dark:#769b88;--accent:#d2b086;--accent2:#d6b58d;--red:#e49c93;--shadow:0 8px 30px #0003;color-scheme:dark}
[data-theme=dark] body{background:var(--paper)}[data-theme=dark] .header,[data-theme=dark] .leftpane,[data-theme=dark] .rightpane,[data-theme=dark] dialog,[data-theme=dark] .btn,[data-theme=dark] .catalog-item{background:var(--white);color:var(--ink);border-color:var(--line)}[data-theme=dark] .intro{background:linear-gradient(145deg,#29392f,#20282b)}[data-theme=dark] .intro p,[data-theme=dark] .dialog-body{color:var(--ink2)}[data-theme=dark] .btn.accent,[data-theme=dark] .three-view-switch .btn.active{background:#739782;border-color:#739782;color:#101d16}[data-theme=dark] .btn:hover,[data-theme=dark] .catalog-item:hover{background:#2b3833;border-color:#5c7566}[data-theme=dark] .btn.accent:hover{background:#9aba9e}[data-theme=dark] .btn.ghost{background:transparent}[data-theme=dark] .mark{background:#355849;color:#f6f0e7}[data-theme=dark] .mark span{color:#e5c99d}[data-theme=dark] .plan-card,[data-theme=dark] .photo-preview,[data-theme=dark] .footnote,[data-theme=dark] .empty-selection,[data-theme=dark] .selection-head{background:#1a2325;color:var(--ink2)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] .form-grid input,[data-theme=dark] .form-grid select,[data-theme=dark] .room-name-editor input,[data-theme=dark] .model-controls select{background:#151e20;color:var(--ink);border-color:#43534a}[data-theme=dark] .stage,[data-theme=dark] .stage-body,[data-theme=dark] .stage-top,[data-theme=dark] .stage-footer{background:#1c2629;border-color:var(--line);color:var(--ink2)}[data-theme=dark] .mode-switch{background:#111b1d}[data-theme=dark] .mode{color:#afc0b2}[data-theme=dark] .mode.active{background:#385847;color:#f0f7ed;border-color:#52705c}[data-theme=dark] .tool{background:#293932;border-color:#42574b;color:#e9f0e5}[data-theme=dark] .list-entry{color:var(--ink);border-bottom-color:#314138}[data-theme=dark] .list-entry.active{background:#2b4438;border-color:#4d725a}[data-theme=dark] .option-row{border-bottom-color:#33413a}[data-theme=dark] .smallnote,[data-theme=dark] .field-label{color:var(--sub)}[data-theme=dark] .section-title span{color:#93ab9c}[data-theme=dark] .dialog-body strong{color:var(--ink)}[data-theme=dark] .btn.danger{background:#382928;border-color:#6c4944;color:#f0aba0}[data-theme=dark] .collision-warning{background:#412f25;border-color:#76553b;color:#e8c599}[data-theme=dark] .model-room-label{background:#1e3028ee;border-color:#546b5a;color:#e3edda}[data-theme=dark] .stage-badge{background:#322f23;color:#d9cfa8;border-color:#5d583e}[data-theme=dark] .overlay-message{background:#24382df5;color:#e9eee4}[data-theme=dark] kbd{background:#304139;border-color:#4c6152;color:#e2eade}
@media(max-width:550px){.theme-picker select{font-size:10px;max-width:78px;padding:8px 5px}.header-actions{gap:4px}.logo strong{font-size:12px}.blender-render-box{padding:11px}.blender-render-box>div{min-width:0;flex-basis:100%}}
.btn{text-decoration:none}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.three-view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px}.three-view-switch .btn{font-size:10px;padding:8px 3px}.three-view-switch .btn.active{background:var(--dark);color:white;border-color:var(--dark)}.field-label{display:block;font-size:10px;color:var(--sub);margin:10px 0 5px}.model-controls select,.render-options select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:11px}.range-heading{display:flex;justify-content:space-between;margin:16px 0 3px;font-size:11px}.range-heading output{color:var(--accent2);font-variant-numeric:tabular-nums}.model-controls input[type=range]{width:100%;accent-color:#4d7664}.model-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.model-room-label{position:absolute;white-space:nowrap;padding:3px 8px;background:#fcfdf4e8;border:1px solid #fff8;color:#52684d;font-size:10px;border-radius:5px;box-shadow:0 2px 10px #24382a08}.model-dimension-label{border-color:#b7cbb0;color:#3c6547}.wide-label{grid-column:1/-1}.photo-preview{border:1px solid var(--line);padding:8px;border-radius:9px;background:#f7faf4;margin-top:7px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.photo-preview img{width:58px;height:58px;object-fit:cover;border-radius:5px}.photo-preview span{font-size:10px;color:var(--sub);max-width:110px;overflow-wrap:anywhere}.photo-preview .mini-link{margin-top:0}.room-name-editor{display:grid;gap:8px;margin-top:10px}.room-name-editor label{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;align-items:center;font-size:10px;color:var(--sub)}.room-name-editor input{width:100%;padding:7px;border-radius:6px;border:1px solid var(--line);color:var(--ink);font-size:11px;min-width:0}.render-dialog{width:min(1040px,95vw);max-height:94dvh;overflow:auto}.render-dialog .dialog-head h2{font-size:23px;margin-top:4px}.render-options{display:flex;align-items:end;gap:18px;margin:15px 0;font-size:11px}.render-options label:first-child{min-width:130px}.render-options select{margin-top:5px}.render-options input[type=checkbox]{accent-color:var(--dark)}.render-preview{background:#edf2e6;min-height:180px;border:1px solid #e0e6d7;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.render-preview img{display:block;max-width:100%;max-height:61dvh;object-fit:contain}.render-preview p{font-size:12px;color:#84937a;padding:25px}.render-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.render-actions .smallnote{margin:0}.stage-hint{pointer-events:none}.header-actions{gap:7px}
@media(max-width:850px){.stage{order:-1;height:65dvh;min-height:440px}.leftpane .pane-scroll{display:block}.intro{padding-top:17px}.room-name-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.rightpane .pane-scroll{display:block}.header .logo small{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-controls .three-view-switch{max-width:400px}}
@media(max-width:550px){.header{padding:0 10px;gap:8px}.header .btn{font-size:10px;padding:8px}.header .mark{width:35px;height:38px;font-size:24px}.header .logo{gap:7px}.logo small{max-width:145px!important}.stage{height:61dvh}.render-dialog{padding:17px}.render-options{flex-wrap:wrap;gap:10px}.render-dialog .dialog-head h2{font-size:19px}.render-actions{align-items:flex-start}.render-actions .smallnote{font-size:9px;max-width:48%}.model-room-label{font-size:8px;padding:2px 5px}}
[data-theme=dark] .upload-area{background:#1a2724;border-color:#526a5a;color:var(--ink)}[data-theme=dark] .upload-area:hover{background:#293e32}[data-theme=dark] .upload-area strong{color:#dce8dc}[data-theme=dark] .unit-chip,[data-theme=dark] .section-title b,[data-theme=dark] .circle-graphic{background:#304338;color:#c8d9c7}[data-theme=dark] .empty-selection strong{color:var(--ink2)}[data-theme=dark] .form-grid label,[data-theme=dark] .compact-grid label{color:var(--ink2)}[data-theme=dark] .catalog-item::after{background:#34483b}
@font-face{font-family:HanohaDisplay;src:url('/fonts/hanoha-display-latin.woff') format('woff');font-weight:300 700;font-style:normal;font-display:swap}
.header{height:88px}.logo{gap:10px;min-width:0}.brand-emblem{display:block;width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 5px #173d3220)}.logo strong{font-family:HanohaDisplay,Georgia,serif;font-size:27px;font-weight:650;letter-spacing:.055em;line-height:1.04;white-space:nowrap}.logo strong span{font-weight:450;letter-spacing:.08em}.logo small{margin-top:5px}.leftpane .pane-scroll,.rightpane .pane-scroll{isolation:isolate}.intro{position:relative;overflow:hidden}
.finish-heading{display:flex;justify-content:space-between;gap:6px;margin:15px 0 8px;color:var(--ink2);font-size:10px;font-weight:650}.finish-heading span{font-weight:500;color:var(--sub)}.finish-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.finish-preset{padding:6px 3px 5px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink2);font-size:9px;display:flex;flex-direction:column;gap:4px;align-items:center;line-height:1.3}.finish-preset:hover{border-color:#829c84;background:var(--paper)}.finish-preset[aria-pressed=true]{border-color:#4d7a63;box-shadow:0 0 0 1px #4d7a63;background:#ecf4e9;color:#234b34}.finish-chip{width:100%;height:22px;border-radius:4px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000012}.view-compare{margin-top:9px}.view-compare .btn{font-size:10px;padding:8px 4px;white-space:normal}
[data-theme=dark] .finish-preset[aria-pressed=true]{background:#2e493b;border-color:#9bba98;box-shadow:0 0 0 1px #9bba98;color:#f0f4e8}[data-theme=dark] .brand-emblem{filter:drop-shadow(0 4px 6px #0005)}
.welcome-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;color:#f4f1e5;perspective:1600px}.entry-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#e5eee5,#f2eee3 65%,#e0e8df);transition:opacity .85s .2s}.entry-portal{position:absolute;inset:0;perspective:1600px;transform-style:preserve-3d}.entry-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(110deg,#254f48,#173f3d 55%,#0f3332);backface-visibility:hidden;transition:transform 1.15s cubic-bezier(.2,.7,.15,1),filter 1.15s;will-change:transform;box-shadow:inset 0 0 80px #051d1c44}.entry-door-left{left:0;transform-origin:left center;border-right:1px solid #b9c7ad33}.entry-door-right{right:0;transform-origin:right center;background:linear-gradient(250deg,#254f48,#173f3d 55%,#0f3332);border-left:1px solid #081f20}.door-panel{position:absolute;inset:7vh 4vw;border:1px solid #cbdbbe22;box-shadow:inset 0 0 0 8px #153c3c33;border-radius:4px}.door-panel::before,.door-panel::after{content:'';position:absolute;left:10%;right:10%;height:31%;border:1px solid #c5d7b714;border-radius:2px}.door-panel::before{top:9%}.door-panel::after{bottom:9%}.door-handle{position:absolute;top:60%;height:82px;width:7px;border-radius:7px;background:linear-gradient(90deg,#aa8956,#ebd7aa 40%,#c09d64);box-shadow:2px 2px 5px #0008}.entry-door-left .door-handle{right:30px}.entry-door-right .door-handle{left:30px}.entry-brand{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;transition:opacity .4s,transform .65s;filter:drop-shadow(0 3px 8px #091d1f33);margin-top:-12vh}.entry-brand img{width:88px;height:88px;object-fit:contain;margin-bottom:17px}.entry-wordmark{font:600 clamp(31px,4vw,52px)/1 HanohaDisplay,Georgia,serif;letter-spacing:.10em}.entry-wordmark span{font-weight:400}.entry-brand p{font-size:11px;color:#c8d6c6;margin:18px 0 12px;letter-spacing:.02em}.entry-progress{width:110px;height:2px;border-radius:3px;background:#c2d4bd28;overflow:hidden}.entry-progress::after{content:'';display:block;width:45%;height:100%;background:#dfcfac;animation:entry-progress 1.3s ease-in-out infinite}.entry-skip{position:absolute;right:28px;bottom:24px;color:#d7dfce;background:#133b39;border:1px solid #b3c4ac44;border-radius:25px;padding:10px 16px;font-size:11px;z-index:4}.entry-skip:hover{background:#2e574a}.entry-skip span{margin-left:8px}.welcome-screen[data-phase=opening] .entry-door-left{transform:rotateY(-108deg);filter:brightness(.6)}.welcome-screen[data-phase=opening] .entry-door-right{transform:rotateY(108deg);filter:brightness(.6)}.welcome-screen[data-phase=opening] .entry-wash{opacity:0}.welcome-screen[data-phase=opening] .entry-brand{opacity:0;transform:scale(1.05)}.welcome-screen[data-phase=opening] .entry-skip{opacity:0;pointer-events:none}.welcome-screen[data-phase=opening]{pointer-events:none}
@keyframes entry-progress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){.entry-door,.entry-wash,.entry-brand{transition:none}.entry-progress::after{animation:none}.welcome-screen[data-phase=opening]{opacity:0}}
@media(max-width:850px){.header{height:82px}.brand-emblem{width:57px;height:57px}.logo strong{font-size:25px}.logo small{max-width:225px}}
@media(max-width:550px){.header{height:auto;min-height:94px;flex-wrap:wrap;padding:7px 11px;gap:4px}.header .logo{gap:6px;flex:1}.header .brand-emblem{width:48px;height:48px}.header .logo strong{font-size:24px}.header .logo small{font-size:9px;max-width:225px!important}.header-actions{width:100%;justify-content:flex-end;gap:5px}.header .btn{padding:7px 10px}.theme-picker select{padding:6px 7px}.entry-brand img{width:76px;height:76px}.entry-brand p{max-width:230px;font-size:10px}.door-handle{height:65px}.entry-door-left .door-handle{right:18px}.entry-door-right .door-handle{left:18px}.entry-skip{right:16px;bottom:18px}}