:root{font-family:system-ui,Arial,sans-serif;color:#18181b;background:#f4f4f5;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;padding:.75rem;border:1px solid #71717a;border-radius:.5rem;background:#fff;color:inherit}label{display:block;margin-block:1rem}fieldset{min-inline-size:0;border:1px solid #d4d4d8}summary{cursor:pointer;padding-block:1rem}li{margin-block:1rem;overflow-wrap:anywhere}bdi{overflow-wrap:anywhere}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#18181b99}.dialog{inline-size:100%;max-inline-size:28rem;max-block-size:100%;overflow:auto;padding:1.25rem;border-radius:.75rem;background:#fff;color:#18181b}.dialog button{margin-inline-end:.75rem}.account-bar{padding-block:max(.5rem,env(safe-area-inset-top)) .5rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right));display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;background:#fff}body:has(.account-bar) .app-header{padding-block-start:1rem}.setup-content{max-inline-size:36rem}.google-button{max-inline-size:100%;overflow:auto}[role=alert]{border-inline-start:4px solid #b91c1c;padding:.75rem}body:has(.account-bar) .app-shell{block-size:calc(100dvh - 5rem);min-block-size:20rem}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}.app-shell{block-size:100vh;block-size:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-block:max(1rem,env(safe-area-inset-top)) 1rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right));background:#fff;border-block-end:1px solid #d4d4d8;max-block-size:35dvh;overflow:auto}h1{font-size:1.5rem;margin:0}h1,h2,p,a,button{overflow-wrap:anywhere}.settings-link,.bottom-navigation a,button{min-inline-size:48px;min-block-size:48px;padding:.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;border-radius:.5rem}.settings-link{border:1px solid #71717a}.badge{display:inline-block;min-inline-size:1.5rem;padding:.125rem .5rem;border-radius:999px;background:#27272a;color:#fff;font-weight:700;text-align:center}main{overflow:auto;min-inline-size:0;scroll-padding-block:1.5rem}.content{max-inline-size:60rem;margin-inline:auto;padding-block:1.5rem 2rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right))}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.board-filters,.board-actions,.week-navigation{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-block:1rem}.board-filters label{flex:1 1 14rem;margin:0;min-inline-size:0}.week-navigation p{flex:1 1 16rem;text-align:center}.chore-list{list-style:none;padding:0}.chore-row{background:#fff;padding:1rem;border:2px solid #71717a;border-radius:.5rem}.chore-row p,.chore-table p{margin-block:.5rem}.state{display:inline-block;font-weight:700;padding:.25rem .5rem;border:1px solid currentColor;border-radius:.25rem}.state-Open{color:#27272a;background:#fff}.state-Done{color:#14532d;background:#f0fdf4}.state-Late{color:#7c2d12;background:#fff7ed}.state-Missed{color:#991b1b;background:#fef2f2}.row-Late{border-color:#9a3412;background:#fff7ed}.row-Missed{border-color:#b91c1c;background:#fef2f2}.done-title{text-decoration:line-through}.chore-table{inline-size:100%;table-layout:fixed;border-collapse:collapse;background:#fff}.chore-table th,.chore-table td{text-align:start;vertical-align:top;overflow-wrap:anywhere;padding:.75rem;border-block-end:1px solid #71717a}.chore-table th:first-child{inline-size:40%}.chore-table th:nth-child(2){inline-size:20%}.chore-table .board-actions{align-items:stretch}.chore-editor fieldset{margin-block:1rem}.check-label{display:flex;align-items:center;gap:.75rem;min-block-size:48px}.check-label input{inline-size:1.5rem;block-size:1.5rem;flex:0 0 1.5rem}[aria-invalid=true]{border-color:#b91c1c}[aria-pressed=true]{border:2px solid #27272a;background:#e4e4e7;font-weight:700}.empty-state,.settings-panel{background:#fff;border:1px solid #d4d4d8;border-radius:.5rem;padding:1.25rem;margin-block:0 1.5rem}.report-section{background:#fff;border:1px solid #d4d4d8;border-radius:.5rem;padding:1rem 1.25rem;margin-block:1rem}.report-section h3{margin-block:0 .5rem}.report-range{flex:1 1 10rem;text-align:center;font-weight:700}.report-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin:0}.report-counts div{border:1px solid #d4d4d8;border-radius:.5rem;padding:.5rem .75rem;min-inline-size:0}.report-counts dt{color:#3f3f46;overflow-wrap:anywhere}.report-counts dd{margin:0;font-size:1.5rem;font-weight:700}.language-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-end:1.5rem}.language-controls legend{margin-block-end:.75rem}button{background:#fff;border:1px solid #71717a;cursor:pointer;max-inline-size:100%}button:disabled{color:#52525b;background:#e4e4e7;cursor:default}.bottom-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-block:.5rem max(.5rem,env(safe-area-inset-bottom));padding-inline:max(.5rem,env(safe-area-inset-left)) max(.5rem,env(safe-area-inset-right));border-block-start:1px solid #d4d4d8;background:#fff;max-block-size:35dvh;overflow:auto}.bottom-navigation a{text-decoration:none;border:2px solid transparent}a[aria-current=page]{font-weight:700;text-decoration:underline;background:#e4e4e7;border-color:#52525b}@media (hover: hover){a:hover,button:not(:disabled):hover{background:#e4e4e7}}a:active,button:not(:disabled):active{background:#d4d4d8}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;padding:1rem;background:#fff;z-index:1;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (min-width: 48rem){.app-header{padding-inline:max(2rem,calc((100% - 60rem)/2))}.bottom-navigation{padding-inline:max(1rem,calc((100% - 60rem)/2))}}