:root{color-scheme:dark;--bg:#07110f;--panel:#0d1b17;--line:#2b433c;--text:#f6f1e6;--muted:#9eb1ab;--orange:#f38b2a;--cyan:#66e3cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px Inter,Segoe UI,sans-serif}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px}header>a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--orange);color:var(--orange);text-decoration:none}header div{display:grid}header button{margin-left:auto}small{color:var(--orange);letter-spacing:.14em;font-weight:800}button,.tools input,.tools select,input,select,textarea{font:inherit;min-height:44px;border:1px solid var(--line);background:#10201c;color:var(--text);padding:10px 14px}main{max-width:1200px;margin:auto;padding:34px 24px}.hero{border-bottom:1px solid var(--line);padding-bottom:24px}.hero h1{font:600 clamp(34px,6vw,54px) Georgia;margin:8px 0}.hero p{color:var(--muted)}.tools{display:grid;grid-template-columns:1fr 220px;gap:10px;margin:24px 0}#grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.card{border:1px solid var(--line);background:var(--panel);padding:20px;display:grid;gap:10px}.card h2{margin:0}.card p{color:var(--muted);min-height:48px}.card footer{display:flex;gap:8px;flex-wrap:wrap}.card .pinned{color:var(--cyan)}.record-status{font-size:13px;color:#ffb7bf}.record-status.complete{color:#9ff0c6}dialog{width:min(760px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line)}dialog form{display:grid;gap:12px;padding:20px;position:relative}label{display:grid;gap:6px;color:var(--muted)}textarea{min-height:100px}#detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#detail-fields textarea{min-height:84px}.readiness{margin:0;color:#ffb7bf}.readiness.complete{color:#9ff0c6}.close{position:absolute;right:5px;top:5px}.primary{background:var(--orange);color:#171008;font-weight:800}#toast{position:fixed;right:20px;bottom:20px;padding:14px;background:#143128;opacity:0}#toast.show{opacity:1}@media(max-width:760px){#grid{grid-template-columns:1fr 1fr}.tools{grid-template-columns:1fr}#detail-fields{grid-template-columns:1fr}}@media(max-width:520px){header{padding:0 12px}main{padding:22px 14px}#grid{grid-template-columns:1fr}.card p{min-height:0}.card footer button{flex:1}dialog form{padding:16px 12px}}
