@layer eo-legacy {
[hidden]{display:none!important}.calendar-manager-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.calendar-manager-bar small{color:var(--muted);margin-left:10px}.calendar-manager-bar>div{display:flex;gap:8px}.calendar-manager-bar button,.calendar-editor button{border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--surface);color:var(--ink)}#calendarCreate,#calendarSave{background:var(--accent);color:var(--bg);border-color:var(--accent)}#calendarManagerNotice{color:var(--accent);font-size:12px;margin:8px 0}#calendarManagerNotice:empty{display:none}.event-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.event-edit{border:1px solid var(--line);color:var(--accent);background:var(--soft);padding:6px 12px;border-radius:8px;white-space:nowrap}.calendar-editor{width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0003}.calendar-editor::backdrop{background:#0d142578;backdrop-filter:blur(3px)}.calendar-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--line)}.calendar-editor h2{font-size:20px;margin:0}.calendar-editor header p{margin:6px 0 0;color:var(--muted);font-size:12px}.calendar-editor header button{border:0;font-size:23px;padding:0 6px}.calendar-editor form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 22px 0}.calendar-editor label{display:grid;gap:7px;font-size:12px;min-width:0}.calendar-editor input,.calendar-editor select,.calendar-editor textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);padding:8px;font:inherit}.calendar-editor select[multiple]{min-height:120px}.calendar-editor .full{grid-column:1/-1}.calendar-editor small{color:var(--muted)}.calendar-english-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.calendar-editor footer{position:sticky;bottom:0;background:var(--surface);padding:16px 0;margin:0;border-top:1px solid var(--line);display:block}.calendar-editor footer p{color:var(--muted);margin:0 0 10px}.calendar-editor footer p:empty{display:none}.calendar-editor footer>div{display:flex;justify-content:flex-end;gap:10px}.calendar-editor summary{cursor:pointer;color:var(--muted)}@media(max-width:600px){.calendar-manager-bar{align-items:flex-start;flex-direction:column}.calendar-manager-bar small{display:block;margin:4px 0 0}.calendar-editor form,.calendar-english-fields{grid-template-columns:1fr}.event-action{align-items:flex-start}}
.year-navigation{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}.year-navigation>div:first-child{display:flex;align-items:center;gap:8px}.year-navigation label{flex:1;min-width:0;text-align:center}.year-navigation label span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.year-navigation input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);text-align:center;font-size:22px;font-weight:600;line-height:1.5;appearance:textfield}.year-navigation input::-webkit-inner-spin-button{appearance:none}.year-navigation button{border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--bg);cursor:pointer;padding:5px 9px}.year-navigation>button{width:100%;margin-top:10px;font-size:11px}.year-navigation button[aria-pressed=true]{color:var(--accent);background:var(--soft);border-color:var(--accent)}#available-years{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}#available-years button{flex:1;font-size:10px}.hero-year-number{font-variant-numeric:tabular-nums}.hero-month-grid button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer}.hero-month-grid button small{font-size:9px;font-weight:400;opacity:.7}.hero-month-grid button.has-events{color:var(--accent);background:var(--soft)}.hero-month-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hero-month-grid[hidden]{display:none}.hero-year-number{font-size:clamp(30px,3.6vw,48px)}@media(max-width:700px){.year-navigation{padding:10px;margin:12px 0}.year-navigation>div:first-child{max-width:240px;margin:auto}#available-years{justify-content:center}#available-years button{flex:0}.hero-month-grid button{min-height:34px;font-size:11px}.hero-month-grid button small{font-size:8px}}

.all-month-year{display:block;font-size:9px;opacity:.7;line-height:1.2}
/* Theme-matched month picker and quieter navigation scrollbars. */
.calendar-editor,.month-sidebar,html,.calendar-editor select[multiple]{scrollbar-width:thin;scrollbar-color:var(--line) transparent;scrollbar-gutter:stable}.calendar-editor::-webkit-scrollbar,.month-sidebar::-webkit-scrollbar,html::-webkit-scrollbar,.calendar-editor select::-webkit-scrollbar{width:7px;height:6px}.calendar-editor::-webkit-scrollbar-track,.month-sidebar::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}.calendar-editor::-webkit-scrollbar-thumb,.month-sidebar::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:20px}.calendar-editor::-webkit-scrollbar-thumb:hover,.month-sidebar::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:var(--muted)}.month-sidebar{padding-right:9px}.calendar-form-section{display:flex;align-items:center;gap:9px;padding:8px 0 4px}.calendar-form-section>span{font-size:10px;letter-spacing:1px;color:var(--accent)}.calendar-form-section strong{font-size:13px;font-weight:600}.calendar-form-section small{margin-left:auto;font-size:10px}.calendar-month-field{position:relative;display:grid;gap:7px;font-size:12px;min-width:0}.calendar-month-field>span small{margin-left:5px;font-size:10px}.calendar-editor #monthPickerToggle{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:42px;padding:9px 12px;background:var(--bg);border:1px solid var(--line);border-radius:9px;font-size:13px}.calendar-editor #monthPickerToggle[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}#monthPickerToggle svg{height:18px;width:18px;color:var(--muted)}.month-field-hint{font-size:10px;line-height:1.4}.month-picker-panel{position:absolute;top:72px;left:0;width:310px;max-width:calc(100vw - 70px);z-index:40;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 16px 48px #0003}.month-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);font-weight:600}.month-picker-heading small{display:block;font-size:8px;letter-spacing:1.3px;font-weight:400;margin-top:2px}.calendar-editor .month-picker-heading button{border:0;padding:0 5px;font-size:19px;color:var(--muted)}.month-picker-year{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0}.calendar-editor .month-picker-year button{width:31px;height:31px;padding:0;font-size:20px;background:var(--bg)}.calendar-editor .month-picker-year label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.calendar-editor #monthPickerYear{width:85px;min-height:32px;padding:3px 7px;text-align:center;font-size:17px;font-weight:650;appearance:textfield;background:transparent;border-color:transparent}.calendar-editor #monthPickerYear::-webkit-inner-spin-button{appearance:none}.month-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.calendar-editor .month-picker-grid button{border-color:transparent;background:var(--bg);padding:9px 4px;font-size:12px;border-radius:8px;min-height:36px}.calendar-editor .month-picker-grid button:hover{background:var(--soft);color:var(--accent)}.calendar-editor .month-picker-grid button[aria-pressed=true]{background:var(--accent);color:var(--bg);font-weight:650;box-shadow:0 4px 12px #6254d922}.month-picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:13px;padding-top:10px;font-size:10px;color:var(--muted)}.calendar-editor .month-picker-bottom button{border:0;padding:4px;color:var(--accent);font-size:11px;background:transparent}.month-year-group{grid-column:1/-1;border-top:1px solid var(--line);margin-top:7px;padding-top:4px}.month-year-group>summary{display:flex;align-items:center;gap:8px;padding:10px 7px;color:var(--muted);cursor:pointer;font-size:12px;list-style:none}.month-year-group>summary::-webkit-details-marker{display:none}.month-year-group>summary>small{margin-left:auto;font-size:9px}.year-chevron{font-size:14px;transition:transform .15s}.month-year-group[open] .year-chevron{transform:rotate(180deg)}.month-year-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-bottom:5px}.month-year-group[open]>summary{color:var(--ink)}@media(max-width:700px){.month-sidebar{padding-right:0;scrollbar-gutter:auto}#month-filters:has(.month-year-group){display:block;overflow:visible}#month-filters:has(.month-year-group)>button{width:100%;margin-bottom:8px}.month-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.month-year-grid .month-button{min-width:0;width:100%;font-size:10px;gap:3px}.month-picker-panel{width:100%;max-width:none;top:72px}.calendar-form-section small{font-size:9px}.calendar-editor form{gap:13px}}@media(prefers-reduced-motion:reduce){.year-chevron{transition:none}}

.calendar-editor-actions #calendarDelete{margin-right:auto}.calendar-editor .calendar-danger{color:#d95d70;border-color:#d95d7044;background:#d95d7010}.calendar-editor .calendar-danger:hover{background:#d95d7022}.calendar-delete-confirm{padding:14px;margin-bottom:14px;border:1px solid #d95d7044;border-radius:10px;background:var(--bg);font-size:12px}.calendar-delete-confirm>strong{color:#d95d70}.calendar-delete-confirm>p{margin:6px 0!important;color:var(--ink)!important;overflow-wrap:anywhere}.calendar-delete-confirm>small{display:block;line-height:1.6}.calendar-delete-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.calendar-undo{padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--accent);font-size:11px;margin-bottom:10px}

.calendar-editor footer>.calendar-delete-confirm{display:block}

} /* eo-legacy: visual foundations live in assets/ui/ */