:root{--cal-bg:#FFFFFF;--cal-text:#000000;--cal-text-secondary:#8E8E93;--cal-text-tertiary:#C7C7CC;--cal-surface:#F2F2F7;--cal-surface-elevated:#FFFFFF;--cal-surface-secondary:#FAFAFA;--cal-border:#E5E5EA;--cal-separator:#D1D1D6;--cal-accent:#007AFF;--cal-accent-hover:#0051D5;--cal-destructive:#FF3B30;--cal-blue:#007AFF;--cal-orange:#FF9500;--cal-pink:#FF2D55;--cal-purple:#AF52DE;--cal-green:#34C759;--cal-red:#FF3B30;--cal-yellow:#FFCC00;--cal-teal:#5AC8FA;--cal-today-bg:#FF3B30;--cal-today-text:#FFFFFF;--cal-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--cal-shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--cal-shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--cal-font-system:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cal-spacing-xs:4px;--cal-spacing-sm:8px;--cal-spacing-md:16px;--cal-spacing-lg:24px;--cal-spacing-xl:32px;--cal-radius-sm:8px;--cal-radius-md:12px;--cal-radius-lg:16px;--cal-radius-xl:20px;--cal-transition:cubic-bezier(0.4, 0.0, 0.2, 1)}[data-theme=dark]{--cal-bg:#000000;--cal-text:#FFFFFF;--cal-text-secondary:#EBEBF5;--cal-text-tertiary:#8E8E93;--cal-surface:#1C1C1E;--cal-surface-elevated:#2C2C2E;--cal-surface-secondary:#121212;--cal-border:#38383A;--cal-separator:#48484A;--cal-accent:#0A84FF;--cal-accent-hover:#409CFF;--cal-destructive:#FF453A;--cal-blue:#0A84FF;--cal-orange:#FF9F0A;--cal-pink:#FF375F;--cal-purple:#BF5AF2;--cal-green:#30D158;--cal-red:#FF453A;--cal-yellow:#FFD60A;--cal-teal:#64D2FF;--cal-today-bg:#FF453A;--cal-today-text:#FFFFFF;--cal-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4);--cal-shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--cal-shadow-lg:0 8px 24px rgba(0, 0, 0, 0.6)}.color-blind-mode{--cal-blue:#0066CC;--cal-orange:#FF8800;--cal-pink:#CC0055;--cal-purple:#8800CC;--cal-green:#00AA44;--cal-red:#DD0000;--cal-yellow:#FFBB00;--cal-teal:#0099AA}.color-blind-mode [data-theme=dark]{--cal-blue:#3399FF;--cal-orange:#FFAA33;--cal-pink:#FF3377;--cal-purple:#AA44FF;--cal-green:#44DD77;--cal-red:#FF4444;--cal-yellow:#FFDD44;--cal-teal:#44CCDD}.color-blind-mode .event-dot{position:relative;border:2px solid var(--cal-text)}.color-blind-mode .event-dot.blue::after{content:'';position:absolute;width:100%;height:2px;background:var(--cal-text);top:50%;left:0;transform:translateY(-50%)}.color-blind-mode .event-dot.orange::after{content:'';position:absolute;width:2px;height:100%;background:var(--cal-text);top:0;left:50%;transform:translateX(-50%)}body{font-family:var(--cal-font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--cal-spacing-md);margin-bottom:var(--cal-spacing-lg)}.accessibility-controls{display:flex;gap:var(--cal-spacing-sm)}.control-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--cal-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s var(--cal-transition);box-shadow:var(--cal-shadow-sm)}.control-btn:hover{background:var(--cal-surface-elevated);box-shadow:var(--cal-shadow-md);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:var(--cal-accent);color:#fff}#themeToggle .icon-dark{display:none}#themeToggle.dark .icon-light{display:none}#themeToggle.dark .icon-dark{display:inline}.calendar-container{background:var(--cal-bg);border-radius:var(--cal-radius-xl);overflow:hidden;max-width:100%;margin:0 auto}.calendar-header-section{background:var(--cal-surface);padding:var(--cal-spacing-md)var(--cal-spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cal-border)}.back-btn{display:flex;align-items:center;gap:var(--cal-spacing-xs);background:0 0;border:none;cursor:pointer;color:var(--cal-accent);font-size:17px;font-weight:400;padding:var(--cal-spacing-sm)var(--cal-spacing-md);border-radius:var(--cal-radius-sm);transition:all .2s var(--cal-transition)}.back-btn:hover{background:var(--cal-surface-elevated)}.back-arrow{font-size:20px}.year-display{color:var(--cal-text);font-weight:600}.month-controls{display:flex;align-items:center;gap:var(--cal-spacing-md)}.month-nav-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--cal-surface-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cal-accent);transition:all .2s var(--cal-transition)}.month-nav-btn:hover{background:var(--cal-border);transform:scale(1.1)}.month-nav-btn:active{transform:scale(.95)}.month-title{margin:0;font-size:22px;font-weight:700;color:var(--cal-text);min-width:120px;text-align:center;letter-spacing:-.5px}.header-actions{display:flex;gap:var(--cal-spacing-sm)}.header-actions button{width:40px;height:40px;border-radius:50%;border:none;background:var(--cal-surface-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cal-text);transition:all .2s var(--cal-transition)}.header-actions button:hover{background:var(--cal-border);transform:scale(1.1)}.calendar-month-view{padding:var(--cal-spacing-lg)}.month-name{font-size:34px;font-weight:700;letter-spacing:-1px;margin:0 0 var(--cal-spacing-lg);color:var(--cal-text)}.weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--cal-spacing-xs);margin-bottom:var(--cal-spacing-sm)}.weekday-header{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--cal-text-secondary);padding:var(--cal-spacing-sm)0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--cal-spacing-xs)}.calendar-day{aspect-ratio:1;border-radius:var(--cal-radius-sm);padding:var(--cal-spacing-sm);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;transition:all .15s var(--cal-transition);background:0 0}.calendar-day:not(.empty):hover{background:var(--cal-surface)}.calendar-day.empty{cursor:default;opacity:0}.calendar-day.selected{background:var(--cal-surface)!important;box-shadow:var(--cal-shadow-md)}.calendar-day.today .today-circle{background:var(--cal-today-bg);color:var(--cal-today-text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.day-number{font-size:17px;font-weight:400;color:var(--cal-text);margin-bottom:var(--cal-spacing-xs)}.calendar-day.has-events .day-number{font-weight:600}.event-indicators{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%}.event-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.event-dot.blue{background:var(--cal-blue)}.event-dot.orange{background:var(--cal-orange)}.event-dot.pink{background:var(--cal-pink)}.event-dot.purple{background:var(--cal-purple)}.event-dot.green{background:var(--cal-green)}.event-dot.red{background:var(--cal-red)}.event-dot.yellow{background:var(--cal-yellow)}.event-dot.teal{background:var(--cal-teal)}.event-more{font-size:9px;color:var(--cal-text-secondary);font-weight:600}.events-section{background:var(--cal-surface);border-top:1px solid var(--cal-border);padding:var(--cal-spacing-lg);min-height:300px}.events-header{margin-bottom:var(--cal-spacing-md)}.selected-date-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;background:var(--cal-surface-elevated);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow-sm)}.date-day{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--cal-text-secondary)}.date-num{font-size:28px;font-weight:700;color:var(--cal-text);line-height:1}.events-list{display:flex;flex-direction:column;gap:var(--cal-spacing-sm)}.event-item{display:flex;gap:var(--cal-spacing-md);padding:var(--cal-spacing-md);background:var(--cal-surface-elevated);border-radius:var(--cal-radius-md);transition:all .2s var(--cal-transition);position:relative;overflow:visible}.event-item:hover{transform:translateX(4px);box-shadow:var(--cal-shadow-md)}.event-color-bar{width:4px;border-radius:2px;flex-shrink:0}.event-item.blue .event-color-bar{background:var(--cal-blue)}.event-item.orange .event-color-bar{background:var(--cal-orange)}.event-item.pink .event-color-bar{background:var(--cal-pink)}.event-item.purple .event-color-bar{background:var(--cal-purple)}.event-item.green .event-color-bar{background:var(--cal-green)}.event-item.red .event-color-bar{background:var(--cal-red)}.event-item.yellow .event-color-bar{background:var(--cal-yellow)}.event-item.teal .event-color-bar{background:var(--cal-teal)}.event-content{flex:1;min-width:0}.event-time{font-size:13px;color:var(--cal-text-secondary);font-weight:400;margin-bottom:var(--cal-spacing-xs)}.event-title{font-size:17px;font-weight:600;color:var(--cal-text);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.event-location{font-size:14px;color:var(--cal-text-secondary);margin-top:var(--cal-spacing-xs);display:flex;align-items:center;gap:4px;word-wrap:break-word;overflow-wrap:break-word}.event-description{font-size:14px;color:var(--cal-text-secondary);margin-top:var(--cal-spacing-xs);line-height:1.4;word-break:break-word}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cal-spacing-xl);color:var(--cal-text-secondary);text-align:center}.no-events svg{margin-bottom:var(--cal-spacing-md);opacity:.3}.no-events p{font-size:17px;font-weight:500;margin:0}.bottom-nav{display:none;background:var(--cal-surface);border-top:1px solid var(--cal-border);padding:var(--cal-spacing-sm)var(--cal-spacing-lg);justify-content:space-around}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:0 0;border:none;color:var(--cal-text-secondary);cursor:pointer;padding:var(--cal-spacing-sm);position:relative;transition:color .2s var(--cal-transition)}.bottom-nav-btn.active{color:var(--cal-accent)}.bottom-nav-btn span:not(.badge){font-size:11px;font-weight:500}.bottom-nav-btn .badge{position:absolute;top:-2px;right:-2px;background:var(--cal-destructive);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;min-width:18px;text-align:center}@media(max-width:1023px){.calendar-header-section{padding:var(--cal-spacing-md)}.month-title{font-size:20px}.month-name{font-size:28px}.header-actions button,.month-nav-btn{width:36px;height:36px}}@media(max-width:767px){.header-controls{flex-direction:column;align-items:stretch}.post-title{font-size:24px}.accessibility-controls{justify-content:flex-end}.calendar-container{border-radius:0}.calendar-header-section{padding:var(--cal-spacing-sm)var(--cal-spacing-md);flex-wrap:wrap}.back-btn{order:-1;width:100%;justify-content:flex-start}.month-controls{flex:1;justify-content:center}.month-title{font-size:18px;min-width:100px}.header-actions{gap:var(--cal-spacing-xs)}.view-toggle-btn{display:none!important}.calendar-month-view{padding:var(--cal-spacing-md)}.month-name{font-size:24px}.weekday-header{font-size:10px}.calendar-grid{gap:2px}.calendar-day{padding:4px;border-radius:6px}.day-number{font-size:14px}.calendar-day.today .today-circle{width:28px;height:28px;font-size:14px}.event-dot{width:4px;height:4px}.events-section{padding:var(--cal-spacing-md)}.selected-date-badge{width:56px;height:56px}.date-num{font-size:24px}.event-item{padding:var(--cal-spacing-sm)var(--cal-spacing-md)}.event-title{font-size:15px}.event-time{font-size:12px}.bottom-nav{display:flex}}@media(max-width:375px){.calendar-header-section{padding:var(--cal-spacing-xs)var(--cal-spacing-sm)}.month-title{font-size:16px}.month-name{font-size:20px}.calendar-month-view{padding:var(--cal-spacing-sm)}.day-number{font-size:13px}.calendar-day.today .today-circle{width:24px;height:24px;font-size:13px}.event-indicators{gap:2px}}@media(min-width:1440px){.calendar-container{max-width:1200px}.month-name{font-size:40px}.calendar-day{padding:var(--cal-spacing-md)}.day-number{font-size:20px}.calendar-day.today .today-circle{width:36px;height:36px}.event-dot{width:8px;height:8px}}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-item{animation:slideIn .3s var(--cal-transition)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.calendar-day{animation:fadeIn .2s var(--cal-transition)}@media(hover:none) and (pointer:coarse){.calendar-day:not(.empty):active{background:var(--cal-surface-elevated);transform:scale(.95)}.control-btn:active,.month-nav-btn:active,.header-actions button:active{transform:scale(.9)}}.calendar-day:focus,.control-btn:focus,.month-nav-btn:focus,.header-actions button:focus,.back-btn:focus{outline:2px solid var(--cal-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--cal-border:#000000;--cal-text-secondary:#000000}[data-theme=dark]{--cal-border:#FFFFFF;--cal-text-secondary:#FFFFFF}.calendar-day{border:1px solid var(--cal-border)}.event-dot{border:2px solid var(--cal-text)}}@media print{.header-controls,.calendar-header-section,.bottom-nav,.control-btn,.accessibility-controls{display:none!important}.calendar-container{box-shadow:none;border:1px solid #000}.event-item{break-inside:avoid}}