@font-face{font-display:swap;font-family:Commit Mono;font-style:normal;font-weight:400;src:url(../fonts/commit-mono-400-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Commit Mono;font-style:italic;font-weight:400;src:url(../fonts/commit-mono-400-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Commit Mono;font-style:normal;font-weight:700;src:url(../fonts/commit-mono-700-regular.woff2) format("woff2")}:root{--bg:#0a0c12;--surface-1:#10131b;--surface-2:#161a24;--surface-3:#1d2230;--surface-hover:#1f2534;--line:rgba(148,163,184,.12);--line-strong:rgba(148,163,184,.22);--ink:#e6e9f2;--ink-muted:#a8b2c4;--ink-dim:#909bb0;--accent:#10b981;--accent-bright:#34d399;--accent-soft:rgba(16,185,129,.12);--accent-line:rgba(52,211,153,.35);--accent-glow:rgba(16,185,129,.28);--aurora-violet:#7c3aed;--aurora-cyan:#22d3ee;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--shadow-1:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);--shadow-2:0 2px 6px rgba(0,0,0,.45),0 20px 48px -18px rgba(0,0,0,.75);--shadow-glow:0 0 0 1px var(--accent-line),0 8px 32px -8px var(--accent-glow);--ease:cubic-bezier(.22,1,.36,1);--dur-1:.12s;--dur-2:.18s;--dur-3:.22s;--font-ui:"Commit Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-num:"Commit Mono",ui-monospace,SFMono-Regular,monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{color:var(--ink)}body{background:transparent;font-family:var(--font-ui);font-size:14px;line-height:1.5;min-height:100vh}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}body:before{background:radial-gradient(48% 42% at 10% -4%,rgba(124,58,237,.55) 0,transparent 62%),radial-gradient(44% 40% at 92% 4%,rgba(34,211,238,.38) 0,transparent 64%),radial-gradient(60% 50% at 50% 112%,rgba(16,185,129,.3) 0,transparent 66%);filter:blur(24px) saturate(125%);inset:-20%}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:-1}body:after{background-image:linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 0),linear-gradient(180deg,rgba(148,163,184,.05) 1px,transparent 0);background-size:56px 56px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%)}.tt-card{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);background:linear-gradient(180deg,#1a1f2b8c,#10131bb8);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);position:relative;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.tt-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.14),transparent);border-radius:var(--r-lg) var(--r-lg) 0 0;content:"";height:1px;inset:0 0 auto;opacity:.9;pointer-events:none;position:absolute}.tt-card-hover:hover{border-color:var(--accent-line);box-shadow:var(--shadow-2),0 0 24px -12px var(--accent-glow);transform:translateY(-2px)}.tt-stat{overflow:hidden;position:relative}.tt-stat:after{background:linear-gradient(180deg,var(--accent-bright),transparent);border-radius:2px;bottom:12%;content:"";left:0;opacity:.55;position:absolute;top:12%;width:2px}.tt-page-title{color:#fff;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.tt-eyebrow{color:var(--ink-dim);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tt-section-title{color:var(--ink);font-size:16px;font-weight:600;letter-spacing:-.01em}.tt-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tt-muted{color:var(--ink-muted)}.tt-dim{color:var(--ink-dim)}.tt-input{background:#0c0f16d9;border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-ui);font-size:14px;min-height:40px;outline:none;padding:8px 12px;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}.tt-input::-moz-placeholder{color:var(--ink-dim)}.tt-input::placeholder{color:var(--ink-dim)}.tt-input:hover{border-color:#94a3b852}.tt-input:focus{background:#0a0d13f2;border-color:var(--accent-line);box-shadow:0 0 0 3px #10b98124}.tt-input:disabled{cursor:not-allowed;opacity:.55}select.tt-input option{background:var(--surface-2);color:var(--ink)}textarea.tt-input{line-height:1.6;resize:vertical}.tt-label{color:var(--ink-dim);display:block;font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.tt-btn{align-items:center;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:13px;font-weight:600;gap:8px;justify-content:center;line-height:1;min-height:38px;padding:0 16px;transition:transform var(--dur-1) var(--ease),background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),color var(--dur-2) var(--ease);white-space:nowrap}.tt-btn:active{transform:translateY(1px)}.tt-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.tt-btn-primary{background:linear-gradient(180deg,#34d399,#10b981);box-shadow:0 1px #ffffff40 inset,0 6px 18px -8px var(--accent-glow);color:#04150f;overflow:hidden;position:relative}.tt-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#4ade80,#10b981);box-shadow:0 1px #ffffff4d inset,0 8px 26px -8px var(--accent-glow)}.tt-btn-primary:after{background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.45),transparent);content:"";height:100%;left:-60%;opacity:0;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);width:40%}.tt-btn-primary:hover:not(:disabled):after{animation:tt-sheen .62s var(--ease)}@keyframes tt-sheen{0%{left:-60%;opacity:.9}to{left:120%;opacity:0}}.tt-btn-soft{background:#10b9811f;border-color:#34d3994d;color:#6ee7b7}.tt-btn-soft:hover:not(:disabled){background:#10b98133;border-color:#34d39973;color:#a7f3d0}.tt-btn-ghost{background:#94a3b80f;border-color:var(--line-strong);color:var(--ink)}.tt-btn-ghost:hover:not(:disabled){background:#94a3b824;border-color:#94a3b852}.tt-btn-danger{background:#ef44441f;border-color:#f8717166;color:#fca5a5}.tt-btn-danger:hover:not(:disabled){background:#ef444438;color:#fecaca}.tt-btn-sm{border-radius:var(--r-sm);font-size:12px;min-height:30px;padding:0 10px}.tt-btn-icon{min-height:34px;padding:0;width:34px}.tt-pill{align-items:center;background:#94a3b80f;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-muted);display:inline-flex;font-size:11px;font-weight:600;gap:6px;height:24px;letter-spacing:.02em;padding:0 10px;white-space:nowrap}.tt-pill-ok{background:#10b9811f;border-color:#34d39959;color:#6ee7b7}.tt-pill-warn{background:#fbbf241a;border-color:#fbbf2459;color:#fcd34d}.tt-pill-bad{background:#ef44441a;border-color:#f8717159;color:#fca5a5}.tt-pill-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.tt-chip{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-muted);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:12px;height:26px;padding:0 10px;transition:all var(--dur-2) var(--ease)}.tt-chip:hover{border-color:#94a3b852;color:var(--ink)}.tt-chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:#a7f3d0}.tt-kbd{align-items:center;background:#94a3b814;border:solid var(--line-strong);border-radius:5px;border-width:1px 1px 2px;color:var(--ink-muted);display:inline-flex;font-family:var(--font-num);font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 5px}.tt-hairline{background:linear-gradient(90deg,transparent,var(--line-strong),transparent);height:1px}.tt-toast-wrap{bottom:24px;flex-direction:column;gap:8px;left:0;padding:0 16px;pointer-events:none;position:fixed;right:0;z-index:60}.tt-toast,.tt-toast-wrap{align-items:center;display:flex}.tt-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10131bf5;border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-2);color:var(--ink);font-size:13px;gap:12px;max-width:440px;padding:11px 14px;pointer-events:auto;width:100%}.tt-toast-ok{background:#0a1e17f5;border-color:#34d39966;color:#bbf7d0}.tt-toast-bad{background:#200c0ff5;border-color:#f8717166;color:#fecaca}.tt-toast-enter-active,.tt-toast-leave-active{transition:all .18s ease}.tt-toast-enter-from,.tt-toast-leave-to{opacity:0;transform:translateY(8px)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b82e;background-clip:content-box;border:2px solid transparent;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b852;background-clip:content-box}.tt-row{align-items:center;display:flex;gap:10px}.tt-wrap{flex-wrap:wrap}.tt-spacer{flex:1}.tt-grid{display:grid;gap:12px}.tt-fade-in{animation:tt-fade .26s var(--ease) both}@keyframes tt-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.tt-editor-shell{background:#0b0e15;border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden}.tt-editor-shell .cm-editor{background:#0b0e15;height:100%}.tt-editor-shell .cm-editor.cm-focused{outline:none}.tt-editor-shell .cm-scroller{font-family:Commit Mono,ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.65}.tt-editor-shell .cm-gutters{background:#0b0e15;border-right:1px solid var(--line);color:#4b5568}.tt-preview-frame{background:#0b0e15;border:1px solid var(--line-strong);border-radius:var(--r-md);display:block;width:100%}