.theme-toggle{display:inline-grid;place-items:center;min-width:1.5rem;padding:0;border:0;background:transparent;color:#526173;font:inherit;font-size:1rem;cursor:pointer}.theme-toggle:hover{color:#1967d2}:root[data-theme="dark"]{color-scheme:dark}:root[data-theme="dark"] body{color:#e4eaf1;background:#111820}:root[data-theme="dark"] header{background:#18212b;border-color:#303b48}:root[data-theme="dark"] .brand{color:#f1f5f9}:root[data-theme="dark"] .account-link,:root[data-theme="dark"] footer{color:#aeb9c6}:root[data-theme="dark"] .danger-link{color:#ff9f99}:root[data-theme="dark"] .welcome{background:linear-gradient(145deg,#1d2834,#172331);box-shadow:0 24px 70px #0005}:root[data-theme="dark"] .welcome p,:root[data-theme="dark"] .status{color:#aeb9c6}:root[data-theme="dark"] .calendar-shell,:root[data-theme="dark"] .legal-page article{background:#18212b;box-shadow:0 18px 60px #0005}:root[data-theme="dark"] .calendar-head{border-color:#34404d}:root[data-theme="dark"] .subtle,:root[data-theme="dark"] .month-button{color:#d9e6f7;background:#283543;border-color:#3b4958}:root[data-theme="dark"] .danger{color:#ffaaa5;background:#41272a}:root[data-theme="dark"] .calendar-picker{background:#202b36;border-color:#3b4754}:root[data-theme="dark"] .calendar-picker summary,:root[data-theme="dark"] .calendar-option{color:#e2e8f0}:root[data-theme="dark"] .weekday{color:#aeb9c6;background:#202b36;border-color:#3b4754}:root[data-theme="dark"] .calendar-day{color:#e4eaf1;background:#18212b;border-color:#3b4754}:root[data-theme="dark"] .calendar-day.outside{color:#718092;background:#141c25}:root[data-theme="dark"] .calendar-day.today,:root[data-theme="dark"] .calendar-day.writable:hover{background:#1b3048}:root[data-theme="dark"] .calendar-event{color:#dcecff;background:#25384d}:root[data-theme="dark"] .calendar-event:hover{background:#304861}:root[data-theme="dark"] dialog,:root[data-theme="dark"] .event-dialog{color:#e4eaf1;background:#202a35}:root[data-theme="dark"] .event-dialog label{color:#b7c2ce}:root[data-theme="dark"] .event-dialog input,:root[data-theme="dark"] .event-dialog select,:root[data-theme="dark"] .event-dialog textarea{color:#e8edf3;background:#151d26;border-color:#44515f}:root[data-theme="dark"] .legal-page p{color:#b7c2ce}:root[data-theme="dark"] footer a{color:#aeb9c6}