:root{color:#20292a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#fff;--line:#dfe5e3;--muted:#65736c;--accent:#245d4e;background:#f8f9fa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:20px 5%;display:flex;position:sticky;top:0}header a{color:inherit;text-decoration:none}header span,small{color:var(--muted)}main{max-width:1200px;margin:auto;padding:32px 5%}h1{margin:32px 0 16px;font:38px Georgia,serif}p{line-height:1.7}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:7px;min-height:44px;padding:10px 16px}button:disabled{opacity:.55;cursor:wait}button[aria-pressed=true]{color:var(--accent);background:#eaf2ee}nav,.actions{flex-wrap:wrap;gap:10px;display:flex}.panel,dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.login{max-width:460px}label{margin-bottom:20px;display:block}label input:not([type=checkbox]),label select,textarea{border:1px solid var(--line);background:0 0;border-radius:7px;width:100%;margin-top:7px;padding:12px;display:block}textarea{min-height:120px}.filter{max-width:320px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}td,th{border-bottom:1px solid var(--line);vertical-align:top;padding:16px 10px}th{color:var(--muted);font-size:13px}td small{margin-top:7px;display:block}.item-title{text-align:left;border:0;padding:0;font-weight:600}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.notice{color:var(--muted);font-size:13px}dialog{width:min(560px,92vw);max-height:90vh}dialog::backdrop{background:#0006}small{margin-top:14px;display:block}[role=alert]{color:#a03225}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=600px){header span{display:none}.panel{padding:12px}table{min-width:500px}h1{font-size:32px}}:root{--soft:#edf3ef}nav[aria-label=Workspace]{background:var(--panel);z-index:4;border-bottom:1px solid var(--line);padding:12px 0;position:sticky;top:65px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.stats>div{background:var(--soft);border-radius:12px;padding:20px}.stats strong{margin-top:8px;font:28px Georgia,serif;display:block}.week-days{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.week-days strong{margin-top:8px;font-size:14px;display:block}.routine,.milestones{margin-top:24px}.routine-row{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr 95px;align-items:center;gap:16px;padding:16px 0;display:grid}.routine-row label{margin:0}.routine-row small{white-space:pre-wrap;margin:5px 0}.routine-total{justify-content:space-between;gap:16px;font-size:20px;display:flex}.routine section{margin-bottom:28px}fieldset{border:0;min-width:0;margin:0;padding:0}summary{cursor:pointer;min-height:44px;padding:12px 0}details.panel{margin-top:24px}.history{flex-wrap:wrap;gap:8px;display:flex}.milestone{border-top:1px solid var(--line);padding:20px 0}.milestone-meta{align-items:center;gap:20px;display:flex}.milestone-meta>label{flex:1}.milestone-meta input[type=checkbox]{margin-top:12px;display:block}@media (width<=600px){.stats{gap:8px}.stats>div{padding:12px}.stats strong{font-size:23px}.week-days{grid-template-columns:repeat(4,1fr)}nav[aria-label=Workspace]{gap:6px;top:65px}nav[aria-label=Workspace] button{padding:8px;font-size:13px}.routine-row{grid-template-columns:22px 1fr 75px;gap:10px}}:root[data-theme=dark]{color:#e3e9e5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#202a25;--line:#3d4b43;--muted:#acbcb0;--accent:#a7d3ba;--soft:#253c30;background:#151c19}:root[data-font=serif]{font-family:Georgia,serif}:root[data-font=mono]{font-family:ui-monospace,monospace}:root[data-theme=dark] button[aria-pressed=true]{background:#354d3d}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.resource-grid h2{margin-top:0;font-size:20px}.actions{align-items:flex-start}.brand-logo{object-fit:contain;vertical-align:middle;width:28px;height:28px;margin-right:10px}.logo-preview{object-fit:contain;width:96px;height:96px;margin-bottom:16px;display:block}.dialog-close{float:right}.resource-grid a{color:var(--accent)}
