:root{--bg:#0b1120;--card:#111a2e;--line:#243049;--fg:#e6edf7;--mute:#8da0bd;--acc:#22d3ee;--acc2:#3b82f6;--bad:#f87171;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg:#f4f7fb;--card:#fff;--line:#d5deeb;--fg:#0f172a;--mute:#5b6b85;--acc:#0891b2;--acc2:#2563eb;--bad:#dc2626;color-scheme:light}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:52rem;margin:0 auto;padding:clamp(1rem,4vw,2.5rem)}header{text-align:center;margin-bottom:1.75rem}h1{margin:0 0 .4rem;font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.15;letter-spacing:-.02em;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}header p{margin:0;color:var(--mute)}h2{margin:0;font-size:1.25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 10px 30px #0003}label{display:block;font-weight:600;margin-bottom:.4rem;color:var(--acc)}textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;resize:vertical}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}textarea:focus{outline-offset:0}button{font:inherit;cursor:pointer;border:0;color:inherit}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1.1rem}.chip{background:transparent;border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;text-align:left;transition:.15s}.chip:hover{border-color:var(--acc);color:var(--fg)}.primary{width:100%;padding:.8rem;border-radius:10px;font-weight:700;color:#04121a;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:filter .15s,transform .15s}.primary:hover:not(:disabled){filter:brightness(1.1)}.primary:disabled{opacity:.4;cursor:not-allowed}.bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.1rem}.actions{display:flex;gap:.5rem}.ghost{background:transparent;border:1px solid var(--line);padding:.4rem .8rem;border-radius:8px;color:var(--mute)}.ghost:hover{color:var(--fg);border-color:var(--acc)}.hint{margin:1.25rem 0 0;font-size:.85rem;color:var(--mute)}.node{position:relative}.row{display:flex;gap:.7rem;align-items:flex-start;padding:.45rem .4rem;border-radius:10px}.row:hover,.row:focus-within{background:color-mix(in srgb,var(--acc) 7%,transparent)}.dot,.toggle{flex:none;width:1.15rem;height:1.15rem;margin-top:.2rem;border-radius:50%}.dot{background:var(--line);box-shadow:inset 0 0 0 4px var(--card)}.toggle{background:var(--acc);color:#04121a;font-weight:700;line-height:1;font-size:.9rem;display:grid;place-items:center;padding:0}.body{flex:1;min-width:0}.body p{margin:0;overflow-wrap:anywhere;cursor:text}.root>.row .body p{font-size:1.1rem;font-weight:600}.body strong{color:var(--acc)}.tools{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}@media(hover:hover)and (min-width:640px){.row{position:relative}.tools{position:absolute;right:.4rem;top:.3rem;margin:0;padding-left:.4rem;background:var(--card);border-radius:999px;opacity:0;transition:opacity .15s}.row:hover .tools,.row:focus-within .tools{opacity:1}}.mini{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.12rem .7rem;font-size:.8rem;color:var(--mute)}.mini:hover{color:var(--fg);border-color:var(--mute)}.mini.accent{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 50%,var(--line))}.mini.danger:hover{color:var(--bad);border-color:var(--bad)}.kids{margin-left:.55rem;padding-left:1.1rem;border-left:1px solid var(--line)}@media(max-width:480px){.kids{padding-left:.7rem}.actions{width:100%}.actions .ghost{flex:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}