.theme-choice{position:relative;display:inline-block;flex:none;margin:0;z-index:70;color:var(--ink)}
.theme-choice>summary{display:grid;place-items:center;list-style:none;width:34px;height:34px;border:1px solid #7d897b;border-radius:50%;padding:0;background:var(--surface);color:var(--ink);cursor:pointer}
.theme-choice>summary::-webkit-details-marker{display:none}
.theme-choice>summary svg{display:block;width:19px;height:19px}
.theme-choice>div{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:3px;min-width:155px;padding:7px;border:1px solid #7d897b;border-radius:11px;background:var(--surface);box-shadow:0 8px 30px #0003}
.theme-choice>div>button{display:block;width:100%;min-height:36px;margin:0;padding:8px 12px;border:0;border-radius:6px;background:transparent;box-shadow:none;transform:none;color:var(--ink);font:600 12px Inter,"Segoe UI",system-ui,sans-serif;text-align:left;cursor:pointer}
.theme-choice>div>button:hover,.theme-choice>div>button[aria-pressed=true]{background:#dfe7d5;color:#243127;box-shadow:none;transform:none}
.theme-choice>div>button[aria-pressed=true]::after{content:'✓';float:right;margin-left:12px}
@media(max-width:650px){.wusel-landing .nav{gap:10px;flex-wrap:wrap}.wusel-landing .nav nav{gap:10px}.wusel-landing .nav-login{padding:10px 14px}.wusel-landing .wusel-brand .beta{display:none}.wusel-site>header{gap:12px;flex-wrap:wrap}.wusel-site>header>.theme-choice{margin-left:auto}.welcome>.app-header{flex-wrap:wrap}}
@media screen{
 :root[data-theme=dark]{color-scheme:dark;--paper:#161d1a;--surface:#202a24;--ink:#f4f0e8;--muted:#b5bdb2;--line:#526451;--purple:#b7a2df;--green:#39503c;--orange:#63452f;--lavender:#46395e;--red:#eeaa96;color:var(--ink);background:var(--paper)}
 :root[data-theme=dark] body{background-color:var(--paper);color:var(--ink)}
 :root[data-theme=dark] body.wusel-site,:root[data-theme=dark] body.wusel-landing{background:radial-gradient(ellipse at 95% 25%,#35402d55,transparent 50%),var(--paper)}
 :root[data-theme=dark] :is(header,.app-header,.calendar-card,.allocation-card,.panel,.welcome-card,.card,dialog,.settings-menu-panel,.planner-menu>div,.wusel-tips,.login-card){background:var(--surface);color:var(--ink);border-color:var(--line)}
 :root[data-theme=dark] :is(h1,h2,h3,dialog h2,dialog h3,label,.brand,.wusel-wordmark){color:var(--ink)}
 :root[data-theme=dark] :is(p,small,.muted,.field-help,.help,.calendar-toolbar p,.legend,.calendar-legend,.calendar-footer,.allocation-note,.allocation-heading p,.allocation-table th,.allocation-table td,.eyebrow,.brand-sub,.draft-status,.planner-status,.week,.day-holiday-name){color:var(--muted)}
 :root[data-theme=dark] :is(input,select,textarea){color:var(--ink);background:#18221c;border-color:#73816e}
 :root[data-theme=dark] :is(button,.outline,.quiet,.text-button,.link-button,.planner-menu>summary){color:var(--ink);border-color:#73816e}
 :root[data-theme=dark] :is(.outline,.planner-menu>summary,.planner-menu>div button,.settings-menu-panel>button){background:var(--surface)}
 :root[data-theme=dark] :is(button:hover,.quiet:hover,.outline:hover,.planner-menu>div button:hover,.settings-menu-panel>button:hover){background:#354335;color:var(--ink)}
 :root[data-theme=dark] :is(.primary,.nav-login,.button.primary,.wusel-site #auth form>button){color:#242127;background:var(--coral);border-color:#f3a374}
 :root[data-theme=dark] :is(.primary:hover,.nav-login:hover,.button.primary:hover,.wusel-site #auth form>button:hover){color:#242127;background:#ffc09b}
 :root[data-theme=dark] :is(.secondary,.button:not(.primary)){background:var(--surface);color:var(--ink);border-color:var(--line)}
 :root[data-theme=dark] :is(.hero-sticker,.mascot-label,.feature-card,.draft-notice,.preview,.draft-section,.review-demo,.review-card,.closing,.landing-features article,.landing-draft,.landing-demo,.landing-calendar-preview){background:var(--surface);border-color:var(--line);color:var(--ink)}
 :root[data-theme=dark] :is(.feature-card p,.feature-card h3,.hero-detail,.lead,.section-heading p,.draft-copy p,.closing-copy p,.faq-intro,.faq-list p,.steps p,.footer-main p,.footer-main a,.preview-top h2,.demo-month b,.preview-caption,.private-pill,.status-chip,.review-card p,.landing-lead,.landing-sticker){color:var(--ink)}
 :root[data-theme=dark] .mascot-stage::before,:root[data-theme=dark] .hero-copy h1>span::after{border-color:#28302a;box-shadow:none}
 :root[data-theme=dark] :is(.hero-benefits i,.feature-icon,.private-pill,.status-chip,.demo-label,.draft-notice-icon,.wusel-site .auth-copy::before,.wusel-site .pilot,.review-symbol,.landing-sticker){color:#242127}
 :root[data-theme=dark] :is(.mini-eyebrow,.mascot-spark,.calendar-heading h2>span,.section-heading h2 span,.faq h2 span,.landing-hero h1>span){color:#c4d7b2}
 :root[data-theme=dark] :is(.wusel-site .region-fields,.wusel-site .operator-limit,.wusel-site .billing-metrics>div,.wusel-site .billing-table th,.wusel-site .billing-status,.details,.region-fields,.billing-contract,.billing-config){background:#2d3b2e;border-color:var(--line);color:var(--ink)}
 :root[data-theme=dark] :is(.wusel-site #message:not(:empty),.wusel-site #login-message:not(:empty),.wusel-site #account-message:not(:empty),.welcome-card [role=status]){color:var(--ink);background:var(--surface);border-color:var(--line)}
 :root[data-theme=dark] :is(.summary>div,.plan-info,.month-overview){background:var(--surface);border-color:var(--line);color:var(--ink)}
 :root[data-theme=dark] :is(.summary span,.summary small,.month-count-row dt,.month-section-heading,.month-blocks-heading,.month-block dt,.month-block-care-label,.month-block-work-label,.month-block-total,.plan-info>span){color:#c7cec0}
 :root[data-theme=dark] :is(.summary strong,.plan-info>strong,.month-count-row strong){color:var(--ink)}
 :root[data-theme=dark] :is(.summary .attention,.plan-info.attention){background:#412f28;border-color:#9d7056}
 :root[data-theme=dark] :is(.attention strong,.plan-info.attention strong){color:#ffc39f}
 :root[data-theme=dark] :is(.month-blocks,.allocation-table .total-row,.allocation-table thead,.month-open-count){background:#303d30;color:var(--ink)}
 :root[data-theme=dark] .month-open-count.has-open{background:#4b3328;color:#ffd1b2}
 :root[data-theme=dark] :is(.month-count-papa,.count-papa){background:#40364f;color:#dfcaff}
 :root[data-theme=dark] :is(.month-count-mama,.count-mama){background:#4c392b;color:#ffd2a6}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) :is(.day,.month h3,.empty){background:#202a24;color:#e1e4d9;border-color:var(--line);box-shadow:inset 0 -1px #40503f}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.weekend{background:#2d352e}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.holiday{background:#442c33}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.vacation,:root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.vacationMama{background:#423855}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.open{background:#3b2d26;box-shadow:inset 2px 0 #e5a180,inset 0 -1px #654b3e}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.settled{box-shadow:inset 2px 0 #aac594,inset 0 -1px #40503f}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day .num{color:#eee9de}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.holiday .num{color:#ffc2c9}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) :is(.owner,.vacation-badge){background:#4a3c5c;color:#e1ceff}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) :is(.owner.mama,.day:not(.mine) .owner){background:#4b3e2b;color:#ffe0b6}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day.pending-approval{outline-color:#f6c169}
 :root[data-theme=dark] :is(#calendar,.calendar-page .calendar) .day:hover{background:#3f5140;outline-color:#d2dfc4}
 :root[data-theme=dark] .theme-choice>div>button{background:transparent;color:var(--ink)}
 :root[data-theme=dark] .theme-choice>div>button:hover,:root[data-theme=dark] .theme-choice>div>button[aria-pressed=true]{background:#3b4c38;color:#f4f0e8}
 :root[data-theme=dark] :focus-visible{outline-color:#ffca9d}
 :root[data-theme=dark] .wusel-site .auth-copy::before{color:#242127;border-color:#e5c95a}
 :root[data-theme=dark] .wusel-site #auth{border-color:var(--line);box-shadow:4px 5px 0 #090f0b}
 :root[data-theme=dark] :is(.primary,.nav-login,.button){box-shadow:0 3px 0 #090f0b}
 :root[data-theme=dark] .wusel-brand .beta{background:#33422f;color:#dce7d2;border-color:var(--line)}
 :root[data-theme=dark] :is(.year-block strong,#selected-year){color:var(--ink)}
 :root[data-theme=dark] :is(#previous-year,#next-year,.year-navigation button,.calendar-year button){background:var(--surface);border-color:var(--line);color:var(--ink)}
 :root[data-theme=dark] footer,:root[data-theme=dark] footer :is(p,small,a){color:var(--muted)}
 :root[data-theme=dark] :is(.legend,.calendar-legend) i.school{background:#b6d893}
 :root[data-theme=dark] :is(.legend,.calendar-legend) i.kita{background:#eba974}
 :root[data-theme=dark] :is(.legend,.calendar-legend) i.vacation{background:#bda3e5}
 :root[data-theme=dark] :is(.legend,.calendar-legend) i.open{border-color:#e7a387;background:transparent}
 :root[data-theme=dark] .welcome:not(.calendar-page) .primary{background:var(--coral);color:#242127;border-color:var(--coral)}
 :root[data-theme=dark] :is(#print-preview,.print-preview){color-scheme:light;--ink:#292b37;--muted:#77707f;--surface:#fff;--paper:#fff;background:#fff;color:#292b37}
 :root[data-theme=dark] :is(#print-preview,.print-preview) *{color:#51475c!important}
 :root[data-theme=dark] :is(#print-preview,.print-preview) .month-overview{background:#fff;border-color:#e8e2ed}
 :root[data-theme=dark] :is(#print-preview,.print-preview) .month-blocks{background:#f3eef9;border-color:#8d72b9}
 :root[data-theme=dark] :is(#print-preview,.print-preview) .month-open-count{background:#f4f2f7}
 :root[data-theme=dark] :is(#print-preview,.print-preview) :is(.month-count-papa,.count-papa){background:#ede5f7}
 :root[data-theme=dark] :is(#print-preview,.print-preview) :is(.month-count-mama,.count-mama){background:#faeddf}
}
@media print{.theme-choice{display:none!important}:root{color-scheme:light!important}}