@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";: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)}.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}