@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Bold.otf) format("opentype");font-weight:700;font-display:swap}:root{--ink: #13133d;--ink-2: #4a4a6a;--ink-3: #636366;--mist: #e4e0f0;--d01: #352f87;--d02: #6057c7;--d06: #ebebff;--d07: #f5f5ff;--glass: rgba(255, 255, 255, .58);--glass-strong: rgba(255, 255, 255, .78);--glass-edge: rgba(255, 255, 255, .85);--shadow: 0 12px 40px rgba(19, 19, 61, .12), 0 2px 8px rgba(19, 19, 61, .06);--r-sm: 14px;--r-lg: 24px;--spectrum: linear-gradient(90deg, #ff5e62, #ffb347, #f9f871, #59d98e, #3fc5f0, #5b7cfa, #9b6bff, #e36bff, #ff6fa8);font-family:Aeonik Pro,Inter,system-ui,sans-serif;letter-spacing:.01em;color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#eeeef6}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;letter-spacing:inherit}a{color:inherit;text-decoration:none}kbd{font:inherit;font-size:11px;opacity:.55;margin-left:2px}.world{position:fixed!important;top:0;right:0;bottom:0;left:0;touch-action:none}.ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .5s}.ui>*{pointer-events:auto}.ui.bare>*:not(.lightbox):not(.flash){opacity:0;pointer-events:none}.ui>.controls,.ui>.rail{transition:opacity .8s}.ui.intro>.controls,.ui.intro>.rail{opacity:0;pointer-events:none}.brand,.controls .pill,.caption,.hint,.rail-preview,.tip,.index-panel,.lb-bar,.icon-btn{background:var(--glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--glass-edge);box-shadow:var(--shadow)}.brand{position:absolute;top:20px;left:20px;padding:12px 18px;border-radius:var(--r-sm);pointer-events:none}.brand-mark{font-size:22px;line-height:28px;font-weight:500;letter-spacing:.01em;background:linear-gradient(90deg,#13133d,#352f87 40%,#6057c7,#13133d);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:12px;line-height:16px;color:var(--ink-3);margin-top:1px}.controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;pointer-events:none}.controls>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--r-sm);font-size:14px;font-weight:500;transition:background .2s,color .2s,transform .15s;background:var(--glass);border:1px solid var(--glass-edge)}.pill:hover{background:var(--glass-strong);transform:translateY(-1px)}.pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pill.icon{width:38px;padding:0;justify-content:center}.pill svg{flex:none}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm)}.rail{position:absolute;right:26px;top:50%;transform:translateY(-50%);height:min(62vh,620px);width:40px;display:flex;justify-content:center}.rail-track{position:relative;width:8px;height:100%;border-radius:8px;cursor:pointer;box-shadow:0 0 0 1px #ffffffe6,0 6px 24px #13133d2e}.rail-track:before{content:"";position:absolute;top:-6px;right:-16px;bottom:-6px;left:-16px}.rail-band{position:absolute;left:-12px;right:-12px;pointer-events:none}.rail-band em{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);opacity:0;transition:opacity .3s;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 2px #fff}.rail-band.on em,.rail:hover .rail-band em{opacity:.8}.rail-band:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:1px;background:#ffffffe6}.rail-marker{position:absolute;left:50%;width:18px;height:18px;margin:0 0 -9px -9px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 10px #13133d59;transition:bottom .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.rail-preview{position:absolute;right:30px;transform:translateY(50%);display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:var(--r-sm);pointer-events:none;white-space:nowrap}.rail-thumb{border-radius:6px;box-shadow:0 2px 8px #00000026}.rail-pv-text{display:flex;flex-direction:column}.rail-pv-text b{font-size:14px;font-weight:500}.rail-pv-text small{font-size:12px;color:var(--ink-3)}.caption{position:absolute;left:50%;bottom:22px;transform:translate(-50%,8px);width:min(560px,calc(100vw - 32px));border-radius:var(--r-lg);padding:14px 10px;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.caption.in{opacity:1;transform:translate(-50%)}.cap-body{flex:1;min-width:0;text-align:center}.cap-over{font-size:11px;line-height:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);display:flex;align-items:center;justify-content:center;gap:6px}.cap-over i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #ffffffe6,0 0 10px currentColor}.cap-over span{font-weight:500;opacity:.7}.cap-title{font-size:26px;line-height:32px;font-weight:500;margin-top:6px;letter-spacing:.005em}.cap-text{font-size:15px;line-height:1.5;color:var(--ink-2);margin-top:3px;text-wrap:balance}.cap-meta{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:10px;font-size:13px;color:var(--ink-3)}.cap-meta button,.cap-meta a{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--d01)}.cap-meta button:hover,.cap-meta a:hover{color:var(--d02)}.cap-nav{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .2s}.cap-nav:hover{background:#ffffffb3}.caption.slim{width:auto;max-width:calc(100vw - 32px);padding:6px;gap:8px;border-radius:18px;bottom:18px}.cap-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #ffffffe6}.cap-slim-title{font-size:17px;line-height:22px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-slim-no{font-size:13px;color:var(--ink-3);white-space:nowrap}.cap-act{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:12px;font-size:13px;font-weight:500;color:var(--d01);white-space:nowrap}.cap-act:hover{background:#ffffffb3}.caption.slim .cap-nav{width:38px;height:38px}.hint{position:absolute;left:20px;bottom:22px;padding:8px 12px;border-radius:12px;font-size:12px;color:var(--ink-3);max-width:300px;line-height:1.45;pointer-events:none}.tip{position:fixed;left:0;top:0;padding:6px 10px;border-radius:10px;font-size:13px;font-weight:500;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.tip.on{opacity:1}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#fff,#fbfaff 45%,#f1efff);opacity:0;pointer-events:none}.index{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#eeeef659;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadein .3s}.index-panel{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 80px);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;background:#ffffffb8}.index-head{display:flex;align-items:center;gap:12px;padding:20px 20px 14px 24px;border-bottom:1px solid rgba(19,19,61,.08)}.index-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#13133d0f}.index-tabs button{height:36px;padding:0 14px;border-radius:11px;font-size:15px;font-weight:500;color:var(--ink-2);transition:background .2s,color .2s}.index-tabs button span{font-size:12px;opacity:.6;margin-left:4px}.index-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px #13133d1a}.index-sub{flex:1;font-size:13px;color:var(--ink-3)}.index-bands{overflow-y:auto;padding:8px 24px 24px}.index-bands section{margin-top:14px}.index-bands h3{margin:0 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}.index-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.index-cell{padding:4px;border-radius:10px;transition:background .2s,transform .2s}.index-cell span{border-radius:5px;box-shadow:0 2px 8px #13133d24}.index-cell:hover{background:#ffffffe6;transform:translateY(-2px)}.index-cell.on{background:var(--ink)}.archive{flex:1;min-height:60vh;overflow-y:auto;padding:0 20px 20px 24px;position:relative}.archive-head{position:absolute;left:0;right:0;margin:0;height:40px;display:flex;align-items:flex-end;gap:8px;padding-bottom:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}.archive-head span{font-weight:500;opacity:.6;letter-spacing:0}.archive-row{position:absolute;left:0;right:0;display:flex;gap:4px}.archive-cell{flex:none;border-radius:4px;background-repeat:no-repeat;box-shadow:0 1px 3px #13133d1f;transition:transform .15s,box-shadow .15s}.archive-cell:hover{transform:scale(1.18);position:relative;z-index:2;box-shadow:0 6px 18px #13133d4d}.archive-preview{position:fixed;z-index:60;pointer-events:none;border-radius:16px;overflow:hidden;background:var(--glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-edge);box-shadow:var(--shadow);animation:fadein .15s}.archive-preview img{display:block;width:100%;max-height:300px;object-fit:contain;background:#e8e8f0}.archive-preview div{padding:8px 12px 10px;display:flex;flex-direction:column}.archive-preview b{font-size:14px;font-weight:500}.archive-preview span{font-size:12px;color:var(--ink-3)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#f7f7fb,#e8e8f0);animation:fadein .35s}.lb-stage{position:absolute;top:24px;right:24px;bottom:92px;left:24px;overflow:hidden;touch-action:none}.lb-stage img{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;box-shadow:0 30px 80px #13133d38,0 4px 14px #13133d1f;transform-origin:50% 50%;-webkit-user-select:none;user-select:none;transition:transform .08s linear}.lb-bar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px;border-radius:18px}.lb-bar>button,.lb-bar>a{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.lb-bar>button:hover,.lb-bar>a:hover{background:#fffc}.lb-title{padding:0 14px;min-width:200px;text-align:center;display:flex;flex-direction:column}.lb-title b{font-size:16px;font-weight:500}.lb-title span{font-size:12px;color:var(--ink-3)}.lb-title em{font-style:normal}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#fff,#f1f0fa 55%,#e3e2f2);z-index:50;transition:opacity 1.4s ease}.loader.out{opacity:0;pointer-events:none}.loader-mark{font-size:52px;font-weight:300;letter-spacing:.02em;color:var(--ink)}.loader-sub{margin-top:6px;font-size:15px;color:var(--ink-3)}.loader-line{margin-top:28px;width:180px;height:2px;border-radius:2px;background:#13133d14;overflow:hidden}.loader-line i{display:block;height:100%;width:40%;background:var(--spectrum);animation:sweep 1.4s ease-in-out infinite}.loader-err{margin-top:20px;color:#e72323;font-size:13px}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (max-width: 720px){.brand{top:12px;left:12px;padding:8px 12px}.brand-mark{font-size:18px;line-height:22px}.controls{top:auto;bottom:12px;right:12px;left:12px;justify-content:center}.pill{height:36px;padding:0 10px;font-size:13px}.controls .pill{font-size:0;gap:0;width:44px;justify-content:center}.rail{right:10px;height:44vh;top:42%}.caption,.caption.slim{bottom:62px}.caption{padding:10px 6px}.cap-slim-no{display:none}.cap-title{font-size:20px;line-height:26px}.cap-text{font-size:13px}.hint{display:none}}