:root{color-scheme:dark;--bg: #12110f;--bg-elev: #1c1a17;--line: #2e2a25;--text: #f3ece3;--muted: #b5aa9c;--accent: #e8a04a;--danger: #e07a6a;--ok: #8fbe7a;--radius: 12px;font-family:Segoe UI,Iowan Old Style,Georgia,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1200px 500px at 10% -10%,#2a2218 0%,transparent 50%),var(--bg);color:var(--text)}a{color:var(--accent)}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:8px;background:var(--accent);color:#1a1208;padding:.65rem 1rem;font-weight:600}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.55;cursor:default}input{width:100%;background:#0e0d0b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem}input:focus{outline:2px solid #e8a04a66}.center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{width:min(420px,100%);background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.card h1{margin:0 0 .35rem;font-size:1.45rem}.lede{color:var(--muted);margin:0 0 1.2rem}label{display:block;margin:.85rem 0 .35rem;color:var(--muted)}.err{color:var(--danger);min-height:1.2em;margin:.5rem 0 0}.ok{color:var(--ok)}.shell-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:#161410cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.brand{font-weight:700;letter-spacing:.02em}.brand span{color:var(--accent)}.who{color:var(--muted);font-size:.95rem}.main{width:min(980px,100%);margin:0 auto;padding:1.25rem}.row{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin-top:1rem}.tile{display:block;text-decoration:none;color:inherit;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.tile:hover{border-color:#5a4a35}.phase{display:inline-block;font-size:.75rem;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;color:var(--muted)}.empty{color:var(--muted);padding:2rem 0}.meta{color:var(--muted);line-height:1.5}.banner{background:#2a1d14;border:1px solid #5a3b22;color:#f0d2b0;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}textarea,select{width:100%;background:#0e0d0b;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;font:inherit}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.ruler{color:var(--muted);margin:.5rem 0}.track{display:grid;grid-template-columns:72px 1fr;gap:.5rem;align-items:center;margin:.35rem 0}.track-label{color:var(--muted);font-size:.8rem}.track-lane{position:relative;height:36px;background:#0e0d0b;border:1px solid var(--line);border-radius:6px}.clip{position:absolute;top:4px;bottom:4px;background:#3a2e20;color:var(--text);font-size:11px;overflow:hidden;padding:0 6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.shell-header{flex-direction:column;align-items:flex-start}.main{padding:1rem}.split{grid-template-columns:1fr}}