:root{--bg:#070707;--surface-1:#111213;--surface-2:#1a1b1d;--surface-3:#242528;--surface-hover:#2c2d31;--border:rgba(253,253,252,0.08);--border-strong:rgba(253,253,252,0.16);--fg:#fdfdfc;--fg-muted:rgba(253,253,252,0.64);--fg-subtle:rgba(253,253,252,0.42);--accent:#1fd5f9;--accent-hover:#5ae0fb;--accent-fg:#04252c;--accent-soft:rgba(31,213,249,0.14);--danger:#ef4444;--danger-hover:#f25f5f;--danger-soft:rgba(239,68,68,0.16);--warning:#f5b84a;--success:#34d399;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow:0 8px 32px rgba(0,0,0,0.45);--focus-ring:0 0 0 2px var(--bg),0 0 0 4px var(--accent);--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-emoji:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;--toolbar-h:80px;--topbar-h:56px;--panel-w:360px;color-scheme:dark}@media (max-width:760px){:root{--toolbar-h:72px;--topbar-h:52px}}*,:after,:before{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:none;box-shadow:var(--focus-ring)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius);background:var(--surface-3);font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{background:transparent;border-color:var(--border-strong)}.btn-lg{height:52px;padding:0 28px;font-size:16px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-muted)}.icon-btn:hover{background:var(--surface-3);color:var(--fg)}.input{width:100%;height:48px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-1);transition:border-color .15s}.input::placeholder{color:var(--fg-subtle)}.input:focus{outline:none;border-color:var(--accent);box-shadow:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;padding:0 36px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fdfdfc99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;text-overflow:ellipsis}.select:focus{outline:none;border-color:var(--accent);box-shadow:none}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:6px;background:var(--surface-2);font-size:12px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.toast{background:var(--surface-3)!important;color:var(--fg)!important;border:1px solid var(--border);border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;font-size:14px}.modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;display:grid;grid-gap:16px;gap:16px;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow)}.modal:focus{outline:none}.modal h2{margin:0;padding-right:32px;font-size:20px}.modal p{margin:0;color:var(--fg-muted);line-height:1.5}.modal-close{position:absolute;top:14px;right:14px}.modal form,.modal-section{display:grid;grid-gap:12px;gap:12px}.modal label{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:600}.modal-error{color:var(--danger)!important;font-size:14px}.modal-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.modal-row strong{display:block;margin-bottom:4px}.modal-row p{font-size:14px}.switch{position:relative;flex:none;width:44px;height:26px;margin-top:2px;border:0;border-radius:13px;background:var(--surface-3);transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--fg);transition:transform .15s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translateX(18px);background:var(--accent-fg)}.switch:disabled{opacity:.5}