:root{--bg-base:#f7f6f3;--bg-surface:#fff;--bg-surface-hover:#fafaf9;--bg-surface-raised:#fff;--bg-surface-overlay:#f0eeeb;--bg-surface-muted:#f3f1ee;--border-subtle:#e8e5e0;--border-default:#d4d1cb;--border-focus:#0f0f0e;--border-precision:#0000000f;--divider-subtle:#edeae5;--text-primary:#0f0f0e;--text-secondary:#57554f;--text-tertiary:#8a877f;--text-disabled:#b8b5ad;--text-emphasis:#000;--text-muted:#8a877f;--text-on-accent:#fff;--red-primary:#dc2626;--red-hover:#b91c1c;--red-pressed:#991b1b;--red-light:#fef2f2;--gold:#d4a853;--gold-bg:#fdf8ee;--corner-red:#dc2626;--corner-red-bg:#fef2f2;--corner-red-border:#fecaca;--stripe-blue:#533afd;--stripe-blue-hover:#4429f0;--corner-blue:#2563eb;--corner-blue-hover:#1d4ed8;--corner-blue-bg:#eff6ff;--corner-blue-border:#bfdbfe;--success:#059669;--warning:#d97706;--info:#2563eb;--error:#dc2626;--success-bg:#05966914;--warning-bg:#d9770614;--info-bg:#2563eb14;--error-bg:#dc262614;--stripe-blue-bg:#533afd14;--stripe-blue-border:#533afd40;--social-instagram:#e4405f;--social-twitter:#1da1f2;--social-facebook:#1877f2;--font-primary:"Instrument Sans", -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-numeric:"JetBrains Mono", monospace;--text-display:3.5rem;--text-h1:2.5rem;--text-h2:1.75rem;--text-h3:1.25rem;--text-body-lg:1rem;--text-body:.9375rem;--text-small:.875rem;--text-tiny:.75rem;--text-2xs:.6875rem;--text-3xs:.625rem;--text-4xs:.5625rem;--text-micro:.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.3;--leading-relaxed:1.4;--leading-loose:1.5;--leading-extra-loose:1.6;--tracking-tight:-.02em;--tracking-normal:-.01em;--tracking-wide:.01em;--tracking-wider:.05em;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-subtle:0 1px 2px #0000000d, 0 1px 3px #00000014;--shadow-card:0 1px 3px #00000012, 0 4px 8px #0000000d;--shadow-modal:0 20px 40px #0000001f, 0 8px 16px #0000000f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-ease-out:.2s cubic-bezier(0, 0, .2, 1);--transition-ease-in:.2s cubic-bezier(.4, 0, 1, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-tooltip:1100;--z-toast:9999;--breakpoint-small:480px;--breakpoint-mobile:640px;--breakpoint-mid:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1025px;--max-width-content:1280px;--max-width-text:720px;--max-width-form:480px;--button-height:40px;--button-height-cta:44px;--btn-dark-hover:#3d3b38;--input-height:40px;--navbar-height:64px;--badge-ufc:#c41e3a;--badge-pfl:#2563eb;--badge-one:#1f2937;--badge-bellator:#7c3aed;--badge-default:#9ca3af;--result-win:#22c55e;--result-loss:#ef4444;--result-draw:#3b82f6;--result-nc:#737373;--tooltip-bg:#1a1a1a;--tooltip-border:#333;--bg-dark:#111;--bg-dark-alt:#151515;--rank-champion:#eab308;--result-ko:#dc2626;--result-sub:#2563eb;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--overlay-zone:#00000038;--a11y-win:#0f0;--a11y-loss:red;--a11y-draw:#09f;--a11y-gold:gold}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-medium.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-semibold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-bold.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-regular.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-medium.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-semibold.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-bold.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-regular.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-medium.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-regular.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-medium.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-semibold.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-bold.woff2)format("woff2")}body{font-family:var(--font-primary);font-size:var(--text-body);font-weight:var(--font-normal);color:var(--text-primary);line-height:var(--leading-extra-loose)}.text-display{font-size:var(--text-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-h1);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}h2{font-size:var(--text-h2);font-weight:var(--font-semibold);line-height:var(--leading-normal)}h3{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-relaxed)}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--leading-extra-loose)}.text-small{font-size:var(--text-small);line-height:var(--leading-loose)}.text-tiny{font-size:var(--text-tiny);font-weight:var(--font-medium);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}code,pre,kbd,samp{font-family:var(--font-mono)}.calendar-popup-overlay,.discord-selector-overlay,.email-selector-overlay{backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);background-color:#000000bf;position:fixed;inset:0}.calendar-popup-overlay.active,.discord-selector-overlay.active,.email-selector-overlay.active{opacity:1;visibility:visible}.discord-close-btn,.email-close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.discord-close-btn:hover,.email-close-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.calendar-popup{max-width:600px;width:calc(100% - var(--space-8));background-color:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-height:90vh;box-shadow:var(--shadow-modal);z-index:var(--z-modal);opacity:0;visibility:hidden;will-change:opacity, transform;flex-direction:column;transition:opacity .15s,visibility .15s,transform .15s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.98)}.calendar-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}@media (width<=640px){.calendar-popup{max-width:calc(100% - var(--space-4));max-height:95vh}}.calendar-popup-content{padding:var(--space-5)}.popup-time-input{width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-mono);text-align:center}.popup-time-input:focus{border-color:var(--border-focus);outline:none}.calendar-popup-actions{gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-4);display:flex}@media (width<=640px){.calendar-popup-actions{flex-direction:column}}.btn-calendar-cancel,.btn-calendar-confirm{height:40px;padding:0 var(--space-5);font-size:var(--text-body);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;display:inline-flex}@media (width<=640px){.btn-calendar-cancel,.btn-calendar-confirm{width:100%}}.btn-calendar-cancel{border:1px solid var(--border-default);color:var(--text-primary);background-color:#0000}.btn-calendar-cancel:hover{background-color:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-calendar-cancel:active{transform:scale(.98)}.btn-calendar-confirm{background-color:var(--text-primary);color:var(--bg-base);border:1px solid var(--text-primary)}.btn-calendar-confirm:hover{filter:brightness(.9)}.btn-calendar-confirm:active{transform:scale(.98)}body.modal-open{padding-right:var(--scrollbar-width,0);overflow:hidden}.toast{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:380px;max-width:480px;padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-focus);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);opacity:0;display:flex;position:relative}@media (width<=640px){.toast{gap:var(--space-2);min-width:auto;max-width:calc(100vw - 32px);padding:var(--space-2) var(--space-3)}}.toast-visible{pointer-events:auto;animation:.32s cubic-bezier(.16,1,.3,1) forwards toast-in}.toast-hidden{pointer-events:none;animation:.2s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--space-4))}}.toast-content{align-items:center;gap:var(--space-2);flex:1;display:flex}.toast-content svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.toast-content span{color:var(--text-primary);font-size:var(--text-small);font-weight:var(--font-medium);line-height:var(--leading-normal)}.toast-close{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.toast-close:hover{background-color:var(--bg-surface-overlay);color:var(--text-primary)}.toast-success svg{color:var(--success)}.toast-warning svg{color:var(--warning)}.toast-error svg{color:var(--error)}.toast-info svg{color:var(--info)}.event-card-wrapper{transform-origin:top;opacity:1;min-width:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);position:relative}.event-card-wrapper[data-upcoming=true] .event-card{box-shadow:var(--shadow-subtle)}.event-card-wrapper[data-past=true] .event-card{border-color:var(--border-subtle);opacity:.55}[data-past=true]:hover .event-title{color:var(--text-secondary)}.event-card-wrapper[data-upcoming=true]:hover .event-card{box-shadow:var(--shadow-card)}.event-card-wrapper[data-past=true]:hover .event-card{opacity:.85;border-color:var(--border-default)}.event-card-wrapper.event-card--entering{animation:.5s cubic-bezier(.16,1,.3,1) forwards ecw-slide-in}.event-card-wrapper.event-card--hidden{opacity:0;pointer-events:none;height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden;transform:scaleY(0)}.event-card-wrapper.new-card{opacity:0;transform:translateY(var(--space-8)) scale(.95);animation:ecw-new-card var(--transition-base) ease-out forwards}@keyframes ecw-slide-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ecw-new-card{to{opacity:1;transform:translateY(0)scale(1)}}.event-skeleton-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-5);border-radius:2px;min-width:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (width<=640px){.event-skeleton-card{padding:var(--space-4)}}@media (width<=480px){.event-skeleton-card{padding:var(--space-3)}}.event-skeleton-card--fading-out{opacity:0}.event-skeleton-card__inner{gap:var(--space-3);flex-direction:column;display:flex}.event-skeleton-card__top-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.event-skeleton-card__badge{background-color:var(--bg-surface-overlay);border-radius:2px;width:48px;height:24px}.event-skeleton-card__timing{background-color:var(--bg-surface-overlay);border-radius:2px;width:80px;height:24px}.event-skeleton-card__title{background-color:var(--bg-surface-overlay);width:85%;height:26px;margin-bottom:var(--space-2);border-radius:2px}.event-skeleton-card__meta-row{align-items:center;gap:var(--space-2);display:flex}.event-skeleton-card__meta-row--bottom{align-items:flex-start;gap:var(--space-1);flex-direction:column}.event-skeleton-card__date{background-color:var(--bg-surface-overlay);border-radius:2px;width:60%;height:14px}.event-skeleton-card__venue{background-color:var(--bg-surface-overlay);border-radius:2px;width:70%;height:14px}.event-skeleton-card__venue-sub{background-color:var(--bg-surface-overlay);border-radius:2px;width:45%;height:12px}@keyframes event-skeleton-card-pulse{0%,to{opacity:1}50%{opacity:.5}}.event-skeleton-card__pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite event-skeleton-card-pulse}.events-calendar{width:100%}.calendar-loading__spinner{border:3px solid var(--border-default);border-top-color:var(--stripe-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite calendar-spin;display:block}@keyframes calendar-spin{to{transform:rotate(360deg)}}.calendar-months{gap:var(--space-12);padding:var(--space-8) 0;flex-direction:column;display:flex}.month-title{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--text-emphasis);margin:0 0 var(--space-6) 0;letter-spacing:var(--tracking-tight);text-align:center}.calendar-month{background:0 0;width:100%;padding:0}.calendar-grid{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}@media (width<900px){.calendar-grid{gap:var(--space-1)}}@media (width<640px){.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px}}.day-name{text-align:center;font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) 0}@media (width<640px){.day-name{padding:var(--space-1) 0;font-size:10px}}.calendar-day{box-sizing:border-box;appearance:none;width:100%;min-width:0;height:auto;min-height:80px;padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);cursor:default;transition:background-color var(--transition-fast), border-color var(--transition-fast);color:var(--text-primary);flex-direction:column;justify-content:flex-start;align-items:flex-start;font-family:inherit;text-decoration:none;display:flex;position:relative;overflow:visible}@media (width<900px){.calendar-day{min-height:60px;padding:var(--space-1)}}@media (width<640px){.calendar-day{border-radius:4px;height:48px;min-height:48px;padding:4px}}.calendar-day.empty{background:0 0;border-color:#0000}.calendar-day.past-day{opacity:.35;cursor:default;pointer-events:none}.calendar-day.today{cursor:pointer}.calendar-day.today:hover{background:var(--bg-surface-hover)}.calendar-day.has-events:not(.today,.past-day){cursor:pointer;border-color:var(--stripe-blue-border);background:var(--bg-surface-raised)}.calendar-day.has-events:not(.today,.past-day):before{content:"";background:var(--stripe-blue);border-radius:var(--radius-xs) var(--radius-xs) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.calendar-day.has-events:not(.today,.past-day):hover{background:var(--bg-surface-hover);border-color:var(--stripe-blue)}.calendar-day:not(.empty,.has-events,.today,.past-day):hover{background:var(--bg-surface-hover);border-color:var(--border-default)}.day-number{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text-primary)}@media (width<640px){.day-number{font-size:11px}}.calendar-day.today .day-number{background:var(--stripe-blue);min-width:22px;height:22px;font-size:var(--text-small);border-radius:2px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;color:var(--text-on-accent)!important;font-weight:var(--font-bold)!important}@media (width<640px){.calendar-day.today .day-number{min-width:18px;height:18px;font-size:11px}}.event-count{font-size:11px;font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-surface-overlay);border-radius:2px;margin-top:4px;padding:2px 6px;line-height:1.3;display:inline-block}@media (width<640px){.event-count{display:none}}.event-time,.event-name{display:none}.more-events-badge{color:var(--text-secondary);font-size:10px;font-weight:var(--font-semibold);text-align:center;padding:2px 0}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner{border:2px solid var(--border-subtle);border-top:2px solid var(--stripe-blue);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-button{justify-content:center;align-items:center;gap:var(--space-1);background-color:var(--bg-surface-raised);border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-base);z-index:2;border:none;display:flex}.star-button svg{fill:none;flex-shrink:0;display:block}.star-button[role=button]{user-select:none}.star-button:hover{background-color:var(--bg-surface-hover);color:var(--yellow-primary,#eab308)}.star-button:active{transform:scale(.95)}.star-button.starred{color:var(--yellow-primary,#eab308)}.star-button.starred svg{fill:currentColor}.star-button.starred:hover{background-color:var(--bg-surface-hover)}.star-button--disabled{opacity:.55;cursor:help}.star-button--disabled:hover{background-color:var(--bg-surface-hover);color:var(--stripe-blue,#533afd)}.star-button--absolute-bottom-right{bottom:var(--space-4);right:var(--space-4);position:absolute}.star-button--absolute-top-right{top:var(--space-5);right:var(--space-5);position:absolute}@media (width<640px){.star-button--absolute-top-right{top:var(--space-4);right:var(--space-4)}}.star-button--inline{background-color:var(--bg-surface-overlay);border:1px solid var(--border-subtle);position:relative}.star-button--button-style{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-weight:var(--font-medium);position:relative}.star-button--small{width:28px;height:28px;padding:0}.star-button--small.star-button--button-style{padding:var(--space-2) var(--space-3);width:auto}.star-button--medium{width:32px;height:32px;padding:0}.star-button--medium.star-button--button-style{padding:var(--space-2) var(--space-4);width:auto}.star-button--large{width:40px;height:40px;padding:0}.star-button--large.star-button--button-style{padding:var(--space-3) var(--space-5);width:auto}.star-button__label{font-size:var(--text-small);font-weight:var(--font-medium);white-space:nowrap}.navbar{z-index:var(--z-sticky);background-color:var(--bg-base);border-bottom:1px solid var(--border-subtle);height:var(--navbar-height);position:sticky;top:0}.navbar-container{max-width:var(--max-width-content);padding:0 var(--space-8);align-items:center;gap:var(--space-3);height:100%;margin:0 auto;display:flex}@media (width<=1024px){.navbar-container{padding:0 var(--space-6)}}@media (width<=640px){.navbar-container{padding:0 var(--space-4)}}.navbar-logo{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--text-primary);transition:color var(--transition-base);letter-spacing:-.01em;flex-shrink:0}.navbar-logo:hover{color:var(--red-primary)}.navbar-toggle{cursor:pointer;padding:var(--space-2);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;font-family:inherit;display:none}@media (width<=1024px){.navbar-toggle{display:flex}}.navbar-toggle span{background-color:var(--text-primary);width:22px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:1px;display:block}.navbar-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-links{align-items:center;gap:var(--space-1);margin-left:auto;display:flex;position:relative}@media (width<=1024px){.navbar-links{top:var(--navbar-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);width:100%;max-height:0;transition:max-height var(--transition-slow);z-index:var(--z-sticky);flex-direction:column;align-items:flex-start;gap:0;margin-left:0;padding:0;position:fixed;left:0;right:0;overflow:hidden}.navbar-links.active{max-height:80vh;overflow-y:auto}}.navbar-links__indicator{background:var(--bg-surface-hover);border-radius:var(--radius-md);pointer-events:none;z-index:0;opacity:0;height:30px;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=1024px){.navbar-links__indicator{display:none}}.navbar-auth-links{display:contents}@media (width<=1024px){.navbar-auth-links{flex-direction:column;gap:0;width:100%;display:flex}}.navbar-link{z-index:1;padding:var(--space-2) var(--space-3);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-tertiary);border-radius:var(--radius-md);transition:color var(--transition-base);white-space:nowrap;position:relative}.navbar-link:hover{color:var(--text-primary);background-color:var(--bg-surface-overlay)}.navbar-link[aria-current=page]{color:var(--text-primary)}.navbar-link.navbar-cta{padding:var(--space-2) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-small)}.navbar-link.navbar-cta:hover{background-color:var(--bg-surface-raised);border-color:var(--border-focus)}@media (width<=1024px){.navbar-link{width:100%;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);border-radius:0}.navbar-link:hover{background-color:var(--bg-surface-overlay)}}.navbar-overlay{display:none}@media (width<=1024px){.navbar-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition-slow);z-index:calc(var(--z-sticky) - 1);background-color:#0a0a0a80;display:block;position:fixed;inset:0}.navbar-overlay.active{opacity:1;pointer-events:auto}}body.sidebar-open{overflow:hidden}.navbar-explore__item svg,.navbar-user-menu__item svg{color:var(--text-tertiary);transition:color var(--transition-base);flex-shrink:0}body:not([data-user-tier=pro]) #navbar-explore{display:none!important}.navbar-explore{position:relative}@media (width<=1024px){.navbar-explore{width:100%}}.navbar-explore__trigger{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-base);white-space:nowrap;background:0 0;border:none;display:inline-flex}.navbar-explore__trigger:hover{color:var(--text-primary);background-color:var(--bg-surface-overlay)}@media (width<=1024px){.navbar-explore__trigger{width:100%;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);border-radius:0;justify-content:space-between}}.navbar-explore__chevron{transition:transform var(--transition-base);flex-shrink:0}.navbar-explore.active .navbar-explore__chevron{transform:rotate(180deg)}.navbar-explore.active .navbar-explore__trigger{color:var(--text-primary)}.navbar-explore__panel{top:calc(100% + var(--space-2));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);z-index:100;position:absolute;right:0;overflow:hidden}@media (width<=1024px){.navbar-explore__panel{box-shadow:none;max-height:0;transition:max-height var(--transition-slow);background:0 0;border:none;border-radius:0;position:static}}.navbar-explore.active .navbar-explore__panel{opacity:1;visibility:visible}@media (width<=1024px){.navbar-explore.active .navbar-explore__panel{max-height:320px}}.navbar-explore__section-label{padding:var(--space-2) var(--space-4) var(--space-1);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);margin-top:var(--space-1)}@media (width<=1024px){.navbar-explore__section-label{padding-left:var(--space-6)}}.navbar-explore__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-base);text-decoration:none;display:flex}.navbar-explore__item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}@media (width<=1024px){.navbar-explore__item{padding:var(--space-3) var(--space-6);background:var(--bg-surface);margin-bottom:1px}}.navbar-explore__item svg{color:var(--text-tertiary);flex-shrink:0}.navbar-explore__item:hover svg{color:var(--text-secondary)}.navbar-user-menu{position:relative}@media (width<=1024px){.navbar-user-menu{width:100%}}.navbar-user-menu__chevron{transition:transform var(--transition-base)}.navbar-user-menu__trigger{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;display:flex}.navbar-user-menu__trigger:hover{background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}@media (width<=1024px){.navbar-user-menu__trigger{width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;justify-content:space-between}}.navbar-user-menu__dropdown{top:calc(100% + var(--space-2));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);z-index:100;position:absolute;right:0;overflow:hidden}@media (width<=1024px){.navbar-user-menu__dropdown{box-shadow:none;max-height:0;transition:max-height var(--transition-slow);background:0 0;border:none;border-radius:0;position:static}}.navbar-user-menu.active .navbar-user-menu__trigger{background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--text-primary)}@media (width<=1024px){.navbar-user-menu.active .navbar-user-menu__trigger{background:var(--bg-surface-overlay);border-color:#0000;border-bottom-color:var(--border-subtle)}}.navbar-user-menu.active .navbar-user-menu__chevron{transform:rotate(180deg)}.navbar-user-menu.active .navbar-user-menu__dropdown{opacity:1;visibility:visible}@media (width<=1024px){.navbar-user-menu.active .navbar-user-menu__dropdown{max-height:300px}}.navbar-user-menu__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left;background:0 0;border:none;text-decoration:none;display:flex}.navbar-user-menu__item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.navbar-user-menu__item--logout{color:var(--text-tertiary)}.navbar-user-menu__item--logout:hover{color:var(--red-primary)}@media (width<=1024px){.navbar-user-menu__item{padding:var(--space-3) var(--space-6);background:var(--bg-surface);margin-bottom:1px}}.navbar-user-menu__item:hover svg{color:var(--text-secondary)}.navbar-user-menu__item--logout:hover svg{color:var(--red-primary)}.navbar-user-menu__divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}@media (width<=1024px){.navbar-user-menu__divider{display:none}}.navbar-report{display:none}@media (width<=1024px){.navbar-report{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base);background:0 0;font-family:inherit;display:flex}.navbar-report:hover{background-color:var(--bg-surface-overlay);color:var(--text-secondary)}}body{background-color:var(--bg-base);color:var(--text-primary)}.hidden{display:none!important}.body--modal-open{overflow:hidden}.body--modal-open .report-problem-container{display:none}.pred-wrap{padding-right:calc(28px + var(--space-2));margin-top:8px}.pred-row{align-items:center;gap:8px;display:flex}.pred-count-row{align-items:center;gap:8px;min-height:18px;margin-top:5px;display:flex}.pred-bar-track{background:var(--corner-red);border-radius:3px;flex:1;min-width:0;height:5px;position:relative;overflow:hidden}.pred-bar-fill{background:var(--corner-blue);height:100%;transition:width .45s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.pred-placeholder-f1{border-radius:var(--radius-xs);background:var(--corner-blue-bg);border:1px solid var(--corner-blue-border);flex-shrink:0;width:52px;height:22px}.pred-placeholder-f2{border-radius:var(--radius-xs);background:var(--corner-red-bg);border:1px solid var(--corner-red-border);flex-shrink:0;width:52px;height:22px}.fighters-grid--compact{grid-template-columns:repeat(3,1fr);gap:8px 16px;display:none!important}.fighters-grid--detailed{grid-template-columns:repeat(2,1fr);gap:16px;display:grid!important}[data-density-mode=compact] .fighters-grid--detailed{display:none!important}[data-density-mode=compact] .fighters-grid--compact{display:grid!important}@media (width<=1024px){.fighters-grid--compact,.fighters-grid--detailed{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.fighters-grid--compact,.fighters-grid--detailed{grid-template-columns:1fr}}.detailed-card__org-badge,.compact-card__org-badge{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-on-accent);background:var(--badge-default);border-radius:3px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-block}[data-org=ufc].detailed-card__org-badge,[data-org=ufc].compact-card__org-badge{background:var(--badge-ufc)}[data-org=pfl].detailed-card__org-badge,[data-org=pfl].compact-card__org-badge{background:var(--badge-pfl)}[data-org=one].detailed-card__org-badge,[data-org=one].compact-card__org-badge{background:var(--badge-one)}@media (width<=640px){.detailed-card__org-badge,.compact-card__org-badge{padding:2px 6px;font-size:8px}}.compact-card{background-color:var(--bg-surface);border-radius:var(--radius-xs);border:1px solid #0000;padding:12px;text-decoration:none;transition:border-color .15s,background-color .15s;display:block}@media (width<=640px){.compact-card{padding:10px}}.compact-card:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.compact-card--retired{border:1px solid var(--border-subtle);opacity:.5;background-color:#0000}.compact-card--retired:hover{border-color:var(--border-default);opacity:.65}.compact-card__row-org{margin-bottom:8px}@media (width<=640px){.compact-card__row-org{margin-bottom:6px}}.compact-card__row-main{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}@media (width<=640px){.compact-card__row-main{margin-bottom:2px}}.compact-card__row-meta{justify-content:space-between;align-items:baseline;display:flex}.compact-card__name{font-family:var(--font-primary);color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}@media (width<=640px){.compact-card__name{font-size:12px}}.compact-card__weight{font-family:var(--font-primary);color:var(--text-tertiary);font-size:12px;font-weight:400}@media (width<=640px){.compact-card__weight{font-size:10px}}.compact-card__status{color:var(--text-disabled);font-size:12px;font-weight:400}@media (width<=640px){.compact-card__status{font-size:10px}}.compact-card__status--champ{font-family:var(--font-primary);color:var(--warning);letter-spacing:.01em;font-size:12px;font-weight:600}.compact-card__status--rank{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;font-size:12px;font-weight:500}.compact-card__status--retired{color:var(--text-disabled);font-size:12px}@media (width<=640px){.compact-card__status--champ,.compact-card__status--rank,.compact-card__status--retired{font-size:10px}}.compact-card__rank-hash{opacity:.7}.compact-card__record{font-family:var(--font-mono);letter-spacing:.01em;font-size:12px}@media (width<=640px){.compact-card__record{font-size:10px}}.compact-card__record-wins{color:var(--text-tertiary);font-weight:500}.compact-card__record-sep,.compact-card__record-losses{color:var(--text-disabled);font-weight:400}.compact-card__record-losses--undefeated{color:var(--text-secondary);font-weight:600}.compact-card__record-draws{color:var(--text-disabled);font-weight:400}.compact-card__record-nc{color:var(--text-disabled);opacity:.55;font-weight:400}.detailed-card{background-color:var(--bg-surface);border-radius:var(--radius-xs);cursor:pointer;border:1px solid #0000;padding:16px;text-decoration:none;transition:border-color .15s,background-color .15s;display:block}@media (width<=640px){.detailed-card{padding:12px}}.detailed-card:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.detailed-card--retired{border:1px solid var(--border-subtle);opacity:.5;background-color:#0000}.detailed-card--retired:hover{border-color:var(--border-default);opacity:.65}.detailed-card__row-org{margin-bottom:8px}@media (width<=640px){.detailed-card__row-org{margin-bottom:6px}}.detailed-card__row-main{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}@media (width<=640px){.detailed-card__row-main{margin-bottom:2px}}.detailed-card__name-group{align-items:center;gap:6px;min-width:0;display:flex}@media (width<=640px){.detailed-card__name-group{gap:4px}}.detailed-card__name{font-family:var(--font-primary);color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}@media (width<=640px){.detailed-card__name{font-size:12px}}.detailed-card__flag-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;z-index:100;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.detailed-card__flag-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--tooltip-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}.detailed-card__flag{cursor:help;flex-shrink:0;font-size:14px;position:relative}@media (width<=640px){.detailed-card__flag{font-size:12px}}.detailed-card__flag:hover .detailed-card__flag-tooltip{opacity:1;visibility:visible}.detailed-card__status{color:var(--text-disabled);font-size:12px;font-weight:400}@media (width<=640px){.detailed-card__status{font-size:10px}}.detailed-card__status--champ{font-family:var(--font-primary);color:var(--warning);letter-spacing:.01em;font-size:12px;font-weight:600}.detailed-card__status--rank{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;font-size:12px;font-weight:500}.detailed-card__status--retired{color:var(--text-disabled);font-size:12px}@media (width<=640px){.detailed-card__status--champ,.detailed-card__status--rank,.detailed-card__status--retired{font-size:10px}}.detailed-card__rank-hash{opacity:.7}.detailed-card__row-weight{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}@media (width<=640px){.detailed-card__row-weight{margin-bottom:10px}}.detailed-card__weight{font-family:var(--font-primary);color:var(--text-tertiary);font-size:12px;font-weight:400}@media (width<=640px){.detailed-card__weight{font-size:10px}}.detailed-card__nationality{font-family:var(--font-primary);color:var(--text-tertiary);font-size:12px;font-weight:400}@media (width<=640px){.detailed-card__nationality{font-size:10px}}.detailed-card__zone-data{border-top:1px solid var(--divider-subtle);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-top:16px;display:flex}@media (width<=640px){.detailed-card__zone-data{margin-bottom:10px;padding-top:10px}}.detailed-card__stats{flex-direction:column;gap:8px;display:flex}@media (width<=640px){.detailed-card__stats{gap:6px}}.detailed-card__stat{flex-direction:column;gap:2px;display:flex}.detailed-card__stat-label{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:10px;font-weight:500}@media (width<=640px){.detailed-card__stat-label{font-size:9px}}.detailed-card__stat-value{font-family:var(--font-primary);color:var(--text-primary);font-size:14px;font-weight:400}@media (width<=640px){.detailed-card__stat-value{font-size:12px}}.detailed-card__reach-item{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}@media (width<=640px){.detailed-card__reach-item{gap:2px}}.detailed-card__reach-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}@media (width<=640px){.detailed-card__reach-icon{width:12px;height:12px}}.detailed-card__reach-sep{color:var(--text-tertiary);margin:0 6px}@media (width<=640px){.detailed-card__reach-sep{margin:0 4px}}.detailed-card__record-section{flex-direction:column;align-items:flex-end;gap:4px;display:flex}@media (width<=640px){.detailed-card__record-section{gap:2px}}.detailed-card__record-main{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:18px;font-weight:600}@media (width<=640px){.detailed-card__record-main{font-size:14px}}.detailed-card__record-breakdown{align-items:center;gap:8px;display:flex}@media (width<=480px){.detailed-card__record-breakdown{flex-direction:column;align-items:flex-end;gap:2px}}.detailed-card__win-method{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:11px;font-weight:400}@media (width<=480px){.detailed-card__win-method{font-size:10px}}.detailed-card__win-sep{font-family:var(--font-mono);color:var(--text-disabled);font-size:11px}@media (width<=480px){.detailed-card__win-sep{display:none}}.detailed-card__zone-chrono{border-top:1px solid var(--divider-subtle);justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-top:12px;display:flex}@media (width<=640px){.detailed-card__zone-chrono{margin-bottom:8px;padding-top:8px}}.detailed-card__chrono-label{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:10px;font-weight:500}@media (width<=640px){.detailed-card__chrono-label{font-size:9px}}.detailed-card__chrono-value{font-family:var(--font-primary);color:var(--text-secondary);font-size:12px;font-weight:400}@media (width<=640px){.detailed-card__chrono-value{font-size:10px}}.detailed-card__last-fight{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}@media (width<=480px){.detailed-card__last-fight{gap:6px}}.detailed-card__last-fight-result{font-family:var(--font-mono);border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}@media (width<=480px){.detailed-card__last-fight-result{padding:2px 4px;font-size:10px}}.detailed-card__last-fight-result--w{background:var(--success);color:var(--text-on-accent)}.detailed-card__last-fight-result--l{background:var(--error);color:var(--text-on-accent)}.detailed-card__last-fight-result--d{background:var(--info);color:var(--text-on-accent)}.detailed-card__last-fight-result--nc{background:var(--bg-surface-overlay);color:var(--text-secondary)}.detailed-card__last-fight-opponent{font-family:var(--font-primary);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:400;overflow:hidden}@media (width<=480px){.detailed-card__last-fight-opponent{font-size:11px}}.detailed-card__last-fight-date{font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;font-size:12px}@media (width<=480px){.detailed-card__last-fight-date{font-size:10px}}.detailed-card__tags{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.detailed-card__tags{gap:6px}}.detailed-card__tag{font-family:var(--font-primary);color:var(--text-muted);background-color:var(--bg-surface-raised);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:400}@media (width<=640px){.detailed-card__tag{padding:3px 8px;font-size:9px}}.detailed-card__tag-popover{background-color:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-xs);padding:var(--space-2);z-index:50;opacity:0;pointer-events:none;flex-direction:column;gap:3px;min-width:180px;max-width:260px;transition:opacity .15s;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 12px #0000001f,0 1px 3px #0000000f}.detailed-card__tag-popover-item{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:3px 6px;font-size:11px;overflow:hidden}.detailed-card__tag-overflow{font-family:var(--font-primary);color:var(--text-secondary);background-color:var(--bg-surface-raised);border:1px solid var(--border-subtle);cursor:default;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;position:relative}.detailed-card__tag-overflow:hover>.detailed-card__tag-popover{opacity:1!important;pointer-events:auto!important}@media (width<=640px){.detailed-card__tag-overflow{padding:3px 8px;font-size:9px}}.fighters-grid-wrapper{max-width:var(--max-width-content);min-height:200px;margin:0 auto;padding:0 24px;position:relative}.fighters-error{padding:var(--space-12) var(--space-6);text-align:center}.fighters-error__message{font-size:var(--text-body);color:var(--text-tertiary);margin:0}.fighters-loading-overlay{background-color:color-mix(in srgb, var(--bg-base) 70%, transparent);z-index:100;backdrop-filter:blur(1px);justify-content:center;align-items:flex-start;display:none;position:absolute;inset:0}.fighters-loading-overlay.active{display:flex}.loading-content{width:100%}.loading-bar{background:var(--border-subtle);width:100%;height:2px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--stripe-blue);width:40%;height:100%;animation:1s cubic-bezier(.4,0,.2,1) infinite loading-slide;position:absolute;top:0;left:0}@keyframes loading-slide{0%{left:-40%}to{left:100%}}.no-results{max-width:var(--max-width-content);text-align:center;margin:32px auto;padding:32px 24px;display:none}.no-results p{font-family:var(--font-primary);color:var(--text-tertiary);margin:0;font-size:15px}.load-more-container{max-width:var(--max-width-content);flex-direction:column;align-items:center;gap:12px;margin:24px auto 48px;padding:0 24px;display:flex}.load-more-button{font-family:var(--font-primary);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-block}.load-more-button:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.load-more-button.hidden{display:none}.fighters-count{font-family:var(--font-primary);color:var(--text-tertiary);margin:0;font-size:12px}.pfl-warning{max-width:var(--max-width-content);background-color:var(--warning-bg);border:1px solid var(--warning);border-radius:6px;align-items:center;gap:12px;margin:0 auto 16px;padding:12px 16px;display:none}.pfl-warning__icon{color:var(--warning);flex-shrink:0}.pfl-warning__text{font-family:var(--font-primary);color:var(--warning);font-size:14px;line-height:1.3}.view-mode-container{align-items:center;gap:var(--space-4);display:flex}.view-mode-container.has-year-nav{gap:var(--space-6)}.view-mode-container.hidden{display:none}@media (width<=768px){.view-mode-container{gap:var(--space-3)}.view-mode-container.has-year-nav{gap:var(--space-4)}}.calendar-year-nav{align-items:center;gap:var(--space-3);display:flex}.year-nav-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.year-nav-btn:disabled{opacity:.5;cursor:not-allowed}.year-nav-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}.year-nav-btn svg{width:20px;height:20px}.year-display{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;min-width:60px}.view-mode-buttons{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;padding:2px;display:flex}.view-mode-button{border-radius:var(--radius-xs);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-mode-button:hover{background:var(--bg-surface-hover);color:var(--text-secondary)}.view-mode-button.active{background:var(--bg-surface-raised);color:var(--text-primary);box-shadow:var(--shadow-subtle)}.view-mode-button svg{width:18px;height:18px}@media (width<=480px){.view-mode-button{width:32px;height:32px}.view-mode-button svg{width:16px;height:16px}}#global-notifications{bottom:var(--space-4);left:var(--space-4);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}@media (width<=640px){#global-notifications{right:var(--space-4)}}.notification{min-width:280px;max-width:400px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--font-medium);box-shadow:var(--shadow-modal);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);pointer-events:auto;cursor:pointer;transform:translate(-100%)}@media (width<=640px){.notification{min-width:auto;max-width:none}}.notification--visible{opacity:1;transform:translate(0)}.notification--success{background-color:var(--success);color:#fff}.notification--error{background-color:var(--red-primary);color:#fff}.notification--warning{background-color:var(--warning);color:var(--text-primary)}.notification--info{background-color:var(--bg-surface-raised);border:1px solid var(--border-default);color:var(--text-primary)}.skip-link{background:var(--red-primary);min-height:44px;color:var(--text-primary);padding:var(--space-2) var(--space-4);font-weight:var(--font-semibold);z-index:10000;border-radius:0 0 var(--radius-xs) 0;transition:top var(--transition-fast);align-items:center;text-decoration:none;display:flex;position:absolute;top:-44px;left:0}.skip-link:focus{top:0}