:root{--bg: #0e0f12;--fg: #e7e9ee;--muted: #8b93a3;--accent: #ff6a3d;--card: #16181d;--border: #23262d;--top-h: 56px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}html{scrollbar-width:none}::-webkit-scrollbar{width:8px;height:8px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .25s}body.is-scrolling ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#ffffff40}::-webkit-scrollbar-thumb:active{background:#fff6}.rf-scrollbar{position:fixed;top:var(--top-h);right:2px;width:6px;background:#ffffff40;border-radius:3px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:10001}body.is-scrolling .rf-scrollbar{opacity:1}#root{display:flex;flex-direction:column;min-height:100vh}main.page{flex:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topnav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;height:var(--top-h)}.topnav .brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:600;font-size:17px;justify-self:start}.topnav .brand:hover{text-decoration:none}.topnav .brand-logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#c2410c);display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px}.topnav .nav-links{display:flex;gap:8px;flex-wrap:nowrap}.topnav .nav-links a{color:var(--accent);border:1px solid var(--accent);padding:5px 14px;border-radius:6px;font-size:15px}.topnav .nav-links a:hover{background:#ff6a3d1a;text-decoration:none}.topnav .nav-links a.active{background:var(--accent);color:#000}.topnav .auth-state{display:inline-flex;align-items:center;gap:10px;justify-self:end}.topnav .auth-state .login-btn{color:var(--accent);border:1px solid var(--accent);padding:5px 14px;border-radius:6px;font-size:14px}.topnav .auth-state .login-btn:hover{background:#ff6a3d1a;text-decoration:none}.topnav .auth-state .handle{color:var(--accent);border:1px solid var(--accent);padding:5px 14px;border-radius:6px;font-size:14px}.topnav .auth-state .handle:hover{background:#ff6a3d1a;text-decoration:none}.topnav .auth-state .handle.active{background:var(--accent);color:#000}.topnav .auth-state .logout-btn{background:transparent;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:6px;font:inherit;font-size:14px;cursor:pointer}.topnav .auth-state .logout-btn:hover:not(:disabled){color:var(--fg);border-color:var(--muted)}.topnav .auth-state .logout-btn:disabled{opacity:.5;cursor:default}.topnav .auth-state .auth-error{color:#e57373;font-size:12px;margin-left:8px}@media (max-width: 600px){.topnav{padding:12px;gap:10px}.topnav .brand span:not(.brand-logo){display:none}.topnav .nav-links a{padding:6px 10px;font-size:14px}.topnav .auth-state .handle{display:none}}main.page{width:100%;padding:0}.view-wrap{width:100%;padding:48px 24px}.footer{color:var(--muted);font-size:13px;text-align:center;padding:24px;border-top:1px solid var(--border)}.loading{color:var(--muted);text-align:center;padding:48px 0}.err-boundary{padding:24px 0}.err-boundary h1{margin-top:0}.err-boundary .login-btn{display:inline-block;color:var(--accent);border:1px solid var(--accent);padding:8px 20px;border-radius:6px}.err-boundary .login-btn:hover{background:#ff6a3d1a;text-decoration:none}.err-boundary .err-detail,.err-detail{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.home-wrap{padding:16px 0 24px}.home-wrap h1{font-size:clamp(32px,5vw,48px);line-height:1.15;letter-spacing:-.02em;margin:0 0 20px;text-align:center}.home-wrap h1 .accent{color:var(--accent)}.home-wrap .lede{font-size:18px;color:var(--muted);margin:0 0 48px;width:100%}.home-footer{color:var(--muted);font-size:13px;border-top:1px solid var(--border);padding-top:24px;margin-top:48px}.home .lead{color:var(--muted);font-size:18px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:24px}.tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--fg);transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:var(--accent);text-decoration:none}.tile-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#ff6a3d1a}.tile-title{font-weight:600;font-size:15px;text-align:center}.back{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:18px}.back:hover{color:var(--fg)}.tools-desktop{position:relative}.tools-dock{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:8px 12px 10px;border:1px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;background:transparent;transition:background .18s,border-color .18s,padding .18s;z-index:9999}.tools-dock:hover{background:var(--card);border-color:var(--border);padding:12px 16px 14px}.tools-dock-btn{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:22px;line-height:1;color:var(--fg);font-family:inherit;-webkit-user-select:none;user-select:none;padding:0;transition:background .12s,border-color .12s}.tools-dock-btn:hover{background:#ffffff0f;border-color:var(--border)}.tools-dock-btn:active{transform:scale(.94)}.tool-window{position:fixed;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #00000080,0 0 0 1px #0000004d;display:flex;flex-direction:column;min-width:320px;min-height:200px;overflow:hidden}.tool-window.maximized{border-radius:0}.tw-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#1c1f25;border-bottom:1px solid var(--border);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0}.tw-title{flex:1;font-size:13px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-btn{background:transparent;color:var(--muted);border:0;cursor:pointer;font-size:14px;line-height:1;padding:4px 8px;border-radius:4px;font-family:inherit}.tw-btn:hover{color:var(--fg);background:#ffffff0f}.tw-btn.tw-close{font-size:18px}.tw-body{flex:1;position:relative;background:#0a0b0d;min-height:0}.tw-body iframe{width:100%;height:100%;border:0;display:block}.tw-focus-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;cursor:pointer;z-index:1}.tw-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--muted) 50%,var(--muted) 60%,transparent 60%,transparent 70%,var(--muted) 70%,var(--muted) 80%,transparent 80%);opacity:.5}.tw-resize:hover{opacity:1}body.window-dragging iframe{pointer-events:none}.tools-mobile{position:relative;min-height:calc(100vh - var(--top-h) - 24px)}.mv-hint{color:var(--muted);font-size:14px}.mv-viewer{position:fixed;left:0;right:0;top:var(--top-h);bottom:0;background:var(--bg);z-index:10000}.mv-viewer iframe{width:100%;height:100%;border:0;display:block}.mv-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:#0000008c;color:#fff;border:1px solid var(--border);font-size:22px;line-height:1;cursor:pointer;z-index:1;display:grid;place-items:center;padding:0;font-family:inherit}.mv-bottombar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--border);z-index:10001;transform:translateY(calc(100% - 40px));transition:transform .22s ease-out;padding-bottom:env(safe-area-inset-bottom)}.mv-bottombar.open{transform:translateY(0)}.mv-handle{height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.mv-handle:before{content:"";width:44px;height:4px;border-radius:2px;background:var(--muted);opacity:.6}.mv-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 12px 16px}.mv-tool-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--fg);font-family:inherit;font-size:11px;cursor:pointer}.mv-tool-btn:active{background:#ffffff0f}.mv-icon{font-size:22px;line-height:1}.md-content h1,.md-content h2,.md-content h3{line-height:1.25;margin:1.4em 0 .5em}.md-content h1{font-size:28px}.md-content h2{font-size:22px}.md-content h3{font-size:18px;color:var(--muted)}.md-content p{margin:.7em 0}.md-content code{background:var(--card);padding:1px 6px;border-radius:4px;font-size:.92em}.md-content pre{background:var(--card);padding:14px;border-radius:8px;overflow-x:auto;border:1px solid var(--border)}.md-content pre code{background:none;padding:0}.md-content blockquote{border-left:3px solid var(--accent);padding:2px 14px;color:var(--muted);margin:1em 0}.md-content ul,.md-content ol{padding-left:22px}.md-content hr{border:0;border-top:1px solid var(--border);margin:1.6em 0}.me-view h1{margin:0;font-size:1.6rem;font-weight:600;word-break:break-all}.me-head-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.me-head-row h1{flex:1;min-width:0}.me-logout{margin-left:auto;padding:6px 14px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;font:inherit;font-size:14px;cursor:pointer;flex-shrink:0}.me-logout:hover:not(:disabled){color:var(--fg);border-color:var(--muted)}.me-logout:disabled{opacity:.5;cursor:default}.link-btn{background:transparent;border:0;color:var(--muted);font:inherit;font-size:.85em;cursor:pointer;padding:0 6px;text-decoration:underline}.link-btn:hover{color:var(--fg)}nav.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:18px 0 20px;flex-wrap:wrap}nav.tabs .tab{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:10px 16px;cursor:pointer;font:inherit;font-weight:500;margin:0 0 -1px;border-radius:0}nav.tabs .tab:hover{color:var(--fg);background:transparent}nav.tabs .tab.active{color:var(--fg);border-bottom-color:var(--accent)}section.panel[hidden]{display:none}select.perm-cell{background-color:var(--bg);color:var(--fg);border:1px solid #2a2a2a;border-radius:4px;padding:2px 4px;font:inherit;font-size:.78rem;cursor:pointer;color-scheme:dark}select.perm-cell:hover{border-color:#444}select.perm-cell:disabled{opacity:.5;cursor:wait}.badge.sa{margin-left:6px;padding:0 6px;font-size:.68rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 28px;margin-bottom:24px}.card h2{font-size:.92rem;margin:4px 0 14px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.card input[type=text],.card input[type=number],.card input[type=email],.card input[type=password]{display:inline-block;padding:8px 11px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;font:inherit}.card input:focus{outline:none;border-color:var(--accent)}.card button{padding:8px 14px;background:var(--accent);color:#000;border:none;border-radius:6px;font:inherit;font-weight:600;cursor:pointer}.card button:hover:not(:disabled){filter:brightness(1.1)}.card button:disabled{opacity:.5;cursor:default}.card button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.card button.secondary:hover:not(:disabled){background:#ffffff0f}.card button.danger{background:#5a2a2a;color:#fff;padding:4px 12px;font-size:13px}dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0 0 12px}dl.kv dt{color:var(--muted);font-size:.88rem}dl.kv dd{margin:0;word-break:break-all}dl.kv dd input{margin-right:8px}.badge{background:var(--accent);color:#000;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:0;cursor:pointer}.badge.muted{background:transparent;color:var(--muted);border:1px solid var(--border)}.badge.sa{background:var(--accent);color:#000}form.inline-form{display:flex;gap:8px;align-items:center;margin:8px 0 14px;flex-wrap:wrap}label.inline-check{display:inline-flex;gap:6px;align-items:center;font-size:.88rem;color:var(--muted)}table.list{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:.88rem}table.list th{text-align:left;color:var(--muted);font-weight:400;padding:6px 8px;border-bottom:1px solid var(--border)}table.list td{padding:8px;border-bottom:1px solid #2a2a2a;vertical-align:middle}table.list td.muted{color:var(--muted);text-align:center}.token-shown{background:#ff6a3d1a;border:1px solid var(--accent);padding:12px 16px;border-radius:8px;margin-bottom:14px}.token-shown code{display:block;padding:10px;background:var(--bg);border-radius:6px;word-break:break-all;margin:8px 0}.matrix-wrap{overflow-x:auto;margin:8px 0 4px}table.matrix{border-collapse:collapse;font-size:.82rem}table.matrix th,table.matrix td{padding:6px 10px;text-align:center;border:1px solid #2a2a2a}table.matrix thead th{color:var(--muted);font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;background:#16181d;white-space:nowrap}table.matrix tbody th.user-col{text-align:left;font-weight:400;color:var(--fg);white-space:nowrap;padding-right:16px;background:#16181d;position:sticky;left:0}table.matrix thead th.user-col{text-align:left;position:sticky;left:0;z-index:1}table.matrix td.cell button{background:transparent;color:var(--muted);border:1px solid var(--border);padding:2px 8px;border-radius:4px;font:inherit;font-size:.78rem;cursor:pointer}table.matrix td.cell button:hover:not(:disabled){color:var(--fg);border-color:var(--muted)}table.matrix td.cell-set button{color:var(--fg);border-color:var(--accent)}table.matrix td.lvl-200{background:#6eb4fa1a}table.matrix td.lvl-300{background:#ff6a3d21}.muted-small{color:var(--muted);font-size:.74rem}.call-frame{display:block;border:0;width:100%;height:calc(100vh - var(--top-h) - 80px);min-height:400px;background:var(--bg)}