@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;600;900&family=Noto+Sans+SC:wght@400;500;700&display=swap";.so-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9900;background:#080810b8;justify-content:center;align-items:flex-start;padding-top:12vh;animation:.12s so-fade-in;display:flex;position:fixed;inset:0}@keyframes so-fade-in{0%{opacity:0}to{opacity:1}}.so-box{background:#111120;border:1px solid #2a2a40;border-radius:14px;width:min(640px,92vw);animation:.14s so-slide-in;overflow:hidden;box-shadow:0 24px 80px #000a}@keyframes so-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.so-input-row{border-bottom:1px solid #1e1e30;align-items:center;gap:10px;padding:14px 18px;display:flex}.so-icon{opacity:.5;flex-shrink:0;font-size:15px}.so-input{color:#e8e8f0;caret-color:var(--cyan,#54c7c0);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.so-input::placeholder{color:#454560}.so-hint{color:#454560;background:#0d0d1a;border:1px solid #2a2a3e;border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:monospace;font-size:10px}.so-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a2a40 transparent;max-height:360px;overflow-y:auto}.so-state{text-align:center;color:#454560;padding:28px 18px;font-size:13px}.so-item{cursor:pointer;border-bottom:1px solid #13131e;align-items:flex-start;gap:12px;padding:10px 18px;transition:background 80ms;display:flex}.so-item:last-child{border-bottom:none}.so-item-sel{background:#1a1a2e}.so-item-icon{flex-shrink:0;margin-top:1px;font-size:14px}.so-item-body{flex:1;min-width:0}.so-item-title{color:#ccccd8;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.so-item-title mark{color:var(--cyan,#54c7c0);background:0 0;font-weight:600}.so-item-sub{color:#454560;letter-spacing:.04em;margin-top:1px;font-family:monospace;font-size:11px}.so-item-snip{color:#7878a0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.so-item-snip mark{color:var(--cyan,#54c7c0);background:0 0;font-weight:600}.so-item-arrow{color:#2a2a40;flex-shrink:0;margin-top:2px;font-size:12px;transition:color 80ms}.so-item-sel .so-item-arrow{color:#54c7c0}.so-tips{border-top:1px solid #13131e;justify-content:center;gap:20px;padding:16px 18px;display:flex}.so-tips-row{color:#454560;align-items:center;gap:6px;font-size:11px;display:flex}.so-tips-row kbd{color:#7878a0;background:#0d0d1a;border:1px solid #2a2a3e;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px}:root{--ink:#0b0c11;--ink-1:#0f1118;--ink-2:#141722;--ink-3:#1c2030;--line:#ffffff14;--line-2:#ffffff26;--paper:#ece7db;--txt:#dcd8cd;--muted:#8b8a99;--faint:#5b5b6b;--amber:#e3a857;--amber-2:#f0c485;--amber-glow:#e3a85738;--cyan:#54c7c0;--cyan-2:#8fe3dd;--rose:#d97a6c;--violet:#9a8cc4;--f-disp:"Fraunces","Noto Serif SC",serif;--f-ui:"Hanken Grotesk","Noto Sans SC",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;--f-prose:"Noto Serif SC","Fraunces",serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--f-ui);color:var(--txt);background:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 640px at 82% -10%,#54c7c014,#0000 60%),radial-gradient(1000px 760px at 6% 112%,#e3a85712,#0000 55%);min-height:100vh}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--amber);color:#1a1206}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:9px}.btn{font-family:var(--f-ui);cursor:pointer;border:0;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .18s}.btn.ghost{border:1px solid var(--line-2);color:var(--muted);background:0 0}.btn.primary{background:linear-gradient(180deg,var(--amber-2),var(--amber));color:#1a1206;box-shadow:0 8px 22px var(--amber-glow)}.btn.cyan{background:linear-gradient(180deg,var(--cyan-2),var(--cyan));color:#04201e}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed}.scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#06070ab8;place-items:center;padding:24px;display:none;position:fixed;inset:0}.scrim.on{animation:.25s both fade;display:grid}@keyframes fade{0%{opacity:0}}.modal{border:1px solid var(--line-2);background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border-radius:18px;width:min(560px,94vw);padding:26px 28px;animation:.3s both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.modal h3{font-family:var(--f-disp);color:var(--paper);margin-bottom:6px;font-size:22px}.modal .sub{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.6}.modal label{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;font-size:10px;display:block}.modal input,.modal textarea{background:var(--ink);border:1px solid var(--line-2);width:100%;color:var(--txt);font-family:var(--f-ui);border-radius:11px;outline:none;margin-bottom:16px;padding:12px 14px;font-size:14px}.modal textarea{resize:vertical;min-height:130px;font-family:var(--f-prose);line-height:1.6}.modal input:focus,.modal textarea:focus{border-color:var(--amber)}.modal .row{justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal .x{color:var(--faint);cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:16px;right:18px}.cockpit-frame{pointer-events:none;z-index:200;position:fixed;inset:0}.cockpit-frame:before,.cockpit-frame:after{content:"";border-style:solid;border-color:#54c7c059;width:28px;height:28px;position:absolute}.cockpit-frame:before{border-width:2px 0 0 2px;top:14px;left:14px}.cockpit-frame:after{border-width:0 2px 2px 0;bottom:14px;right:14px}.topbar{border-bottom:1px solid var(--line);z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0c11d1;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.topbar .brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.topbar .brand .mark{font-family:var(--f-disp);letter-spacing:.5px;background:linear-gradient(180deg,#fff,var(--amber-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:900}.topbar .brand .sub{font-family:var(--f-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-size:10px}.topbar .spacer{flex:1}.topbar .crumb{font-family:var(--f-mono);color:var(--faint);letter-spacing:.05em;font-size:11px}.topbar .user{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.topbar .ua{width:28px;height:28px;font-family:var(--f-disp);color:var(--paper);background:linear-gradient(145deg,#6b6f86,#3a3d4e);border-radius:50%;place-items:center;font-size:12px;display:grid}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}[role=button]:active{opacity:.8;transform:scale(.98)}input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px #e3a85726;border-color:var(--amber)!important}a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.topbar-signout:hover{color:var(--rose)!important}.topbar-signout:focus-visible{outline:2px solid var(--rose)}.topbar-nav-wrap{margin-left:16px;position:relative}.topbar-nav-btn{color:var(--muted);font-family:var(--f-mono);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:flex}.topbar-nav-btn:hover,.topbar-nav-btn.open{color:var(--cyan);background:#54c7c014;border-color:#54c7c040}.topbar-nav-caret{opacity:.6;font-size:9px;transition:transform .15s}.topbar-nav-btn.open .topbar-nav-caret{transform:rotate(180deg)}.topbar-nav-menu{z-index:9000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0e16f5;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:1px;min-width:148px;padding:6px;animation:.1s nav-fade-in;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 32px #00000080}@keyframes nav-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-nav-item{color:var(--muted);font-family:var(--f-mono);white-space:nowrap;border-radius:8px;align-items:center;padding:7px 12px;font-size:12px;text-decoration:none;transition:background .1s,color .1s;display:flex}.topbar-nav-item:hover{color:var(--paper);background:#54c7c014}.topbar-search-btn{color:var(--faint);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:5px;margin-right:8px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.topbar-search-btn:hover{color:var(--cyan);background:#54c7c014;border-color:#54c7c040}.topbar-search-kbd{font-size:9px;font-family:var(--f-mono);letter-spacing:.02em;color:var(--faint);background:#ffffff14;border-radius:4px;padding:1px 4px}.toaster{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{font-family:var(--f-ui);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:10px 18px;font-size:13.5px;animation:.25s both toastIn,.25s 2.75s both toastOut;display:flex;box-shadow:0 8px 24px #00000059}.toast-success{color:var(--cyan-2);background:#14281ceb;border:1px solid #54c7c066}.toast-error{color:var(--rose);background:#281010eb;border:1px solid #d97a6c66}.toast-info{border:1px solid var(--line-2);color:var(--txt);background:#141622eb}.toast-icon{flex-shrink:0;font-size:14px}.toast-msg{font-size:13px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}}@keyframes toastOut{to{opacity:0;transform:translateY(12px)}}@media (width<=640px){.topbar{padding:12px 16px}.topbar .brand .sub{display:none}.topbar .crumb{font-size:10px}.btn{padding:9px 16px;font-size:13px}.modal{padding:20px 16px}.scrim{padding:16px}}.page-enter{animation:.22s both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}}.home-root,.new-root,.map-root,.scene-root,.read-root,.login-root{animation:.25s both pageEnter}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}