:root{--ink:#1d1d1f;--muted:#6e6e73;--cream:#f5f5f7;--paper:rgba(255,255,255,.82);--sage:#77a487;--sage-dark:#35684b;--line:rgba(30,35,32,.09);--shadow:0 18px 50px rgba(20,30,24,.07)}
html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;background:radial-gradient(circle at 75% -10%,#e9f2eb 0,transparent 35%),var(--cream);letter-spacing:-.01em}button,input,select{font-family:inherit}.app-shell{grid-template-columns:260px 1fr}.sidebar{background:rgba(250,250,252,.72);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-color:rgba(0,0,0,.06);padding:30px 18px}.brand{font-family:inherit;font-weight:700;letter-spacing:-.04em}.brand-mark{border-radius:12px;background:linear-gradient(145deg,#437b59,#28543c);box-shadow:inset 0 1px rgba(255,255,255,.25),0 7px 18px rgba(53,104,75,.22)}.nav-item{font-size:13px;font-weight:600;border-radius:12px;transition:background .2s,transform .2s}.nav-item:hover{transform:translateX(2px)}.nav-item.active{background:rgba(53,104,75,.11);color:#24543a}.whatsapp-card{background:linear-gradient(145deg,rgba(230,245,233,.9),rgba(241,249,242,.75));border:1px solid rgba(65,130,82,.1)}main{padding-top:46px}.topbar h1,.page-title h1{font-family:inherit;font-weight:700;letter-spacing:-.045em}.topbar h1{font-size:42px}.eyebrow{letter-spacing:.11em;font-size:9px}.top-actions{display:flex;gap:9px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);font-size:17px;color:var(--ink);cursor:pointer;transition:.2s}.icon-btn:hover{transform:scale(1.04);background:#fff}.primary-btn{border-radius:999px;padding:12px 19px;background:#1d1d1f;font-weight:650;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:.2s}.primary-btn:hover{background:#000;transform:scale(1.02)}.smart-entry{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:17px 20px;margin:-2px 0 20px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(246,250,247,.72));border:1px solid rgba(255,255,255,.85);border-radius:20px;box-shadow:0 12px 40px rgba(28,55,38,.055);backdrop-filter:blur(18px)}.smart-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#729c7f,#37684d);box-shadow:0 8px 20px rgba(53,104,75,.18)}.smart-copy>label{font-size:11px;font-weight:700;margin-bottom:7px}.smart-input-wrap{display:grid;grid-template-columns:1fr auto;gap:8px}.smart-input-wrap input{height:42px;border:0;background:rgba(118,118,128,.08);border-radius:12px;padding:0 14px;font-size:14px}.smart-input-wrap input:focus{box-shadow:0 0 0 3px rgba(53,104,75,.14);background:#fff}.smart-input-wrap button{border:0;border-radius:10px;background:#35684b;color:white;padding:0 16px;font-weight:650;cursor:pointer}.prompt-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.prompt-chips button,.task-suggestions button{border:0;border-radius:99px;background:rgba(53,104,75,.08);color:#35684b;padding:6px 10px;font-size:9px;font-weight:650;cursor:pointer}.progress-card,.card,.task,.room-card,.person-card,.week-summary{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.8);box-shadow:0 12px 40px rgba(30,45,35,.055)}.progress-card{border-radius:22px}.progress-ring{background:conic-gradient(#35684b var(--progress),rgba(53,104,75,.1) 0)}.progress-ring:after{background:#fbfcfb}.task{border-radius:16px;padding:15px 17px}.task:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(30,45,35,.08)}.check{border-width:1.5px}.right-rail .card,.tip-card{border-radius:20px}.outline-btn{border:0;background:rgba(53,104,75,.08);border-radius:999px}.quick-add{border-radius:15px}.page-title{margin-top:4px}.week-board{gap:11px}.day-column{border-radius:18px;background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(35,45,38,.035)}.day-column.today-col{background:rgba(229,240,231,.72);border-color:rgba(53,104,75,.18)}.mini-task{border:0;box-shadow:0 5px 16px rgba(30,40,34,.045)}.room-card{border-radius:20px;transition:.25s}.room-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(30,45,35,.09)}.room-hero{height:120px}.add-room{border-radius:20px}.person-card{border-radius:20px}dialog{border-radius:26px;background:rgba(255,255,255,.94);backdrop-filter:blur(24px)}dialog form{padding:30px}.dialog-head h2{font-family:inherit;letter-spacing:-.035em}.close-btn{background:rgba(118,118,128,.1)}label{letter-spacing:0}input,select{border:0;background:rgba(118,118,128,.08);border-radius:12px}.task-suggestions{display:flex;gap:6px;align-items:center;margin:-6px 0 16px;flex-wrap:wrap}.task-suggestions span{font-size:9px;color:var(--muted)}#toast{border-radius:999px;background:rgba(29,29,31,.9);backdrop-filter:blur(16px);padding:12px 18px}.view-section{animation:fadeUp .35s cubic-bezier(.2,.75,.2,1)}@keyframes fadeUp{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
body.dark{--ink:#f5f5f7;--muted:#a1a1a6;--cream:#111513;--paper:rgba(35,40,37,.8);--line:rgba(255,255,255,.08);background:radial-gradient(circle at 75% -10%,#20372a 0,transparent 35%),#111513;color:var(--ink)}body.dark .sidebar{background:rgba(22,26,24,.78)}body.dark .brand,body.dark .nav-item,body.dark .icon-btn{color:var(--ink)}body.dark .progress-card,body.dark .card,body.dark .task,body.dark .room-card,body.dark .person-card,body.dark .week-summary,body.dark .smart-entry{background:rgba(35,40,37,.76);border-color:rgba(255,255,255,.06)}body.dark .progress-ring:after{background:#252a27}body.dark .day-column{background:rgba(35,40,37,.58);border-color:rgba(255,255,255,.05)}body.dark .mini-task{background:#292f2b}body.dark .smart-input-wrap input,body.dark input,body.dark select{background:rgba(255,255,255,.08);color:#fff}body.dark dialog{background:rgba(34,39,36,.96)}
@media(max-width:600px){.topbar h1{font-size:34px}.smart-entry{grid-template-columns:1fr}.smart-icon{display:none}.prompt-chips{overflow:auto;flex-wrap:nowrap}.prompt-chips button{white-space:nowrap}.icon-btn{width:39px;height:39px}.top-actions{align-items:center}}