:root{--canvas:#020617;--canvas-glow:#021b2b;--magenta-glow:#cd2ebd38;--panel:#00000059;--panel-strong:#020617b8;--field:#00000073;--line:#ffffff1a;--line-strong:#ffffff2e;--ink:#e5e7eb;--dim:#9ca3af;--faint:#6a7282;--accent:#2eb9b8;--accent-soft:#02d6df;--accent-glow:0 0 20px #2eb9b88c;--on-accent:#020617;--done:#4ade80;--warn:#fbbf24;--danger:#ff6467;--display:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}body{background:radial-gradient(circle at 100% 100%, var(--magenta-glow), transparent 55%), radial-gradient(circle at 0% 0%, var(--canvas-glow), var(--canvas));background-attachment:fixed;min-height:100vh}a{color:var(--accent-soft)}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0206178c;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);gap:6px;text-decoration:none;display:grid}.brand strong{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;font-size:20px;font-weight:600;line-height:1.1}.brand em{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);justify-self:start;font-size:11px;font-style:normal;font-weight:600}.account{color:var(--dim);margin:0;font-size:14px}.nav{flex-direction:column;gap:6px;display:flex}.nav a{color:var(--ink);border:1px solid #0000;border-radius:999px;padding:10px 14px;font-weight:600;text-decoration:none}.nav a.active,.nav a:hover{border-color:var(--line);background:var(--panel)}.nav a.active{color:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.side-foot{gap:10px;margin-top:auto;display:grid}.side-foot p{color:var(--dim);margin:0;font-size:13px}.side-foot button,.btn,.btn-primary{font:600 14px var(--body);cursor:pointer;text-align:center;border-radius:999px;padding:10px 18px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.side-foot button,.btn{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.side-foot button:hover,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border:0}.btn-primary:hover{background:var(--accent-soft);transform:translateY(-1px)}.main{max-width:1180px;padding:28px 22px 72px}.toast{z-index:5;background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border-radius:999px;margin-bottom:14px;padding:10px 18px;font-weight:600;position:sticky;top:10px}.hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}h1{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.05}h1 span{color:var(--accent)}.lede{color:var(--dim);max-width:52ch;margin:10px 0 0}.hero-actions,.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-btn input{display:none}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.stat{text-align:left;background:var(--panel);border:1px solid var(--line);width:100%;height:100%;color:inherit;cursor:pointer;border-radius:20px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.stat:hover{border-color:var(--line-strong)}.stat.on{border-color:var(--accent);box-shadow:0 0 24px #2eb9b82e}.stat b{font-family:var(--display);letter-spacing:-.02em;color:var(--accent-soft);font-size:32px;font-weight:600;line-height:1.1;display:block}.stat span{color:var(--dim);font-size:14px}.meter{background:var(--line);border-radius:99px;height:8px;margin:0 0 18px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;box-shadow:var(--accent-glow);width:calc(var(--p) * 100%);display:block}.meter.full span{background:var(--done)}.search{background:var(--field);min-width:180px;color:var(--ink);border:1px solid var(--line);border-radius:999px;flex:220px;padding:10px 18px}.search:focus{border-color:var(--accent);outline:none}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{background:var(--panel);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.chips button:hover{border-color:var(--accent)}.chips button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow)}.list{flex-direction:column;gap:10px;margin-top:14px;padding:0;list-style:none;display:flex}.empty{color:var(--dim);border:1px dashed var(--line);border-radius:20px;padding:22px}.editor-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.back{color:var(--dim);font-weight:600;text-decoration:none}.back:hover{color:var(--accent)}.editor-actions{flex-wrap:wrap;gap:8px;display:flex}.editor-actions button,.editor-actions a{font:600 14px var(--body);cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:10px 16px;text-decoration:none}.editor-actions button:not(:disabled):hover,.editor-actions a:hover{border-color:var(--accent)}.editor-actions button:disabled{opacity:.35;cursor:not-allowed}.editor-actions .btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--accent-glow);border:0}.editor-actions .danger{color:var(--danger);background:#ff646714;border-color:#ff646766}.editor-actions .danger:hover{border-color:var(--danger)}.editor{grid-template-columns:minmax(0,1fr) 520px;align-items:start;gap:22px;display:grid}.preview-wrap{position:sticky;top:18px}.form-error{color:var(--warn);margin:0 0 12px;font-weight:700}.loading{color:var(--dim)}@media (width<=980px){.editor{grid-template-columns:1fr}.preview-wrap{order:-1;max-width:520px;position:static}.stats{grid-template-columns:1fr 1fr}}@media (width<=800px){.shell{grid-template-columns:1fr}.side{z-index:4;border-right:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617e6;height:auto;position:sticky;top:0}.nav{flex-direction:row}.side-foot{margin-top:0}.hero{flex-direction:column;align-items:stretch}.main{padding:18px 14px 56px}}
