:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box;overflow-wrap:anywhere}html,body{overflow-x:hidden}body{min-width:0;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1f5eff;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:700;transition:opacity .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#1b2b4f;background:#e8edfb}button.danger{color:#a73333}button.small{padding:.45rem .7rem}input,select,textarea{color:#172033;background:#fff;border:1px solid #d8dfef;border-radius:12px;width:100%;padding:.75rem .85rem}textarea{resize:vertical}label{color:#3c4863;gap:.4rem;font-size:.92rem;font-weight:700;display:grid}h1,h2,h3,h4,p{margin-top:0}.app-shell{width:100%;max-width:1440px;margin:0 auto;padding:clamp(12px,3vw,32px)}.hero,.app-toolbar{color:#fff;background:linear-gradient(135deg,#1b2b4f,#1f5eff);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.app-toolbar{border-radius:20px;padding:16px 20px}.hero h1{margin-bottom:1rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.app-toolbar h1{margin-bottom:.25rem;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.15}.hero p,.app-toolbar p{color:#ffffffd1;max-width:680px}.app-toolbar p{margin-bottom:0}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.eyebrow{color:#8db3ff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:900}.layout-grid{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}.panel,.login-card{background:#ffffffeb;border:1px solid #e3e8f4;border-radius:24px;padding:24px;box-shadow:0 18px 55px #1b2b4f14}.composer{position:sticky;top:24px}.composer form,.login-form{gap:1rem;display:grid}.form-grid,.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.inline-fields{grid-template-columns:140px 1fr auto;align-items:end}.grow{min-width:0}.workspace{gap:16px;margin-top:24px;display:grid}.tabs{background:#e8edfb;border-radius:18px;gap:.35rem;width:fit-content;padding:.35rem;display:inline-flex}.tab{color:#5a6680;background:0 0}.tab.active{color:#1f5eff;background:#fff;box-shadow:0 6px 20px #1b2b4f14}.active-list{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.count-badge{color:#1f5eff;white-space:nowrap;background:#eef4ff;border-radius:999px;padding:.45rem .75rem;font-weight:900}.active-rows{gap:.75rem;display:grid}.active-row{background:#f8faff;border:1px solid #e7ecf7;border-radius:18px;overflow:hidden}.active-row summary{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;list-style:none;display:grid}.active-row summary::-webkit-details-marker{display:none}.active-row summary:before{color:#1f5eff;content:"▸";grid-column:1/-1;margin-bottom:-.6rem;font-weight:900}.active-row[open] summary:before{content:"▾"}.active-row-main{gap:.2rem;display:grid}.active-row-main strong{font-size:1.05rem}.active-row-main span,.active-row-meta{color:#68748d;font-size:.9rem}.active-row-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.active-row-detail{border-top:1px solid #e7ecf7;gap:1rem;padding:1rem;display:grid}.task-card{gap:1rem;display:grid}.task-card-header,.task-mini-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.breadcrumb,.meta-row,.muted{color:#68748d;font-size:.9rem}.due-badge{color:#9a6419;white-space:nowrap;background:#fff5de;border-radius:999px;padding:.45rem .75rem;font-size:.88rem;font-weight:800}.due-badge.compact{padding:.35rem .65rem}.meta-row{flex-wrap:wrap;gap:.75rem;display:flex}.task-detail{border-top:1px solid #edf1f8;gap:1rem;padding-top:1rem;display:grid}.description{color:#3c4863;white-space:pre-wrap}.subtasks{gap:.6rem;display:grid}.subtask-row{background:#f6f8fd;border-radius:14px;align-items:center;gap:.65rem;padding:.7rem;display:flex}.subtask-row input{width:auto}.log-form,.timeline{gap:.75rem;display:grid}.log-entry{background:#f8faff;border-left:3px solid #1f5eff;border-radius:0 14px 14px 0;padding:.8rem 1rem}.log-entry span{color:#1f5eff;font-size:.78rem;font-weight:900}.log-entry p{white-space:pre-wrap;margin-bottom:.4rem}.log-entry time{color:#7a8498;font-size:.82rem}.card-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hierarchy{gap:1rem;display:grid}.inline-create{background:#f8faff;border:1px solid #e7ecf7;border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:.8rem;padding:1rem;display:grid}.inline-create.subtle{background:#fff;border-style:dashed;padding:.8rem}.compact-empty{background:#f8faff;border-radius:18px;padding:1.5rem}.domain-card-grid,.active-domain-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.domain-card,.active-domain-card{background:linear-gradient(#fff 0%,#f8faff 100%);border:1px solid #dfe6f5;border-radius:24px;gap:1rem;padding:1.1rem;display:grid;box-shadow:0 16px 45px #1b2b4f14}.domain-card-header{border-bottom:1px solid #edf1f8;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.domain-card-header h3{margin-bottom:.2rem;font-size:1.45rem}.domain-card-header p{color:#68748d;margin-bottom:0;font-size:.9rem}.compact-header{border-bottom:0;padding-bottom:0}.category-card{background:#fff;border:1px solid #e7ecf7;border-radius:20px;gap:.85rem;padding:1rem;display:grid}.category-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.category-card-header h4{margin-bottom:0}.task-create-form{background:#fff;border:1px solid #d8dfef;border-radius:18px;gap:1rem;padding:1rem;display:grid}.task-kind-group,.draft-subtasks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.draft-subtasks{grid-template-columns:1fr auto;align-items:end}.draft-subtask-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.draft-subtask-list li{background:#f8faff;border:1px solid #e7ecf7;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.radio-card{background:#f8faff;border:1px solid #e7ecf7;border-radius:14px;align-items:center;gap:.65rem;padding:.85rem;display:flex}.radio-card input{width:auto}.task-mini-card{background:#f8faff;border:1px solid #e7ecf7;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.task-mini-card.closed,.task-mini-card.archived{opacity:.72}.archive-panel{background:#f6f8fd;border:1px dashed #cfd8ea;border-radius:16px;padding:.75rem}.archive-panel summary{color:#68748d;cursor:pointer;font-weight:800}.archive-list{gap:.75rem;margin-top:.75rem;display:grid}.task-mini-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-mini-card-header strong{font-size:1.05rem;display:block}.task-mini-card-header span{color:#68748d;margin-top:.2rem;font-size:.85rem;display:inline-block}.alert,.loading{border-radius:16px;margin-top:1rem;padding:1rem}.alert{color:#9e2f2f;background:#fff0f0;border:1px solid #ffd1d1}.alert.compact{margin-top:0;padding:.75rem}.loading{color:#1f5eff;background:#eef4ff}.empty-state{text-align:center}.login-page{background:radial-gradient(circle at 0 0,#1f5eff2e,#0000 35%),#f5f7fb;align-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:100%;max-width:460px;margin:0 auto}@media (width<=980px){.layout-grid{grid-template-columns:1fr}.composer{position:static}.hero,.app-toolbar{display:grid}.active-row summary{grid-template-columns:1fr}.active-row-meta{justify-content:flex-start}}@media (width<=720px){.app-shell{padding:18px}.hero,.app-toolbar,.panel,.login-card{border-radius:20px;padding:18px}.form-grid,.inline-fields,.inline-create,.task-kind-group,.draft-subtasks{grid-template-columns:1fr}.task-card-header,.task-mini-card-header,.category-card-header,.domain-card-header{display:grid}}