:root{--bg-gradient-start: #e8e8e8;--bg-gradient-end: #d0d0d0;--card-bg: #ffffff;--section-bg: #f8f8f8;--item-bg: #ffffff;--text-primary: #2a2a2a;--text-secondary: #6b6b6b;--primary-color: #4a4a4a;--accent-gradient-start: #6a6a6a;--accent-gradient-end: #4a4a4a;--border-color: #d4d4d4;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #d4d4d4;--input-focus: #5a5a5a;--overlay-lightest: rgba(0, 0, 0, .05);--overlay-lighter: rgba(0, 0, 0, .08);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .2);--overlay-strong: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .5);--overlay-intense: rgba(0, 0, 0, .7);--overlay-opaque: rgba(0, 0, 0, .9);--highlight-subtle: rgba(255, 255, 255, .05);--highlight-soft: rgba(255, 255, 255, .1);--highlight-medium: rgba(255, 255, 255, .2);--highlight-strong: rgba(255, 255, 255, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #0071eb;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(0, 113, 235, .1);--primary-alpha-15: rgba(0, 113, 235, .15);--primary-alpha-20: rgba(0, 113, 235, .2);--primary-alpha-30: rgba(0, 113, 235, .3);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #ffffff;--surface-elevated: #f5f5f5;--surface-border: #e0e0e0;--text-on-surface: #4a4a4a}body.dark-mode{--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0a0a0a;--card-bg: #2a2a2a;--section-bg: #1f1f1f;--item-bg: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--primary-color: #c0c0c0;--accent-gradient-start: #5a5a5a;--accent-gradient-end: #3a3a3a;--border-color: #3a3a3a;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--input-bg: #1f1f1f;--input-border: #3a3a3a;--input-focus: #6a6a6a;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #7289da;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(114, 137, 218, .1);--primary-alpha-15: rgba(114, 137, 218, .15);--primary-alpha-20: rgba(114, 137, 218, .2);--primary-alpha-30: rgba(114, 137, 218, .3);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #2f3136;--surface-elevated: #3d4148;--surface-border: #4f545c;--text-on-surface: #b9bbbe}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}:root{--calendar-bg: #ffffff;--calendar-alt-bg: #f7f8fa;--calendar-border: #e0e0e0;--calendar-text: #242424;--calendar-muted: #6e6e6e;--calendar-primary: #2563eb;--calendar-accent: #9333ea;--calendar-event-bg: rgba(37, 99, 235, .1);--calendar-event-border: #2563eb;--calendar-page-bg: #f0f2f5;--calendar-shadow: rgba(0, 0, 0, .1)}body.dark-mode{--calendar-bg: #1b1f2a;--calendar-alt-bg: #232836;--calendar-border: #2d3346;--calendar-text: #e0e6f1;--calendar-muted: #a0a6b7;--calendar-primary: #4f8cff;--calendar-accent: #8c6dff;--calendar-event-bg: rgba(79, 140, 255, .1);--calendar-event-border: #4f8cff;--calendar-page-bg: #0f1419;--calendar-shadow: rgba(0, 0, 0, .3)}body.calendar-page{background:var(--calendar-page-bg);min-height:100vh}.birthday-container{max-width:1800px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.5rem;color:var(--calendar-text)}.loading-message,.error-message{text-align:center;padding:3rem 2rem;font-size:1.1rem;border-radius:8px;margin:2rem auto;max-width:500px}.loading-message{background:var(--calendar-alt-bg);color:var(--calendar-primary);border:1px solid var(--calendar-border)}.error-message{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--calendar-border);border-top-color:var(--calendar-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.calendar-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1rem;position:sticky;top:64px;z-index:10;background:var(--calendar-bg);border-radius:12px;box-shadow:0 2px 8px var(--calendar-shadow);margin-bottom:1.5rem;border:1px solid var(--calendar-border)}.calendar-controls .view-toggle{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border:1px solid var(--calendar-border);background:var(--calendar-alt-bg);color:var(--calendar-text);border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background .2s ease,color .2s ease,outline-offset .2s ease}.calendar-controls .view-toggle:hover{background:var(--calendar-event-bg);border-color:var(--calendar-event-border)}.calendar-controls .view-toggle:focus-visible{outline:2px solid var(--calendar-primary);outline-offset:2px}.calendar-controls .view-toggle.active{background:var(--calendar-primary);color:#fff;border-color:var(--calendar-primary)}.calendar-controls .dropdown-container{max-width:400px;position:relative}.calendar-controls .dropdown-container input{font-size:1.1rem;padding:.7rem 1rem;width:100%}.calendar-controls .calendar-title{margin-left:auto;font-size:1.5rem;font-weight:600;color:var(--calendar-primary)}.dropdown-content{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--calendar-bg);border:1px solid var(--calendar-border);border-radius:8px;box-shadow:0 4px 12px var(--calendar-shadow);max-height:400px;overflow-y:auto;z-index:100}.search-result-item{display:block;padding:.75rem 1rem;color:var(--calendar-text);text-decoration:none;border-bottom:1px solid var(--calendar-border);transition:background .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background:var(--calendar-event-bg);outline:none}.search-result-item .search-name{font-size:1rem;display:block;margin-bottom:.25rem}.search-result-item .search-meta{display:block;margin-top:.25rem;color:var(--calendar-muted);font-size:.9rem}.search-result-item mark{background-color:var(--calendar-primary);color:#fff;padding:.1rem .2rem;border-radius:3px}.no-results{padding:1rem;text-align:center;color:var(--calendar-muted)}.calendar-wrapper{display:flex;flex-direction:column;gap:2rem}.calendar-view.fade-out{opacity:0;transition:opacity .15s ease-in-out}.calendar-view.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-toggle{position:fixed;right:1.5rem;bottom:5rem;z-index:999;background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-accent));color:#fff;border:none;width:4.5rem;height:4.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--calendar-shadow)}.sidebar-toggle:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px var(--calendar-shadow)}.sidebar-toggle:active{transform:translateY(-1px) scale(1.02)}.sidebar-toggle .material-symbols-outlined{transition:transform .3s ease}.sidebar-toggle.active .material-symbols-outlined{transform:rotate(180deg)}.upcoming-panel{position:fixed;right:0;top:var(--navbar-height, 64px);width:420px;height:calc(100vh - var(--navbar-height, 64px));background:var(--calendar-bg);border-left:1px solid var(--calendar-border);padding:2rem;box-shadow:-4px 0 24px var(--calendar-shadow);z-index:998;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.upcoming-panel.open{transform:translate(0)}.upcoming-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--calendar-border)}.upcoming-panel-header h2{margin:0;font-size:1.6rem;font-weight:600;color:var(--calendar-primary)}.sidebar-close{background:transparent;border:none;color:var(--calendar-text);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.5rem}.sidebar-close:hover{background:var(--calendar-event-bg);color:var(--calendar-primary);transform:rotate(90deg)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--overlay-heavy);backdrop-filter:blur(4px);z-index:997;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-backdrop.visible{opacity:1;visibility:visible}.upcoming-list{display:flex;flex-direction:column;gap:.75rem}.upcoming-item{display:flex;align-items:center;gap:1rem;padding:.75rem .5rem;border-radius:8px;background:var(--calendar-event-bg);border:1px solid transparent;transition:background .2s ease,transform .2s ease;cursor:pointer}.upcoming-item:hover{background:var(--calendar-event-bg);border-color:var(--calendar-event-border);transform:translate(4px)}.upcoming-item:focus-visible{outline:2px solid var(--calendar-primary);outline-offset:2px}.upcoming-item img,.upcoming-icon{width:48px;height:48px;border-radius:6px;object-fit:cover}.upcoming-info{display:flex;flex-direction:column;gap:.2rem;font-size:1rem}.upcoming-date{color:var(--calendar-muted);font-weight:500}.upcoming-name{color:var(--calendar-text);font-weight:600}.year-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;background:var(--calendar-alt-bg);border:1px solid var(--calendar-border);border-radius:8px}.year-view-header .nav-btn{cursor:pointer;border:none;background:transparent;color:var(--calendar-primary);font-size:1.2rem;padding:.25rem;border-radius:4px;transition:background .2s ease}.year-view-header .nav-btn:hover{background:var(--calendar-event-bg)}.year-view-header .nav-btn:focus-visible{outline:2px solid var(--calendar-primary);outline-offset:2px}.year-view-header h3{margin:0;font-size:1.8rem;font-weight:600;color:var(--calendar-primary)}.year-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.year-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1200px){.year-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.calendar-month{background:var(--calendar-bg);border:1px solid var(--calendar-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px var(--calendar-shadow);transition:transform .2s ease,box-shadow .2s ease}.calendar-month:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--calendar-shadow)}.calendar-month-header{text-align:center;padding:.75rem 1rem;font-weight:600;font-size:1.1rem;background:var(--calendar-bg);border-bottom:1px solid var(--calendar-border);color:var(--calendar-primary)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:64px;gap:1px;background:var(--calendar-border)}.day-cell{position:relative;background:var(--calendar-bg);padding:6px;overflow:hidden;font-size:.8rem;color:var(--calendar-text)}.day-cell.other-month{background:var(--calendar-alt-bg);color:var(--calendar-muted)}.day-cell.today{background:var(--calendar-event-bg);border:2px solid var(--calendar-primary);font-weight:700}.day-cell.highlight{background-color:var(--calendar-accent)!important;border:2px solid var(--calendar-primary)}.day-cell.today .date-num{color:var(--calendar-primary);font-weight:700}.day-cell .date-num{position:absolute;top:3px;right:6px;font-size:.75rem;font-weight:500}.day-cell .events{display:flex;flex-wrap:wrap;gap:3px;margin-top:18px}.event-icon{width:2.25rem;height:2.25rem;border-radius:.25rem;object-fit:cover;border:2px solid var(--calendar-event-border);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.event-icon:hover{transform:scale(1.2);box-shadow:0 2px 8px #0000004d;z-index:10;position:relative}.event-tooltip{position:fixed;background:var(--calendar-bg);border:1px solid var(--calendar-border);color:var(--calendar-text);padding:.5rem 1rem;border-radius:8px;box-shadow:0 4px 12px var(--calendar-shadow);z-index:101;pointer-events:none;font-size:.9rem;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.event-tooltip.visible{opacity:1;transform:translateY(0)}.day-indicator{position:absolute;bottom:4px;right:4px;background:var(--calendar-accent);color:#fff;min-width:20px;height:20px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1px solid var(--calendar-bg);box-shadow:0 1px 4px var(--calendar-shadow);z-index:5}.year-grid .day-cell .events{display:none}.month-view{background:var(--calendar-bg);border:1px solid var(--calendar-border);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--calendar-shadow)}.month-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.month-view-header .nav-btn{cursor:pointer;border:none;background:transparent;color:var(--calendar-primary);font-size:1.2rem;padding:.25rem;border-radius:4px;transition:background .2s ease}.month-view-header .nav-btn:hover{background:var(--calendar-event-bg)}.month-view-header .nav-btn:focus-visible{outline:2px solid var(--calendar-primary);outline-offset:2px}.month-view-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--calendar-primary)}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-size:1rem;text-align:center;color:var(--calendar-muted);margin-bottom:.5rem;font-weight:600}.month-grid-large{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--calendar-border)}.month-grid-large .day-cell{min-height:120px;font-size:.9rem}.month-grid-large .events{margin-top:24px}.week-view{background:var(--calendar-bg);border:1px solid var(--calendar-border);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--calendar-shadow)}.week-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.week-view-header .nav-btn{cursor:pointer;border:none;background:transparent;color:var(--calendar-primary);font-size:1.2rem;padding:.25rem;border-radius:4px;transition:background .2s ease}.week-view-header .nav-btn:hover{background:var(--calendar-event-bg)}.week-view-header .nav-btn:focus-visible{outline:2px solid var(--calendar-primary);outline-offset:2px}.week-view-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--calendar-primary)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--calendar-border)}.week-grid .day-cell{min-height:150px}.week-grid .day-cell .events{margin-top:32px}.today-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--calendar-border);background:var(--calendar-alt-bg);color:var(--calendar-text);cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease;font-size:1rem}.today-btn:hover{transform:translateY(-1px)}.event-icon{border:1px solid var(--calendar-event-border);border-radius:4px}.events{will-change:contents}.badges{display:flex;flex-wrap:wrap;gap:.35rem}.badge{font-size:.72rem;padding:.22rem .45rem;border-radius:999px;border:1px solid var(--calendar-border);background:var(--calendar-alt-bg);color:var(--calendar-muted)}.badge[data-rarity=UR]{color:#ff7ad9;border-color:#ff7ad9}.badge[data-rarity=SSR]{color:#ffbf47;border-color:#ffbf47}.badge[data-rarity=SR]{color:var(--rarity-sr);border-color:var(--rarity-sr)}.badge[data-rarity=R]{color:#7ad1ff;border-color:#7ad1ff}.badge[data-rarity=N]{color:#c0c8d8;border-color:#c0c8d8}.day-view{display:grid;grid-template-columns:1fr minmax(260px,320px);gap:1rem}.day-panel{border:1px solid var(--calendar-border);background:var(--calendar-bg);border-radius:12px;padding:1rem}.day-header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.day-header h2{margin:0;font-size:1.6rem;color:var(--calendar-primary)}.day-header .sub{color:var(--calendar-muted)}.event-list{display:grid;gap:.75rem}.event-card{display:grid;grid-template-columns:56px 1fr;gap:.75rem;padding:.75rem;border:1px solid var(--calendar-border);border-radius:12px;background:var(--calendar-alt-bg);transition:background-color .2s ease,transform .2s ease}.event-card:hover{background:var(--calendar-event-bg);transform:translateY(-2px)}.event-card img{width:56px;height:56px;border-radius:10px;object-fit:cover}.event-card .title{font-weight:700}.event-card .meta{color:var(--calendar-muted);font-size:.9rem}.day-mini{border:1px solid var(--calendar-border);background:var(--calendar-bg);border-radius:12px;padding:.75rem;height:fit-content}.day-mini .mm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.day-mini .mm-name{font-weight:700}.mm-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;font-size:.9rem}.mm-dow{color:var(--calendar-muted);font-size:.75rem;text-align:center}.mm-cell{text-align:center;padding:.35rem 0;border-radius:8px;cursor:pointer;color:var(--calendar-text);border:1px solid transparent}.mm-cell.outside{opacity:.45}.mm-cell.today{border-color:var(--calendar-primary)}.mm-cell.has{background:var(--calendar-event-bg);border-color:var(--calendar-event-border)}@media (max-width: 980px){.day-view{grid-template-columns:1fr}}@media (max-width: 768px){.upcoming-panel{width:90%;max-width:420px}.sidebar-toggle{right:1rem;bottom:4rem;width:4rem;height:4rem;font-size:1.75rem}}@media (max-width: 640px){.calendar-controls{flex-wrap:wrap}.calendar-controls .calendar-title{width:100%;margin-top:.5rem;font-size:1.3rem}.month-grid-large .day-cell{min-height:90px}.week-grid .day-cell{min-height:110px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none;border-top-color:var(--calendar-border)}.upcoming-item:hover,.event-icon:hover{transform:none}}.rarity-n .event-icon{border-color:#9e9e9e;box-shadow:0 0 12px #9e9e9e80}.rarity-r .event-icon{border-color:#64b5f6;box-shadow:0 0 12px #64b5f699}.rarity-sr .event-icon{border-color:var(--rarity-sr);box-shadow:0 0 15px #ba68c8b3}.rarity-ssr .event-icon{border-color:var(--rarity-ssr);box-shadow:0 0 18px #ffd54fcc}.rarity-ur .event-icon{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6be6;animation:urGlow 1.8s ease-in-out infinite}@keyframes urGlow{0%,to{box-shadow:0 0 20px #ff6b6be6}50%{box-shadow:0 0 30px #ff6b6b}}.rarity-unknown .event-icon{border-color:#ccc;box-shadow:0 2px 8px #0000001a}