:root{--radius:1rem;--background:oklch(97.6% .011 86);--foreground:oklch(31% .018 80);--card:oklch(99.7% .004 86);--primary:oklch(49% .055 145);--primary-foreground:oklch(99% .008 95);--secondary:oklch(91% .027 238);--secondary-foreground:oklch(32% .035 235);--callout:oklch(91% .027 238/.65);--danger-soft:oklch(93% .04 27);--primary-hover:oklch(49% .055 145/.9);--muted-foreground:oklch(53% .025 78);--accent:oklch(93.5% .02 145);--destructive:oklch(57.7% .245 27.325);--border:oklch(89% .015 83);--primary-soft:oklch(92% .035 145);--primary-strong:oklch(39% .055 145);--shadow-soft:0 8px 24px oklch(35% .02 80/.06);--shadow-shell:0 24px 70px oklch(25% .02 80/.15)}:root[data-theme=chirpy]{--background:oklch(95.5% .03 72);--foreground:oklch(31% .02 50);--card:oklch(98% .016 75);--primary:oklch(54% .11 270);--primary-foreground:oklch(98% .015 75);--secondary:oklch(90% .045 265);--secondary-foreground:oklch(32% .08 268);--callout:oklch(91% .05 62/.7);--danger-soft:oklch(92% .05 35);--primary-hover:oklch(54% .11 270/.9);--muted-foreground:oklch(50% .03 55);--accent:oklch(93% .04 62);--destructive:oklch(55% .19 32);--border:oklch(88% .035 65);--primary-soft:oklch(90% .05 268);--primary-strong:oklch(40% .11 268);--shadow-soft:0 8px 24px oklch(40% .05 50/.08);--shadow-shell:0 24px 70px oklch(30% .05 50/.18)}*{box-sizing:border-box;border-color:var(--border)}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito Sans,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5}h1,h2,button{font-family:DM Sans,system-ui,sans-serif}h1{margin:1.25rem 0 0;font-size:1.875rem;font-weight:500;line-height:1.2}h2{text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:.75rem;font-weight:600}.screen{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;animation:.32s ease-out screen-enter;display:flex}@media (width>=1024px){.screen{border:1px solid var(--border);min-height:calc(100dvh - 3rem);box-shadow:var(--shadow-shell);border-radius:2rem;margin:1.5rem auto;overflow:clip}}@keyframes screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.screen-header{grid-template-columns:1fr auto 1fr;align-items:center;height:5rem;padding:0 1.25rem;display:grid}.screen-header.branded{justify-content:space-between;display:flex}.screen-title{text-align:center;font-family:DM Sans,system-ui,sans-serif;font-weight:600}.screen-body{flex:1;padding:.5rem 1.5rem 1.5rem}.screen-action{padding:1rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--background) 70%, transparent);position:sticky;bottom:0}.screen-foot{background:var(--background);position:sticky;bottom:0}.screen-foot .screen-action,.screen-foot .tabs{position:static}.brand{align-items:center;gap:.625rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:600;display:flex}.mark{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--primary-foreground);border-radius:50%;place-items:center;display:inline-grid;position:relative}.mark:before{content:"";opacity:.7;border:1px solid;border-radius:50%;width:58%;height:58%;position:absolute}.mark svg{width:1rem;height:1rem}.back{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.back:hover{background:var(--accent)}.back svg,.chip svg{width:1.25rem;height:1.25rem}.lead{max-width:24rem;color:var(--muted-foreground);margin:.75rem 0 0;line-height:1.625}.muted{color:var(--muted-foreground)}.capitalize{text-transform:capitalize}.fine-print{color:var(--muted-foreground);margin-top:1.5rem;font-size:.75rem;line-height:1.625}.confirmed{color:var(--primary-strong);align-items:center;gap:.5rem;margin:.75rem 0 0;font-size:.875rem;font-weight:600;display:flex}.confirmed svg{width:1rem;height:1rem}.error{color:var(--destructive);margin:0 0 .75rem;font-size:.875rem}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.text-input{border:1px solid var(--border);background:var(--card);width:100%;height:3.5rem;box-shadow:var(--shadow-soft);font:inherit;color:inherit;border-radius:1.5rem;margin-top:2rem;padding:0 1rem}.text-input::placeholder{color:var(--muted-foreground)}.suggestions{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:1.5rem;margin:.5rem 0 0;padding:0;list-style:none;overflow:hidden}.suggestions li+li{border-top:1px solid var(--border)}.suggestions button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:.875rem 1rem;font-size:.875rem;font-weight:600}.suggestions button:hover{background:var(--accent)}.chip-group{margin-top:1.75rem}.chips{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.chip{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}.chip:hover{background:var(--accent)}.chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.chip svg{width:.875rem;height:.875rem}.add-chip{color:var(--muted-foreground);border-style:dashed}.add-form{gap:.5rem;width:100%;display:flex}.add-form .text-input{border-radius:999px;height:2.75rem;margin:0}.primary,.secondary{color:var(--primary-foreground);background:var(--primary);cursor:pointer;border:0;font-size:1rem;font-weight:500}.primary{width:100%;height:3.5rem;box-shadow:var(--shadow-soft);border-radius:1.5rem;justify-content:center;align-items:center;gap:.5rem;display:flex}.primary:hover:not(:disabled){background:var(--primary-hover)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{border-radius:999px;padding:0 1.25rem}.link{width:100%;height:2.75rem;color:var(--primary);cursor:pointer;background:0 0;border:0;border-radius:1.5rem;margin-top:.75rem;font-weight:500}.link:hover{background:var(--accent)}.callout{background:var(--callout);color:var(--muted-foreground);border-radius:1.5rem;margin-top:2rem;padding:1rem;font-size:.875rem;line-height:1.625}.callout p{margin:.5rem 0 0}.cards{gap:.75rem;margin-top:1.75rem;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:1.75rem;padding:1rem}.card h2{text-transform:none;color:var(--foreground);font-size:1.125rem;font-weight:600}.home-card{gap:.25rem;margin-top:1.75rem;padding:1.25rem;display:grid}.home-card strong{font-family:DM Sans,system-ui,sans-serif;font-size:1.125rem;font-weight:600}.check{background:var(--primary-soft);width:3rem;height:3rem;color:var(--primary-strong);border-radius:1rem;place-items:center;margin-top:.5rem;display:grid}.check svg{width:1.5rem;height:1.5rem}.done-title{margin-top:1.25rem;font-weight:600}.install{margin-top:2rem}.install h2{text-transform:none;color:var(--foreground);font-size:1rem}.install h3{margin:1rem 0 0;font-size:.875rem}.install ol{color:var(--muted-foreground);margin:.25rem 0 0;padding-left:1.25rem;font-size:.875rem}.note{color:var(--primary-strong)}.feedback-link{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-self:end;padding:.5rem;font-size:.875rem}.feedback-link:hover{color:var(--foreground)}.feedback-dialog{border:1px solid var(--border);background:var(--card);width:min(26rem,100% - 2rem);color:var(--foreground);box-shadow:var(--shadow-shell);border-radius:1.75rem;padding:1.5rem}.feedback-dialog::backdrop{background:oklch(25% .02 80/.35)}.feedback-dialog h2{text-transform:none;color:var(--foreground);font-size:1.125rem}.feedback-dialog p{color:var(--muted-foreground)}.feedback-dialog textarea{border:1px solid var(--border);background:var(--background);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:1.25rem;margin-top:1rem;padding:.75rem 1rem}.feedback-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.feedback-actions .link{width:auto;margin:0;padding:0 1rem}.feedback-actions .secondary{height:2.75rem}.secondary:disabled{opacity:.5;cursor:not-allowed}.item-list{gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.item-list strong{font-family:DM Sans,system-ui,sans-serif;font-weight:600}.item-list .muted{font-size:.875rem}.filters{margin-top:1.25rem}.action-row{gap:.5rem;margin-top:.5rem;display:flex}.action-row .link{margin:0}.detail-card{margin-top:1.5rem;padding:1rem 1.25rem}.detail-card p{margin:.375rem 0 0}.detail-section{margin-top:1.5rem}.detail-section p{color:var(--muted-foreground);margin:.5rem 0 0;line-height:1.625}.detail-section ol{color:var(--muted-foreground);margin:.5rem 0 0;padding-left:1.25rem;line-height:1.625}.detail-section li+li{margin-top:.5rem}.eyebrow{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.875rem;font-weight:600}h1.big{margin-top:.25rem;font-size:2.25rem;font-weight:500;line-height:1.1}.health{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.875rem}.reminder-card{text-align:left;width:100%;font:inherit;color:inherit;border-radius:1.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}button.reminder-card,button.nav-card,.row{cursor:pointer}.reminder-text{flex:1;gap:.125rem;min-width:0;display:grid}.reminder-text strong,.row strong,.nav-card strong{font-family:DM Sans,system-ui,sans-serif;font-weight:600}.reminder-text .muted{font-size:.875rem}.pill{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;flex-shrink:0;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.pill.overdue{background:var(--danger-soft);color:var(--destructive)}.nav-card{text-align:left;width:100%;font:inherit;color:inherit;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.nav-card.dashed{box-shadow:none;border-style:dashed;margin-top:2.25rem}.view-link{color:var(--primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.chevron{width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0}.rows{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:1.75rem;margin:.75rem 0 0;padding:0;list-style:none;overflow:hidden}.rows li+li{border-top:1px solid var(--border)}.row{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:.75rem;padding:1rem;display:flex}.row:hover{background:var(--accent)}.icon-box{background:var(--secondary);width:2.75rem;height:2.75rem;color:var(--secondary-foreground);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}.icon-box svg{width:1.25rem;height:1.25rem}.icon-box.large{border-radius:1.5rem;width:4rem;height:4rem}.icon-box.large svg{width:1.75rem;height:1.75rem}.room-title{justify-content:space-between;align-items:baseline;display:flex}.room-title h2{text-transform:none;color:var(--foreground);font-size:1.5rem;font-weight:600}.progress-card{text-align:left;width:100%;font:inherit;cursor:pointer;border:0;gap:.75rem;display:grid}.progress-card:disabled{cursor:default}.progress-title{color:var(--foreground);justify-content:space-between;align-items:baseline;display:flex}.bar{background:var(--border);border-radius:999px;height:.375rem;display:block;overflow:hidden}.bar span{background:var(--primary);height:100%;display:block}.appliance-head{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.appliance-head h1{margin:0}.facts{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.facts div{gap:.25rem;font-size:.875rem;display:grid}.timeline{border-left:1px solid var(--border);margin:.75rem 0 0;padding:0 0 0 1.25rem;list-style:none}.timeline li{gap:.125rem;padding-bottom:1.25rem;display:grid;position:relative}.timeline li:before{content:"";background:var(--primary);width:.5rem;height:.5rem;box-shadow:0 0 0 4px var(--background);border-radius:50%;position:absolute;top:.45rem;left:-1.5rem}.timeline.spaced{margin-top:2rem;padding-left:1.5rem}.timeline.spaced li{gap:.75rem;padding-bottom:1.75rem}.timeline.spaced li:before{left:-1.85rem}.history-entry{gap:.75rem;display:flex}.status{color:var(--primary-strong);margin-top:.25rem;font-size:.75rem;font-weight:600}.sheet{border:1px solid var(--border);background:var(--card);width:min(26rem,100% - 2rem);color:var(--foreground);box-shadow:var(--shadow-shell);border-radius:1.75rem;padding:1.5rem}.sheet::backdrop{background:oklch(25% .02 80/.35)}.sheet h2{text-transform:none;color:var(--foreground);font-size:1.125rem}.sheet-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.sheet-row{border:1px solid var(--border);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.sheet-row>span:first-child{gap:.125rem;min-width:0;display:grid}.sheet-row[aria-current=true]{background:var(--primary-soft);border-color:var(--primary)}.sheet-row.add{border-style:dashed;margin-top:.5rem}.sheet-row .muted{font-size:.8125rem}.screen:has(.tabs) .screen-body{padding-bottom:6rem}.tabs{padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.tabs button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:1rem;justify-items:center;gap:.125rem;padding:.5rem .25rem;font-size:.6875rem;font-weight:500;display:grid}.tabs button svg{width:1.375rem;height:1.375rem}.tabs button[aria-current=page]{color:var(--primary-strong);background:var(--primary-soft)}.nav-card[aria-current=true]{background:var(--primary-soft);border-color:var(--primary)}.themes{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.theme-option{border:1px solid var(--border);background:var(--card);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border-radius:1.25rem;align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.theme-option[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary)}.theme-option strong{font-family:DM Sans,system-ui,sans-serif;font-weight:600}.swatches{flex-shrink:0;display:flex}.swatches span{border:2px solid var(--card);border-radius:50%;width:1.5rem;height:1.5rem}.swatches span+span{margin-left:-.5rem}.describe{resize:vertical;height:auto;font:inherit;border-radius:1.25rem;margin-top:1.5rem;padding:.875rem 1rem}.stack{gap:.75rem;margin-top:2rem;display:grid}.outline{border:1px solid var(--border);background:var(--card);height:3.5rem;color:var(--foreground);font:inherit;cursor:pointer;border-radius:1.5rem;font-weight:500}.outline:hover{background:var(--accent)}.step-text{margin-top:1.5rem;font-size:1.75rem;line-height:1.3}.safety-note{margin-top:1.5rem}.pro-note{white-space:pre-wrap;font:inherit;color:var(--muted-foreground);margin:.5rem 0 .75rem;line-height:1.625}.copy{height:2.5rem}.get-help{margin-top:1.5rem}.full{width:100%}.home-list{margin-top:1.75rem}.switch-bar-wrap{padding:0 1.5rem}.home-entry{padding:0;overflow:hidden}.home-entry[aria-current=true]{background:var(--primary-soft);border-color:var(--primary)}.home-open{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.home-help{border:0;border-top:1px solid var(--border);width:100%;font:inherit;color:var(--primary-strong);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.home-help:hover{background:var(--accent)}.danger-link{font:inherit;color:var(--destructive);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.danger-link:hover{background:var(--danger-soft)}.secondary.danger{background:var(--destructive);height:2.75rem}.model-line{justify-content:space-between;align-items:center;display:flex}.remove-item{color:var(--destructive);margin-top:1.5rem}.danger-link.change-link{color:var(--primary)}.danger-link.change-link:hover{background:var(--accent)}
