:root{--bg:#f4efe6;--fg:#1f2a24;--accent:#2f6f4f;--muted:#6b746e;--error:#b3261e;--surface:#fff;--accent-text:var(--accent);--on-accent:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141a17;--fg:#e8ece9;--accent:#7cc4a0;--muted:#9aa49e;--surface:#1e2622}}:root[data-theme=coral]{--bg:#293241;--surface:#384250;--fg:#e0fbfc;--muted:#9aafb5;--accent:#ee6c4d;--on-accent:#293241;--error:#ffb4ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=plum]{--bg:#31031f;--surface:#00382e;--fg:#f9e1e2;--muted:#c98790;--accent:#efa8ac;--on-accent:#31031f;--error:#ffb4ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=lavender]{--bg:#faf0ca;--surface:#fdfaec;--fg:#0d3b66;--muted:#48687f;--accent:#9381ff;--accent-text:#5762ba;--on-accent:#0d3b66;--error:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}.page{max-width:640px;margin:0 auto;padding:24px 16px}.page.narrow{max-width:400px}form{flex-direction:column;gap:12px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}input{border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);background:var(--surface);color:var(--fg);border-radius:10px;padding:12px;font-size:17px}button{background:var(--accent);color:var(--on-accent);border:0;border-radius:10px;padding:12px;font-size:17px;font-weight:600}button:disabled{opacity:.6}button.link{color:var(--accent-text);background:0 0;font-weight:400}.error{color:var(--error)}h1{margin:0 0 8px;font-size:26px}h2{margin:0 0 12px;font-size:17px}a{color:var(--accent-text)}.muted{color:var(--muted)}.notice{color:var(--accent-text)}.stack{flex-direction:column;gap:16px;display:flex}.row{gap:8px;display:flex}.row>*{flex:1}.card{background:var(--surface);border-radius:14px;padding:16px}button.secondary{color:var(--accent-text);border:1px solid var(--accent-text);background:0 0}button.danger,button.link.danger{color:var(--error);border-color:var(--error)}.code{letter-spacing:3px;margin:0 0 4px;font:600 28px ui-monospace,SF Mono,Menlo,monospace}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid color-mix(in srgb, var(--muted) 20%, transparent);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.list li:last-child{border-bottom:0}.list button{padding:4px 8px;font-size:15px}.topbar{background:var(--bg);border-bottom:1px solid color-mix(in srgb, var(--muted) 20%, transparent);padding:12px 16px;font-size:17px;position:sticky;top:0}.topbar select{color:var(--fg);background:0 0;border:0;padding:0;font-size:17px;font-weight:600}main.page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.tabbar{background:var(--surface);border-top:1px solid color-mix(in srgb, var(--muted) 20%, transparent);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--muted);flex:1;padding:14px 0;font-weight:500;text-decoration:none}.tabbar a.active{color:var(--accent-text)}.small{font-size:13px}.tile{color:var(--fg);align-items:center;gap:14px;text-decoration:none;display:flex}.tile-icon{font-size:30px}.toggle{width:100%;color:var(--fg);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;font-size:17px}input[type=checkbox][role=switch]{appearance:none;background:color-mix(in srgb, var(--muted) 35%, transparent);border:0;border-radius:31px;flex:none;width:51px;height:31px;padding:0;transition:background .2s;position:relative}input[type=checkbox][role=switch]:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}input[type=checkbox][role=switch]:checked{background:var(--accent)}input[type=checkbox][role=switch]:checked:after{transform:translate(20px)}input[type=checkbox][role=switch]:disabled{opacity:.6}.row-between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row-tight{flex-direction:row;align-items:center;gap:6px;display:flex}.grow{flex:1;min-width:0}.list li.stack-tight{flex-direction:column;align-items:stretch;gap:4px}.list li.stack-tight>button{align-self:flex-start;padding:0}.section-title{margin:8px 0 -4px}select{border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);background:var(--surface);color:var(--fg);border-radius:8px;padding:8px;font-size:15px}button.icon{min-width:36px;color:var(--accent-text);border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);background:0 0;flex:none;padding:8px;font-weight:600}button.icon.danger{color:var(--error)}.check{color:var(--fg);flex-direction:row;align-items:center;gap:10px;font-size:17px}.check input{width:20px;height:20px;accent-color:var(--accent)}.badge{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent-text);border-radius:999px;padding:1px 8px;font-weight:600;display:inline-block}.person{border-bottom:1px solid color-mix(in srgb, var(--muted) 20%, transparent);padding:8px 0}.person:last-child{border-bottom:0}.person p{margin:4px 0 0}.table-scroll{overflow-x:auto}table.preview{border-collapse:collapse;width:100%;font-size:14px}table.preview th,table.preview td{text-align:left;white-space:nowrap;padding:6px 8px}table.preview th{color:var(--muted);font-weight:500}table.preview tr.block-start td{border-top:2px solid color-mix(in srgb, var(--accent) 50%, transparent)}.card.highlight{outline:2px solid var(--accent)}.badge.danger{background:color-mix(in srgb, var(--error) 18%, transparent);color:var(--error)}.group-block{padding-top:8px}.group-block .list li{padding:8px 0}.occurrence{flex-direction:column;gap:4px;align-items:stretch!important}.occurrence .done{color:var(--muted);text-decoration:line-through}.occurrence-actions{padding-left:30px}.occurrence-actions button,.stack-tight .row button{padding:6px 10px;font-size:14px}button.link.small{padding:0;font-size:13px}.status{white-space:nowrap;font-size:13px;font-weight:600}.status-done,.status-made_up{color:var(--accent-text)}.status-missed{color:var(--error)}.status-skipped,.status-open{color:var(--muted)}.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-option{border:1px solid color-mix(in srgb, var(--muted) 35%, transparent);color:var(--fg);cursor:pointer;border-radius:10px;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;font-size:15px;position:relative}.theme-option input{opacity:0;pointer-events:none;position:absolute}.theme-option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-option:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}.swatches{flex:none;display:flex}.swatches span{border:1px solid color-mix(in srgb, var(--fg) 40%, transparent);border-radius:50%;width:18px;height:18px}.swatches span+span{margin-left:-5px}.language-switch{justify-content:center;gap:16px;margin-top:32px;display:flex}.language-switch button[aria-pressed=true]{font-weight:600;text-decoration:underline}.card>select{width:100%}
