:root{--bg:#f4efe7;--panel:rgba(255,250,244,.88);--text:#1f2937;--muted:#6b7280;--line:rgba(31,41,55,.08);--accent:#c96f2d;--shadow:0 18px 50px rgba(82,55,28,.14);--radius-xl:28px;--radius-lg:20px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(201,111,45,.18),transparent 30%),radial-gradient(circle at top right,rgba(21,94,99,.16),transparent 28%),linear-gradient(180deg,#fbf6ef,#f1ebe2);color:var(--text);font-family:Georgia,Times New Roman,serif}body{padding:24px}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 360px;grid-gap:20px;gap:20px;min-height:calc(100vh - 48px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.detail,.main,.sidebar{padding:24px}.brand,.check-item,.detail-row,.nav-item-left,.project-item-left,.task-bottom,.task-top{display:flex;align-items:center;gap:12px}.brand{margin-bottom:24px}.brand-mark,.count{display:grid;place-items:center}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--accent),#e2a35b);color:#fff;font-weight:700}.brand h1,.detail-card h3,.detail-card h4,.hero h2,.task-title{margin:0}.brand p,.muted{margin:0;color:var(--muted)}.detail-card,.quick-add,.stat-card,.task-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:hsla(0,0%,100%,.72)}.quick-add{padding:16px;margin-bottom:22px}.quick-add input{width:100%;border:0;background:transparent;outline:none}.nav-section{margin-bottom:18px}.nav-section h2{margin:0 0 10px;font-size:.88rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.checklist,.nav-list,.task-list{display:grid;grid-gap:10px;gap:10px}.chip,.detail-card,.nav-item,.project-item,.stat-card,.task-card{padding:14px 16px}.chip,.detail-row,.hero,.nav-item,.project-item,.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-item.active,.project-item:hover,.task-card:hover{background:hsla(0,0%,100%,.92)}.count{min-width:28px;height:28px;background:rgba(31,41,55,.08)}.count,.dot{border-radius:999px}.dot{width:10px;height:10px}.hero{align-items:end;margin-bottom:22px}.hero h2{font-size:clamp(2rem,4vw,3.2rem);line-height:.95;max-width:10ch}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.stat-card strong{display:block;font-size:1.8rem}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.chip{width:-moz-fit-content;width:fit-content}.task-card{transition:transform .18s ease}.task-card:hover{transform:translateY(-2px)}.task-top{justify-content:space-between;margin-bottom:10px}.check{width:18px;height:18px;border-radius:6px;border:1px solid var(--line);background:#fff}@media (max-width:1200px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.detail{grid-column:1/-1}}@media (max-width:860px){body{padding:14px}.app-shell,.stats{grid-template-columns:1fr}}