:root{font-family:Inter,system-ui,sans-serif;color:#f7f7fb;background:#10111a}*{box-sizing:border-box}body{margin:0;background:#10111a}button,input,textarea,select{font:inherit}button,select{min-height:44px}button{border:0;border-radius:10px;padding:10px 14px;background:#6750a4;color:#fff;cursor:pointer}input,textarea,select{width:100%;border:1px solid #41435b;border-radius:10px;padding:11px;background:#1b1d2c;color:inherit}textarea{min-height:88px;resize:vertical}label{display:grid;gap:6px;color:#c8c8d6}.shell{width:min(100%,680px);min-height:100svh;margin:auto;padding:16px;overflow-x:hidden}header{display:grid;gap:10px;margin-bottom:20px}h1,h2,h3,p{margin:0}h1{font-size:1.65rem}h2{font-size:1.2rem;margin:12px 0}h3{font-size:1rem}.eyebrow,.status,small{color:#b9a7ed;font-size:.78rem;letter-spacing:.05em}section{display:grid;gap:12px}article,.task{width:100%;display:grid;gap:10px;border:1px solid #303248;border-radius:14px;background:#191a27;padding:14px;text-align:left}.task{grid-template-columns:1fr auto;align-items:center;background:#24203a}.composer{margin:4px 0 8px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.back{justify-self:start;background:#37364d}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding:16px;background:#0009}.modal>div{width:min(100%,500px);display:grid;gap:14px;padding:20px;border-radius:16px;background:#24203a}@media(min-width:600px){.shell{padding:28px}.actions{grid-template-columns:repeat(3,1fr)}}