@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#f4f3d9;background:#163f39;font-synthesis:none;color-scheme:dark;--ink:#15382f;--cream:#edeacb;--accent:#c9dc8e;--glass:rgba(18,42,32,.76)}
*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid #f3edb6;outline-offset:5px}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.65}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}#scene{display:block;width:100%;height:100%;outline:none;touch-action:none}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,25,19,.3),transparent 23%,transparent 75%,rgba(4,25,24,.42))}.masthead{position:absolute;left:42px;top:34px;pointer-events:none;text-shadow:0 2px 22px #153f393a}.eyebrow{font-size:9px;letter-spacing:2.8px;display:flex;align-items:center;gap:12px;font-weight:600;color:#eeefd7}.little-sun{font-size:22px;color:#e7d890;line-height:1}.slash{opacity:.4;margin:0 1px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(33px,4.1vw,60px);font-weight:400;letter-spacing:-2.6px;margin:12px 0 9px;line-height:1}h1 em{font-weight:400;color:#e9e1a3}.masthead p{font-size:11px;letter-spacing:1.8px;margin:14px 0 0;opacity:.87}.top-actions{position:absolute;right:35px;top:32px;display:flex;align-items:center;gap:9px}.live-label{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.5px;margin-right:15px;font-weight:600}.live-label i{width:4px;height:4px;border-radius:100%;background:#dce7ae;box-shadow:0 0 7px #cbe8ab}.icon-button{background:rgba(21,50,38,.25);width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(242,244,210,.2);border-radius:50%;transition:background .18s,transform .18s}.icon-button:hover{background:rgba(238,237,195,.18);transform:translateY(-1px)}.glass-panel,.reference-panel{position:absolute;right:35px;top:86px;width:280px;border:1px solid #e9edce28;background:rgba(21,44,34,.91);backdrop-filter:blur(22px);border-radius:14px;padding:20px;box-shadow:0 12px 38px #0c25252b;z-index:4}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-bottom:20px}.text-button{font-size:25px;background:none;color:#d8e0c4;line-height:20px;padding:0 2px}.range-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px;color:#cbd5ba}.range-label output{font-variant-numeric:tabular-nums;font-size:10px;opacity:.7}input[type=range]{width:100%;height:3px;accent-color:#d4dfa6;cursor:pointer;display:block;margin:14px 0 25px}.quality-label{font-size:11px;color:#cbd5ba;margin-bottom:9px}.segmented{display:flex;border-radius:6px;padding:3px;background:#0c241e5c;margin-bottom:15px}.segmented button{background:none;flex:1;font-size:11px;padding:8px 5px;border-radius:4px;color:#adbba2}.segmented button[aria-pressed=true]{color:#f5f2d5;background:#c5d6a322}.switch-row{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;padding:12px 0 18px;font-size:11px;border-bottom:1px solid #d4ddbc20;margin-bottom:7px}.switch{width:27px;height:15px;background:#c9d8b32e;border-radius:10px;position:relative}.switch:after{content:"";width:9px;height:9px;background:#c8d1b9;position:absolute;left:3px;top:3px;border-radius:100%;transition:transform .2s}.switch-row[aria-pressed=true] .switch{background:#a7c77570}.switch-row[aria-pressed=true] .switch:after{transform:translateX(12px)}.panel-action{display:flex;width:100%;align-items:center;background:none;font-size:11px;gap:10px;padding:11px 0;color:#cbd5ba}.panel-action:hover{color:#fffbe5}.panel-action svg{width:16px;height:16px}.panel-action span{margin-left:auto;border:1px solid #b3c3a940;font-size:9px;padding:2px 4px;border-radius:3px}.render-note{margin:13px 0 0;font-size:9px;line-height:1.7;letter-spacing:.1px;color:#a8b69c;opacity:.65}.reference-panel{width:min(440px,calc(100vw - 32px));padding:14px}.reference-panel .panel-heading{margin:0 0 12px;font-size:9px;letter-spacing:2px}.reference-panel small{letter-spacing:.3px;font-size:9px;margin-left:10px;opacity:.5}.reference-panel img{display:block;width:100%;border-radius:6px}.reference-panel p{font-size:10px;color:#b9c5ab;margin:12px 0 1px}.location-note{position:absolute;bottom:54px;left:42px;display:flex;align-items:center;gap:16px;pointer-events:none;font-size:9px;line-height:1.8;letter-spacing:1px;color:#eef1d9a3}.location-note strong{font-weight:400;color:#eef1d9;font-size:10px}.compass{display:flex;flex-direction:column;align-items:center;font-size:9px;gap:5px;color:#e6eac3}.compass svg{width:18px;height:24px;stroke:currentColor;stroke-width:.8;fill:none;opacity:.7}.view-controls{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid #dfe9c825;box-shadow:0 6px 28px #123d3720;border-radius:12px;padding:7px;z-index:2}.views{display:flex;gap:3px}.views button{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;background:none;border-radius:6px;padding:12px 14px;color:#d2dcc4;transition:background .2s}.views button span{font-family:Georgia,serif;font-size:10px;opacity:.46}.views button:hover{background:#c4d4a917}.views button.active{background:var(--cream);color:#244537}.views button.active span{opacity:.55}.view-controls .icon-button{border:0;width:32px;height:32px;background:none}.view-controls .icon-button:hover{background:#c7d1ad22;transform:none}.view-controls .icon-button svg{width:17px;height:17px}.divider{height:18px;width:1px;background:#d3debc25;margin:0 2px}.gesture-hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.5px;color:#e6edce9c;pointer-events:none;white-space:nowrap}.gesture-hint b{font-weight:400;margin:0 6px;opacity:.6}.mouse-icon{display:block;width:8px;height:12px;border:1px solid #d1dcbc88;border-radius:5px;position:relative}.mouse-icon:after{position:absolute;content:"";width:1px;height:3px;background:#d1dcbc88;left:3px;top:2px}.touch-hint{display:none}.restore-button{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);border:1px solid #dce3c144;color:#e8edcc;background:var(--glass);padding:10px 18px;border-radius:22px;font-size:10px;backdrop-filter:blur(16px);opacity:.55}.restore-button:hover{opacity:1}.clean .masthead,.clean .top-actions,.clean .view-controls,.clean .gesture-hint,.clean .location-note,.clean .edge-shade{display:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#193c32;z-index:10;transition:opacity .65s;gap:13px}.loader-mark{font-size:40px;color:#d9dfa2;animation:turn 12s linear infinite}.loader-title{font-family:Georgia,serif;font-size:32px;letter-spacing:-.8px;margin-top:8px}#loading-copy{font-size:11px;letter-spacing:1px;color:#bcc9aa}.loading-track{width:150px;height:2px;background:#dbe4bc1f;margin-top:15px;overflow:hidden}.loading-track div{width:12%;height:100%;background:#d4dfa6;transition:width .4s}.loaded{opacity:0;pointer-events:none}@keyframes turn{to{transform:rotate(360deg)}}#error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#173c32f5;z-index:12;padding:32px;max-width:430px;min-width:280px;border:1px solid #dfe6c044;border-radius:14px;font-size:14px}#error p{font-size:12px;line-height:1.8;color:#c4d0b7;overflow-wrap:anywhere}#error button{background:#e9e7c8;color:#244537;padding:10px 17px;border-radius:6px;font-size:12px}#toast{position:absolute;top:28px;left:50%;transform:translate(-50%,-12px);padding:10px 20px;background:#163c33ec;border:1px solid #dce5c438;border-radius:25px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:1100px){.location-note{bottom:112px;left:27px}.masthead{left:27px;top:28px}.top-actions{right:25px;top:27px}.views button{padding:12px}.glass-panel,.reference-panel{right:25px}}@media (max-width:650px){.masthead{left:22px;top:calc(23px + env(safe-area-inset-top))}.eyebrow{font-size:7px;gap:7px;letter-spacing:1.6px}.little-sun{font-size:17px}h1{font-size:38px;letter-spacing:-1.9px;margin:9px 0}.masthead p{font-size:9px;letter-spacing:1.2px;margin-top:10px}.top-actions{right:17px;top:calc(24px + env(safe-area-inset-top));gap:6px}.live-label{display:none}.icon-button{width:33px;height:33px}.icon-button svg{width:17px;height:17px}.view-controls{bottom:calc(39px + env(safe-area-inset-bottom));gap:2px;max-width:calc(100vw - 22px);padding:5px;border-radius:10px}.views{gap:1px}.views button{padding:11px 10px;font-size:10px;gap:0}.views button span{display:none}.view-controls .icon-button{width:27px;height:30px}.divider{margin:0 2px}.gesture-hint{bottom:calc(17px + env(safe-area-inset-bottom));font-size:8px}.desktop-hint,.mouse-icon{display:none}.touch-hint{display:inline}.location-note{display:none}.glass-panel,.reference-panel{right:16px;top:calc(76px + env(safe-area-inset-top))}.glass-panel{width:260px}.edge-shade{background:linear-gradient(180deg,#102c2455,transparent 24%,transparent 77%,#052b3255)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.loader-mark{animation:none}}
#fallback-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.still-notice{position:absolute;right:28px;bottom:18px;max-width:260px;font-size:8px;line-height:1.7;color:#e5edcb9c;margin:0;text-align:right;pointer-events:none}.still-mode .render-note{opacity:.9;line-height:1.8}.clean .still-notice{display:none}@media(max-width:900px){.still-notice{top:120px;bottom:auto;left:25px;right:auto;text-align:left;font-size:8px;max-width:210px}}