.app-shell,.centered-shell{width:min(1200px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.centered-shell{display:grid;place-items:center;min-height:100vh}.panel{background:#ffffffeb;border:1px solid rgba(16,38,63,.08);border-radius:24px;box-shadow:0 20px 60px #10263f14}.hero-panel{display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr;align-items:start;padding:2rem;margin-bottom:1.5rem}.hero-panel h1,.panel h1,.panel h2,.task-card h3{margin:0}.hero-copy,.quadrant-copy,.task-notes,.auth-panel p{color:#496179}.hero-actions{display:grid;gap:1rem}.summary-grid,.sign-in-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.sign-in-card{padding:1rem;border-radius:18px;background:linear-gradient(180deg,#f7faff,#edf3fb);border:1px solid rgba(41,98,255,.12)}.summary-card span,.sign-in-card span,.task-date,.status-pill,.tip-list,.checkbox-row,.field span,.empty-state,.config-list{color:#5e7388}.summary-card strong{display:block;margin-top:.5rem;font-size:1.75rem;color:#10263f}.control-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);margin-bottom:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.task-form,.filter-panel,.auth-panel{padding:1.5rem}.field{display:grid;gap:.4rem}.task-form,.filter-panel{display:grid;gap:1rem}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(16,38,63,.14);border-radius:14px;padding:.85rem 1rem;background:#fff;color:#10263f}.field textarea{resize:vertical}.toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.toggle-card{display:grid;gap:.35rem;padding:1rem;border-radius:18px;border:1px solid rgba(41,98,255,.12);background:#f8fbff}.toggle-card input{justify-self:start}.primary-button,.secondary-button,.danger-button,.chip-button{border:none;border-radius:999px;padding:.75rem 1.1rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.chip-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#2962ff,#5c8dff);color:#fff;box-shadow:0 14px 30px #2962ff38}.secondary-button,.chip-button{background:#edf3fb;color:#10263f}.danger-button{background:#ffe8ea;color:#9f2636}.checkbox-row{display:flex;gap:.75rem;align-items:center}.tip-list,.config-list{margin:0;padding-left:1.1rem}.matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.quadrant-panel{padding:1.5rem}.quadrant-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.quadrant-header strong{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;border-radius:999px;background:#edf3fb}.task-stack{display:grid;gap:1rem;margin-top:1rem}.task-card{padding:1rem;border-radius:20px;border:1px solid rgba(16,38,63,.08);background:#fbfdff;display:grid;gap:.9rem}.task-card-complete{opacity:.72}.task-card-top,.task-actions,.chip-row{display:flex;gap:.65rem;justify-content:space-between;flex-wrap:wrap;align-items:center}.status-pill{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#edf3fb}.task-date,.task-notes{margin:.25rem 0 0}.empty-state{padding:1rem;border-radius:16px;border:1px dashed rgba(16,38,63,.16);background:#f8fbff}.eyebrow{margin:0 0 .35rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2962ff}.auth-panel{width:min(720px,100%);display:grid;gap:1rem}.config-block{margin:0;padding:1rem;border-radius:16px;background:#10263f;color:#f7faff;overflow-x:auto}@media(max-width:960px){.hero-panel,.control-grid,.matrix-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell,.centered-shell{width:min(100vw - 1rem,100%);padding-top:1rem}.hero-panel,.task-form,.filter-panel,.quadrant-panel,.auth-panel{padding:1.1rem}.summary-grid,.sign-in-grid,.toggle-row{grid-template-columns:1fr}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10263f;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(41,98,255,.12),transparent 40%),#f4f7fb}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}