:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f141c;--surface:#18202c;--text:#e6eaf2;--text-muted:#9aa5b8;--border:#2a3445;--accent:#6ea0ff;--accent-text:#0f141c;--positive:#4ade80;--negative:#f87171;--chart-bar:#3987e5;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-other:#6b7385;--chart-grid:#263044;--radius:6px;--space-1:4px;--space-2:6px;--space-3:12px;--space-4:16px;--space-5:24px;--page-width:1400px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-numbers:ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-theme="90s"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#baf7dc;--surface:#fff;--text:#1a0b2e;--text-muted:#5a2a4f;--border:#1a0b2e;--accent:#d6006f;--accent-text:#fff;--positive:#00875a;--negative:#c1121f;--chart-bar:#d6006f;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-other:#a8a0b0;--chart-grid:#e2dbe9;--radius:0;--font:"Trebuchet MS", "Comic Sans MS", system-ui, sans-serif;--font-display:"Arial Black", Impact, sans-serif;--pink:#ff6ec7;--hot-pink:#ff2d95}:root{--cat-appointment:var(--series-1);--cat-office:var(--series-3);--cat-trip:var(--series-2);--cat-social:var(--series-5);--cat-other:var(--series-other)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.45}h1{font-size:1.6rem}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.2}h2{font-size:1.1rem}.page{max-width:var(--page-width);padding:var(--space-5) var(--space-4);margin:0 auto}.page-narrow{max-width:400px}.muted{color:var(--text-muted)}.error{color:var(--negative);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.stack>*+*{margin-top:var(--space-3)}.field{display:block}.field>span{margin-bottom:var(--space-1);font-weight:600;display:block}input,select{width:100%;padding:5px var(--space-2);font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;cursor:pointer;border-radius:var(--radius)}button:disabled{cursor:default;opacity:.6}.button-primary{width:100%;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-text);border:none;font-weight:600}.button-quiet{padding:var(--space-1) var(--space-2);color:var(--text);border:1px solid var(--border);background:0 0}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.brand{font-weight:700}.theme-switch{display:flex}.theme-switch button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:0;padding:2px 10px;font-size:.8rem}.theme-switch button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.theme-switch button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:0}.theme-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stack-lg>*+*{margin-top:var(--space-4)}.positive{color:var(--positive);white-space:nowrap}.negative{color:var(--negative);white-space:nowrap}a{color:var(--accent)}.topbar-spacer{margin-right:auto}.optional{color:var(--text-muted);font-weight:400}.link-button{color:var(--accent);background:0 0;border:none;border-radius:0;padding:0;text-decoration:underline;display:inline}.row-actions{white-space:nowrap}.row-actions button+button{margin-left:var(--space-1)}.form-actions{gap:var(--space-2);display:flex}.form-actions .button-primary{width:auto}.cat-appointment{--cat:var(--cat-appointment)}.cat-office{--cat:var(--cat-office)}.cat-trip{--cat:var(--cat-trip)}.cat-social{--cat:var(--cat-social)}.cat-other{--cat:var(--cat-other)}.calendar-layout{gap:var(--space-4);grid-template-columns:minmax(0,3fr) minmax(280px,1fr);align-items:start;display:grid}@media (width<=900px){.calendar-layout{grid-template-columns:minmax(0,1fr)}}.calendar-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.calendar-head h2{margin:0 auto 0 var(--space-2);font-size:1.3rem}.calendar-head .button-quiet{min-width:2.2em}.calendar-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekday{padding:var(--space-1) var(--space-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:600}.calendar-day{min-height:6.5rem;padding:var(--space-1);text-align:left;color:var(--text);background:var(--surface);border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;flex-direction:column;align-items:stretch;gap:2px;display:flex;overflow:hidden}.calendar-day:hover{background:var(--bg)}.calendar-day.outside{background:var(--bg);color:var(--text-muted)}.calendar-day.selected{outline:2px solid var(--accent);outline-offset:-2px}.calendar-date{text-align:center;border-radius:999px;align-self:flex-start;min-width:1.6em;padding:0 4px;font-size:.85rem;font-weight:600}.calendar-day.today .calendar-date{background:var(--accent);color:var(--accent-text)}.chip{white-space:nowrap;text-overflow:ellipsis;color:var(--text);background:color-mix(in srgb, var(--cat) 28%, var(--surface));border-left:3px solid var(--cat);border-radius:3px;padding:0 4px;font-size:.75rem;line-height:1.5;display:block;overflow:hidden}.chip.continues{border-left-style:dotted}.chip-more{color:var(--text-muted);font-size:.7rem}.legend{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0 0;color:var(--text-muted);flex-wrap:wrap;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:var(--space-1);display:flex}.swatch{background:var(--cat);border-radius:2px;flex:none;width:10px;height:10px}@media (width<=640px){.calendar-day{min-height:3.6rem;padding:2px}.calendar-weekday{padding:var(--space-1) 2px;text-align:center;font-size:.7rem}.calendar-date{align-self:center}.chip{background:var(--cat);border-left-width:0;height:5px;padding:0}.chip-text,.chip-more{display:none}.page{padding:var(--space-3) var(--space-2)}}.day-list{margin:0 0 var(--space-3);padding:0;list-style:none}.day-list li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0 var(--space-2) var(--space-3);border-bottom:1px solid var(--border);border-left:4px solid var(--cat);flex-wrap:wrap;display:flex}.day-event-main{flex-direction:column;flex:12rem;min-width:0;font-size:.9rem;display:flex}.day-event-main strong{overflow-wrap:anywhere;font-size:1rem}.day-note{margin-top:var(--space-1);overflow-wrap:anywhere}.add-button{width:100%}.coming-up{margin:0;padding:0;list-style:none}.coming-up li{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border);display:flex}.coming-up .link-button{text-align:left;flex:none;min-width:6.2em}.coming-up span:last-child{overflow-wrap:anywhere;min-width:0}.event-form{gap:var(--space-2);grid-template-columns:1fr 1fr;align-items:end;display:grid}.event-form>*{min-width:0}.event-form .field-title,.event-form .form-error,.event-form .form-actions{grid-column:1/-1}input[type=date],input[type=time]{min-height:2.1rem}:root[data-theme="90s"] body{background-image:radial-gradient(circle, var(--pink) 3px, transparent 3.5px), radial-gradient(circle, #00b894 2px, transparent 2.5px);background-position:0 0,20px 20px;background-size:40px 40px;background-attachment:fixed}:root[data-theme="90s"] .topbar{background:var(--pink);border-bottom:4px solid var(--border)}:root[data-theme="90s"] .brand,:root[data-theme="90s"] h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em}:root[data-theme="90s"] h1{text-shadow:3px 3px 0 var(--pink)}:root[data-theme="90s"] .card h2{background:var(--text);color:var(--bg);font-family:var(--font-display);padding:2px 8px;display:inline-block}:root[data-theme="90s"] input,:root[data-theme="90s"] select,:root[data-theme="90s"] .button-quiet,:root[data-theme="90s"] .theme-switch button{border:2px solid var(--border);background:#fff}:root[data-theme="90s"] .button-primary,:root[data-theme="90s"] .theme-switch button[aria-pressed=true]{background:var(--hot-pink);color:#fff;border:2px solid var(--border)}:root[data-theme="90s"] .card{border:3px solid var(--border);box-shadow:6px 6px 0 var(--hot-pink)}:root[data-theme="90s"] .calendar-grid,:root[data-theme="90s"] .calendar-weekday,:root[data-theme="90s"] .calendar-day{border-color:var(--border)}:root[data-theme="90s"] .calendar-day.selected{outline:3px solid var(--hot-pink)}:root[data-theme="90s"] .chip{border:1px solid var(--border);background:color-mix(in srgb, var(--cat) 35%, #fff);border-left-width:4px;border-radius:0}:root[data-theme="90s"] .calendar-head h2{color:var(--text);text-shadow:2px 2px 0 var(--pink);background:0 0;padding:0;font-size:1.4rem}:root[data-theme="90s"] .day-list li{background:#fff}
