:root{--ink:#231c34;--muted:#8d8699;--accent:#7138a0;--green:#009c79}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f8f8fb}button{font:inherit;-webkit-tap-highlight-color:transparent}#viewport{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 14% 85%,#e4f5ef 0,transparent 45%),radial-gradient(ellipse at 90% 10%,#efe8f6 0,transparent 40%),#f8f8fb}#world{position:absolute;width:1920px;height:1080px;transform-origin:0 0;transition:transform 880ms cubic-bezier(.65,0,.2,1);will-change:transform}.shell{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;opacity:0;pointer-events:none}.shell.on-path,.shell.outgoing{opacity:1}.panel{position:absolute;inset:0;opacity:0;transition:opacity 430ms ease;pointer-events:none;background:#f8f8fb;background-image:radial-gradient(ellipse at 10% 94%,#edf7f3 0,transparent 45%),radial-gradient(ellipse at 95% 5%,#f2edf8 0,transparent 42%)}.shell.current>.panel{opacity:1;pointer-events:auto}.shell.outgoing>.panel{opacity:1}.shell.outgoing:not(.on-path)>.panel{pointer-events:none}.scene-title{position:absolute;top:110px;left:118px;right:118px;font-size:64px;letter-spacing:-2px;font-weight:700;margin:0;line-height:1.1}.scene-title:before{content:'';display:block;width:48px;height:6px;border-radius:5px;background:var(--node-color,#7138a0);margin-bottom:24px}.overview-logo{position:absolute;width:150px;height:150px;left:885px;top:110px;object-fit:contain}.cover-button{position:absolute;left:600px;top:130px;width:720px;height:790px;border:0;background:none;cursor:pointer;transition:filter .2s}.cover-button img{width:720px;height:720px;object-fit:contain}.cover-button:after{content:'↓';position:absolute;bottom:0;left:330px;width:60px;height:60px;line-height:52px;border:1px solid #ded7e6;background:#fff;border-radius:50%;font-size:30px;color:#7138a0;animation:pulse 2.5s ease-in-out infinite}.cover-button:hover{filter:drop-shadow(0 14px 22px #7138a01b)}.preview{position:absolute;border:0;background:white;border-radius:24px;box-shadow:0 12px 38px #2e204811,0 0 0 1px #e6e0ed;overflow:hidden;padding:0;cursor:pointer;transition:box-shadow .22s,filter .22s;outline-offset:7px;text-align:left}.preview:hover{box-shadow:0 20px 50px #4929672e,0 0 0 3px var(--node-color,#7138a0);filter:brightness(1.015)}.preview img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.preview .caption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;background:#fffffff5;border-top:1px solid #ece8f1;color:#2d213c;font-size:27px;line-height:1.2;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview .caption:after{content:'↗';font-weight:400;color:var(--node-color,#7138a0);font-size:28px}.preview.role .caption{padding:26px 30px;font-size:40px;border-top:5px solid var(--node-color)}.preview.opened{opacity:0;pointer-events:none}.capture{position:absolute;inset:135px 68px 35px;display:flex;justify-content:center;align-items:center}.capture img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 48px #21142b1b;border-radius:10px;cursor:zoom-in}.leaf-title{position:absolute;left:82px;right:82px;top:86px;text-align:center;font-size:32px;line-height:1.1;margin:0;color:#4a3c59;font-weight:550}.leaf-title .notice{font-size:18px;color:#877995;margin-left:14px}.shell.current>.panel .preview:focus-visible{outline:5px solid #8b61b5}#controls{position:fixed;top:18px;left:22px;right:22px;z-index:100;display:flex;justify-content:space-between;gap:12px;pointer-events:none;transition:opacity .3s}#controls .left,#controls .right{display:flex;align-items:center;gap:7px;pointer-events:auto;background:#ffffffed;border:1px solid #e4dfea;border-radius:15px;padding:5px;box-shadow:0 6px 25px #251d3510;max-width:76vw}#controls button{width:38px;height:37px;flex:none;border:0;background:transparent;border-radius:10px;color:#675278;font-size:25px;line-height:1;cursor:pointer}#controls button:hover{background:#eee7f4;color:#4a176c}#controls button:disabled{opacity:.24;cursor:default}#controls.cover-mode .left{visibility:hidden}#controls.cover-mode .right{background:transparent;box-shadow:none;border-color:transparent}#controls.cover-mode #previous,#controls.cover-mode #next,#controls.cover-mode #position{display:none}#crumbs{display:flex;gap:2px;align-items:center;min-width:0;overflow:hidden}#crumbs button{font-size:13px;width:auto;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;font-weight:600}#crumbs span{font-size:14px;color:#b4a9c0}#position{font-size:12px;color:#8a7a96;min-width:32px;text-align:center}#image-viewer{position:fixed;inset:0;z-index:200;background:#f8f8fbf9;overflow:auto;padding:60px 15px 15px;text-align:center}#image-viewer[hidden]{display:none}#image-viewer img{max-width:100%;height:auto;cursor:zoom-in}#image-viewer.zoomed img{max-width:none;width:auto;cursor:zoom-out}#close-viewer{position:fixed;top:14px;right:20px;background:white;border:1px solid #ded4e7;border-radius:50%;width:40px;height:40px;font-size:30px;color:#7138a0;cursor:pointer;z-index:210}@keyframes pulse{50%{transform:translateY(8px);box-shadow:0 5px 16px #7138a015}}@media(prefers-reduced-motion:reduce){#world,.panel{transition:none}.cover-button:after{animation:none}}@media(max-width:700px){#controls{top:8px;left:7px;right:7px}#controls .left{max-width:68vw}#crumbs button{max-width:90px;font-size:11px;padding:0 6px}#controls button{width:30px;height:32px}#position{display:none}.right{gap:0!important}}

#sharp-layer{z-index:5;opacity:1}.panel:focus{outline:none}#fullscreen svg{width:20px;height:20px;vertical-align:middle}
.shell:not(.on-path):not(.outgoing):not(#sharp-layer){visibility:hidden}.panel{visibility:hidden}.shell.current>.panel,.shell.outgoing>.panel{visibility:visible}