:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12110e;--bg-elev:#1c1b16;--bg-elev-2:#28261f;--line:#fff8e61a;--text:#f6f1e6;--muted:#b3aa9a;--accent:#e2ff57;--accent-light:#f0ff7a;--accent-ink:#1c2204;--danger:#ff8d7a;--accent-rgba-01:#e2ff5703;--accent-rgba-02:#e2ff5705;--accent-rgba-08:#e2ff5714;--accent-rgba-15:#e2ff5726;--accent-rgba-16:#e2ff5729;--accent-rgba-20:#e2ff5733;--accent-rgba-25:#e2ff5740;--accent-rgba-30:#e2ff574d;--accent-rgba-40:#e2ff5766;--loop:#e2ff5729;--shadow:0 16px 40px #00000059;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:ui-sans-serif, system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;font-family:var(--font);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100dvh}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-screen{min-height:100dvh;padding-top:var(--safe-top);background:radial-gradient(1200px 400px at 50% -10%, var(--accent-rgba-08), transparent 55%), var(--bg);flex-direction:column;display:flex}.topbar{align-items:center;gap:12px;min-height:64px;padding:12px 20px 8px;display:flex}.topbar h1,.wordmark{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:650}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:.75rem}.back{background:var(--bg-elev);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.title-input,.text-input{border:0;border-bottom:2px solid var(--line);letter-spacing:-.03em;background:0 0;width:100%;padding:12px 0;font-size:1.15rem;font-weight:650;transition:all .2s}.title-input:focus,.text-input:focus{border-bottom-color:var(--accent);box-shadow:0 2px 0 0 var(--accent-rgba-20)}.btn{background:linear-gradient(135deg, var(--bg-elev-2) 0%, var(--bg-elev) 100%);min-height:44px;color:var(--text);border:1px solid #ffffff0d;border-radius:999px;padding:0 18px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:hover:not(:disabled){border-color:var(--accent-rgba-20);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px var(--accent-rgba-25);font-weight:700}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px var(--accent-rgba-40);border-color:var(--accent-light)}.btn-danger{color:var(--danger);background:#ff8d7a0d;border-color:#ff8d7a33}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:#ff8d7a1a}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.status{color:var(--muted);margin:0;font-size:.92rem}.status.error{color:var(--danger)}.scroll{padding:8px 20px calc(24px + var(--safe-bottom));flex:1;overflow:auto}