@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg:#0f1714;--panel:#16201c;--panel-2:#1c2a24;--ink:#e7f2ea;--muted:#8fa396;--line:#2a3b33;--accent:#8fd16a;--accent-ink:#102010;--danger:#ff8d7a;--radius:14px;--shadow:0 20px 50px #00000059;color:var(--ink);background:radial-gradient(90% 60% at 0% 0%, #1d3a2c 0%, transparent 55%), radial-gradient(70% 50% at 100% 0%, #243528 0%, transparent 45%), var(--bg);font-family:Outfit,system-ui,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea{font:inherit}.app{max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.8rem}.topbar h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.topbar__actions{flex-wrap:wrap;gap:.6rem;display:flex}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;border-radius:999px;padding:.55rem 1rem}.btn:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn--danger{color:var(--danger)}.shell{grid-template-columns:minmax(240px,320px) 1fr;gap:1rem;min-height:70vh;display:grid}@media (width<=860px){.shell{grid-template-columns:1fr}}.sidebar,.editor{background:color-mix(in srgb, var(--panel) 92%, black);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.sidebar{flex-direction:column;gap:.9rem;min-height:0;display:flex}.editor{flex-direction:column;gap:.85rem;min-height:0;display:flex}.field{gap:.35rem;display:grid}.field span{color:var(--muted);font-size:.82rem}.field input,.field textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);border-radius:10px;padding:.7rem .8rem}.field textarea{resize:vertical;min-height:360px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.92rem;line-height:1.55}.field--grow{flex:1}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .65rem;font-size:.85rem}.tag.is-active{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.list__item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;gap:.2rem;padding:.7rem .75rem;display:grid}.list__item strong{font-weight:600}.list__item span{color:var(--muted);font-size:.82rem}.list__item:hover,.list__item.is-active{background:var(--panel-2);border-color:var(--line)}.list__item.is-active{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.editor__toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.status{color:var(--muted);font-size:.9rem}.empty,.empty-panel{color:var(--muted)}.empty-panel{text-align:center;justify-items:center;gap:.75rem;margin:auto;display:grid}.empty-panel h2{color:var(--ink);margin:0}