@keyframes spin{to{transform:rotate(360deg)}}:root{--bg:#0a0a0a;--bg-muted:#171717;--bg-elevated:#1f1f1f;--border:#262626;--text:#b8b8b8;--text-h:#f5f5f5;--accent:#22d3ee;--accent-contrast:#0a0a0a;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;width:100%;max-width:720px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{color:var(--text-h);margin:0 0 .5em;font-weight:500}p{overflow-wrap:break-word;word-break:break-word}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-muted);color:var(--text-h);border:1px solid #0000;border-radius:10px;padding:.6em 1.1em;transition:border-color .12s,filter .12s}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-contrast);font-weight:700}button.primary:hover{border-color:var(--accent);filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;width:100%;padding:.7em .9em}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}.error-text{color:var(--danger);font-size:.9em}.muted{color:var(--text);opacity:.7}.tag-chip-btn:hover{transform:scale(1.06)}.icon-btn{width:2.1em;height:2.1em;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:transform .2s,color .2s,background .2s,border-color .2s;display:inline-flex}.icon-btn:hover{background:var(--bg-muted);border-color:var(--border);transform:scale(1.05)}.icon-btn-danger:hover{color:var(--danger);border-color:var(--danger)}.icon-btn-accent:hover{color:var(--accent);border-color:var(--accent)}.minimal-input{background:0 0;border:1px solid #0000;border-radius:6px;width:auto;padding:.3em .5em;transition:background .12s}.minimal-input:hover,.minimal-input:focus{background:var(--bg-muted);outline:none}.segmented{border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented-btn{color:var(--text);opacity:.7;background:0 0;border:none;border-radius:6px;padding:.4em .9em;font-size:.85em;transition:background .15s,opacity .15s}.segmented-btn:hover{opacity:1}.segmented-btn.active{background:var(--bg-elevated);color:var(--text-h);opacity:1}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:24rem;padding:1.4em}.modal-card.danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.steps-timeline{flex-direction:column;align-items:center;gap:1.8em;display:flex;position:relative}.steps-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.step-item{z-index:1;justify-content:center;width:100%;height:1.6em;display:flex;position:relative}.step-item.side-a .step-label{text-align:right;right:calc(50% + 14px)}.step-item.side-b .step-label{text-align:left;left:calc(50% + 14px)}@media (width>=640px){.steps-timeline{flex-direction:row;align-items:stretch;gap:0}.steps-timeline:before{width:auto;height:1px;inset:50% 6px auto;transform:translateY(-50%)}.step-item{flex:1;align-items:center;height:3.6em}.step-item .step-label{text-align:center;inset:auto auto auto 50%;transform:translate(-50%)}.step-item.side-a .step-label{bottom:calc(50% + 14px)}.step-item.side-b .step-label{top:calc(50% + 14px)}}.step-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-dot.done,.step-dot.active{background:var(--accent)}.step-dot.active:after{content:"";background:var(--accent);border-radius:50%;animation:1.1s ease-out infinite pulse-ring;position:absolute;inset:0}.step-label{white-space:nowrap;color:var(--text);font-size:.85em;position:absolute;top:50%;transform:translateY(-50%)}.step-item.done .step-label,.step-item.active .step-label{color:var(--text-h)}.nav-desktop{display:none}.nav-mobile-trigger{display:inline-flex}@media (width>=720px){.nav-desktop{display:flex}.nav-mobile-trigger{display:none}}.nav-dropdown{z-index:25;background:var(--bg);border:1px solid var(--border);border-radius:10px;min-width:10rem;position:absolute;top:calc(100% + .4em);left:1.2em;overflow:hidden}.nav-dropdown a{color:var(--text);padding:.7em 1em;font-size:.9em;text-decoration:none;display:block}.nav-dropdown a:hover{background:var(--bg-muted);color:var(--text-h)}.nav-dropdown a.active{color:var(--accent)}.switch{color:var(--text);background:0 0;border:none;align-items:center;gap:.5em;padding:0;font-size:.85em;display:inline-flex}.switch:hover{color:var(--text-h);border-color:#0000}.switch-track{background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:2.2em;height:1.3em;transition:background .15s,border-color .15s;position:relative}.switch-track.on{background:var(--accent);border-color:var(--accent)}.switch-thumb{background:var(--text-h);border-radius:50%;width:1em;height:1em;transition:transform .15s;position:absolute;top:1px;left:1px}.switch-track.on .switch-thumb{background:var(--accent-contrast);transform:translate(.9em)}.filter-panel{z-index:28;background:var(--bg);border-right:1px solid var(--border);width:20rem;max-width:88vw;padding:1.2em;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.filter-panel.open{transform:translate(0)}