.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.theme-toggle:hover{background:var(--hover-bg);color:var(--fg)}.theme-toggle:focus-visible{outline:1px solid var(--ring);outline-offset:2px}.theme-toggle__icon{display:flex;align-items:center;justify-content:center}.theme-toggle__indicator{position:absolute;bottom:4px;right:4px;display:flex;align-items:center;justify-content:center;width:8px;height:8px;background:var(--accent);border-radius:50%;color:#fff;font-size:4px}.shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base);overflow-x:hidden;max-width:100%}.shell[data-sport=table_tennis]{--sport-color: var(--sport-tt);--sport-bg: var(--sport-tt-muted)}.shell[data-sport=table_football]{--sport-color: var(--sport-tf);--sport-bg: var(--sport-tf-muted)}.shell__header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-base);border-bottom:1px solid var(--border)}.shell__header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);max-width:var(--container-wide);margin:0 auto}@media (min-width: 768px){.shell__header-inner{height:52px;padding:0 var(--space-6)}}.shell__context{flex:1;display:flex;align-items:center}.shell__section-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-muted);letter-spacing:var(--tracking-wide)}.shell__sport-switch{display:flex;align-items:center;gap:var(--space-1);background:var(--bg-muted);padding:var(--space-0\.5);border-radius:var(--radius-md)}.shell__sport{display:flex;align-items:center;padding:var(--space-1\.5) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-subtle);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-out)}.shell__sport:hover{color:var(--fg-muted)}.shell__sport--active{background:var(--bg-elevated);color:var(--fg);box-shadow:var(--shadow-xs)}.shell__sport--active[data-sport=tt]{color:var(--sport-tt)}.shell__sport--active[data-sport=tf]{color:var(--sport-tf)}.shell__sport-abbr{display:block}.shell__sport-label{display:none}@media (min-width: 480px){.shell__sport-abbr{display:none}.shell__sport-label{display:block}}.shell__brand{display:none;align-items:center;gap:var(--space-1\.5);font-weight:var(--weight-semibold);color:var(--fg)}.shell__brand:hover{color:var(--fg)}.shell__brand-mark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--fg);color:var(--bg-base);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-sm)}.shell__brand-text{font-size:var(--text-md);letter-spacing:var(--tracking-tight)}@media (min-width: 640px){.shell__brand{display:flex;position:absolute;left:50%;transform:translate(-50%)}}.shell__actions{display:flex;align-items:center;gap:var(--space-2)}.shell__action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--fg-muted);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);position:relative}.shell__action:hover{color:var(--fg);background:var(--hover-bg)}.shell__action--active{color:var(--accent)}.shell__action--logout{display:none}@media (min-width: 768px){.shell__action--logout{display:flex}}.shell__action-icon{display:flex}.shell__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:var(--bg-base);font-size:var(--text-2xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.shell__user{display:flex;align-items:center;gap:var(--space-2);padding:0;background:none;border:none;cursor:pointer}.shell__user-avatar{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border);transition:border-color var(--dur-fast) var(--ease-out)}.shell__user:hover .shell__user-avatar{border-color:var(--accent)}.shell__login{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--bg-base);background:var(--fg);border-radius:var(--radius-md);transition:opacity var(--dur-fast) var(--ease-out)}.shell__login:hover{color:var(--bg-base);opacity:.9}.shell__main{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom) + var(--space-4));min-width:0;max-width:100%}@media (min-width: 768px){.shell__main{padding-bottom:0}}.shell__mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:stretch;justify-content:center;gap:var(--space-1);height:calc(var(--mobile-nav-height) + var(--safe-area-bottom));padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + var(--safe-area-bottom));background:var(--bg-base);border-top:1px solid var(--border)}@media (min-width: 768px){.shell__mobile-nav{display:none}}.shell__nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);max-width:120px;padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--fg-subtle);border-radius:var(--radius-lg);transition:all var(--dur-fast) var(--ease-out);position:relative}.shell__nav-item:hover{color:var(--fg-muted)}.shell__nav-item--active{color:var(--fg);background:var(--hover-bg)}.shell__nav-badge{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:var(--bg-base);font-size:var(--text-2xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.shell__footer{display:none;border-top:1px solid var(--border);padding:var(--space-4) var(--space-6)}@media (min-width: 768px){.shell__footer{display:block}}.shell__footer-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-wide);margin:0 auto;font-size:var(--text-xs);color:var(--fg-faint)}.shell__footer-links{display:flex;gap:var(--space-4)}.shell__footer-links a{color:var(--fg-subtle);transition:color var(--dur-fast) var(--ease-out)}.shell__footer-links a:hover{color:var(--fg)}.shell__footer-credit a{color:var(--fg-subtle)}.shell__footer-credit a:hover{color:var(--accent)}.btn{--_bg: var(--fg);--_fg: var(--bg-base);--_bg-hover: var(--fg);--_border: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--_border);border-radius:var(--radius-md);min-height:44px;padding:var(--space-2\.5) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);color:var(--_fg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){opacity:.8}.btn:focus-visible{outline:1px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{min-height:32px;padding:var(--space-1\.5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--md{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--primary{--_bg: var(--fg);--_fg: var(--bg-base)}.btn--secondary{--_bg: var(--bg-muted);--_fg: var(--fg);--_border: var(--border)}.btn--secondary:hover:not(:disabled){--_border: var(--border-focus);opacity:1}.btn--ghost{--_bg: transparent;--_fg: var(--fg-muted)}.btn--ghost:hover:not(:disabled){--_bg: var(--hover-bg);--_fg: var(--fg);opacity:1}.btn--danger{--_bg: var(--negative);--_fg: white}.btn--outline{--_bg: transparent;--_fg: var(--fg);--_border: var(--border)}.btn--outline:hover:not(:disabled){--_bg: var(--hover-bg);--_border: var(--border-focus);opacity:1}.btn--accent{--_bg: var(--accent);--_fg: var(--bg-base)}.btn__spinner{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid currentColor;border-top-color:transparent;opacity:.6;animation:btn-spin .7s linear infinite}.btn__label{display:inline-flex;align-items:center}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{position:relative;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:100%;min-width:0}.card__header{padding:var(--space-4);padding-bottom:var(--space-2)}.card__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--fg)}.card__description{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--fg-muted)}.card__content{padding:0 var(--space-4) var(--space-4)}.card__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--bg-muted)}@media (min-width: 768px){.card{border-radius:var(--radius-xl)}.card__header{padding:var(--space-5);padding-bottom:var(--space-3)}.card__content{padding:0 var(--space-5) var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5)}}.card--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.card--interactive:hover{background:var(--bg-muted);border-color:var(--border-muted)}.card--interactive:active{background:var(--bg-elevated)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.metric{display:grid;gap:var(--space-0\.5)}.metric__label{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-faint)}.metric__value{font-size:var(--text-xl);font-weight:var(--weight-semibold);font-family:var(--font-mono);letter-spacing:var(--tracking-tight);color:var(--fg)}.metric__hint{font-size:var(--text-xs);color:var(--fg-subtle)}.field{display:grid;gap:var(--space-1\.5)}.field__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg)}.field__hint{font-size:var(--text-xs);color:var(--fg-subtle)}.field__error{font-size:var(--text-sm);color:var(--negative)}.input,.select{width:100%;min-height:44px;padding:var(--space-2\.5) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;color:var(--fg);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--fg-faint)}.input:focus,.select:focus{outline:none;border-color:var(--accent);background:var(--bg-subtle)}@media (min-width: 768px){.input,.select{min-height:40px;font-size:var(--text-base)}.input:hover,.select:hover{border-color:var(--border-focus)}}.field--error .input,.field--error .select{border-color:var(--negative)}.field--error .input:focus,.field--error .select:focus{border-color:var(--negative)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.select option{background:var(--bg-elevated);color:var(--fg)}.select option:checked{background:var(--accent);color:#fff}[data-theme=light] .select option{background:#fff;color:#0c0c0c}[data-theme=light] .select option:checked{background:var(--accent);color:#fff}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.pill--pending{background:var(--warning-muted);color:var(--warning-text);border:1px solid rgba(245,158,11,.2)}.pill--pending:before{background:var(--warning);box-shadow:0 0 8px var(--warning-muted)}.pill--confirmed{background:var(--success-muted);color:var(--success-text);border:1px solid rgba(34,197,94,.2)}.pill--confirmed:before{background:var(--success);box-shadow:0 0 8px var(--success-muted)}.pill--denied{background:var(--danger-muted);color:var(--danger-text);border:1px solid rgba(239,68,68,.2)}.pill--denied:before{background:var(--danger);box-shadow:0 0 8px var(--danger-muted)}.pill--cancelled{background:#6b728026;color:var(--muted);border:1px solid rgba(107,114,128,.2)}.pill--cancelled:before{background:var(--muted)}.pill--disputed{background:var(--warning-muted);color:var(--warning-text);border:1px solid rgba(245,158,11,.3)}.pill--disputed:before{background:var(--warning);box-shadow:0 0 8px var(--warning-muted)}.toast{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:start;max-width:min(420px,calc(100vw - var(--space-8)));padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl),var(--shadow-glow);animation:toast-slide-in var(--dur-slow) var(--ease-spring)}.toast:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.toast__dot{width:10px;height:10px;border-radius:var(--radius-full);margin-top:4px;flex-shrink:0;box-shadow:0 0 12px currentColor}.toast__dot--info{background:var(--accent);color:var(--accent-glow)}.toast__dot--success{background:var(--success);color:var(--success-muted)}.toast__dot--error{background:var(--danger);color:var(--danger-muted)}.toast__body{min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.toast__msg{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.toast__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--muted);transition:all var(--dur-base) var(--ease-out)}.toast__close:hover{background:var(--surface-hover);color:var(--text)}@keyframes toast-slide-in{0%{transform:translateY(var(--space-6)) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.seg{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-inner);width:100%}.seg__item{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--muted);background:transparent;border:1px solid transparent;min-height:var(--touch-target-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.seg__item:hover,.seg__item:active{color:var(--text);background:var(--surface-hover)}.seg__item:active{transform:scale(.98)}.seg__item--active{color:var(--text);background:var(--surface-raised);border-color:var(--border);box-shadow:var(--shadow-sm)}.seg__item--active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:var(--glass-highlight);border-radius:1px}@media (min-width: 600px){.seg{display:inline-flex;flex-wrap:nowrap;width:auto}.seg__item{flex:0 0 auto;padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.spinner-container--sm{min-height:40px}.spinner-container--lg{min-height:300px}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:48px;height:48px;border-width:3px}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);box-shadow:0 -4px 24px #00000026;animation:slideUp .3s var(--ease-out)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.cookie-consent__text{flex:1;min-width:280px}.cookie-consent__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);margin:0 0 var(--space-2) 0}.cookie-consent__message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.cookie-consent__link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--dur-base) var(--ease-out)}.cookie-consent__link:hover{color:var(--accent-hover)}.cookie-consent__actions{display:flex;gap:var(--space-3);flex-shrink:0}.cookie-consent__btn{white-space:nowrap}@media (max-width: 640px){.cookie-consent{padding-bottom:calc(var(--space-4) + 70px + env(safe-area-inset-bottom,0px))}.cookie-consent__content{flex-direction:column;text-align:center;gap:var(--space-4)}.cookie-consent__actions{width:100%;justify-content:center}.cookie-consent__btn{flex:1;max-width:140px}}:root{--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.25;--leading-normal: 1.4;--leading-relaxed: 1.6;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-caps: .08em;--space-0: 0;--space-px: 1px;--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-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-linear: linear;--dur-instant: 80ms;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-panel: 250;--z-modal: 300;--z-toast: 400;--z-max: 500;--container-max: 1320px;--container-narrow: 640px;--container-wide: 1600px;--touch-target: 44px;--touch-target-sm: 36px;--mobile-nav-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}:root{--bg-base: #0c0c0c;--bg-subtle: #111111;--bg-muted: #161616;--bg-elevated: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .85);--fg: #fafafa;--fg-muted: #a3a3a3;--fg-subtle: #737373;--fg-faint: #525252;--border: #262626;--border-subtle: #1f1f1f;--border-muted: #333333;--border-focus: #525252;--accent: #00d4aa;--accent-hover: #00f5c4;--accent-muted: rgba(0, 212, 170, .15);--accent-subtle: rgba(0, 212, 170, .08);--positive: #22c55e;--positive-muted: rgba(34, 197, 94, .15);--negative: #ef4444;--negative-muted: rgba(239, 68, 68, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .15);--rank-1: #d4af37;--rank-2: #8a8a8a;--rank-3: #b87333;--sport-tt: #3b82f6;--sport-tt-muted: rgba(59, 130, 246, .12);--sport-tf: #f97316;--sport-tf-muted: rgba(249, 115, 22, .12);--hover-bg: rgba(255, 255, 255, .04);--active-bg: rgba(255, 255, 255, .06);--selected-bg: rgba(255, 255, 255, .08);--ring: var(--accent);--ring-offset: var(--bg-base);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .35);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .25);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .2);--input-bg: var(--bg-elevated);--input-border: var(--border);--overlay: rgba(0, 0, 0, .7)}:root[data-theme=light]{--bg-base: #ffffff;--bg-subtle: #fafafa;--bg-muted: #f5f5f5;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .92);--fg: #0c0c0c;--fg-muted: #525252;--fg-subtle: #737373;--fg-faint: #a3a3a3;--border: #e5e5e5;--border-subtle: #f0f0f0;--border-muted: #d4d4d4;--border-focus: #a3a3a3;--accent: #00997a;--accent-hover: #00b38f;--accent-muted: rgba(0, 153, 122, .12);--accent-subtle: rgba(0, 153, 122, .06);--positive: #16a34a;--positive-muted: rgba(22, 163, 74, .12);--negative: #dc2626;--negative-muted: rgba(220, 38, 38, .12);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .12);--rank-1: #b8860b;--rank-2: #6b6b6b;--rank-3: #8b4513;--sport-tt: #2563eb;--sport-tt-muted: rgba(37, 99, 235, .1);--sport-tf: #ea580c;--sport-tf-muted: rgba(234, 88, 12, .1);--hover-bg: rgba(0, 0, 0, .03);--active-bg: rgba(0, 0, 0, .05);--selected-bg: rgba(0, 0, 0, .06);--ring: var(--accent);--ring-offset: var(--bg-base);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .03);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .02);--input-bg: var(--bg-subtle);--input-border: var(--border);--overlay: rgba(255, 255, 255, .8)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg-base: #ffffff;--bg-subtle: #fafafa;--bg-muted: #f5f5f5;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .92);--fg: #0c0c0c;--fg-muted: #525252;--fg-subtle: #737373;--fg-faint: #a3a3a3;--border: #e5e5e5;--border-subtle: #f0f0f0;--border-muted: #d4d4d4;--border-focus: #a3a3a3;--accent: #00997a;--accent-hover: #00b38f;--accent-muted: rgba(0, 153, 122, .12);--accent-subtle: rgba(0, 153, 122, .06);--positive: #16a34a;--positive-muted: rgba(22, 163, 74, .12);--negative: #dc2626;--negative-muted: rgba(220, 38, 38, .12);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .12);--rank-1: #b8860b;--rank-2: #6b6b6b;--rank-3: #8b4513;--sport-tt: #2563eb;--sport-tt-muted: rgba(37, 99, 235, .1);--sport-tf: #ea580c;--sport-tf-muted: rgba(234, 88, 12, .1);--hover-bg: rgba(0, 0, 0, .03);--active-bg: rgba(0, 0, 0, .05);--selected-bg: rgba(0, 0, 0, .06);--ring: var(--accent);--ring-offset: var(--bg-base);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .03);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .02);--input-bg: var(--bg-subtle);--input-border: var(--border);--overlay: rgba(255, 255, 255, .8)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark;overflow-x:hidden;position:relative;width:100%}[data-theme=light]{color-scheme:light}body{min-height:100%;overflow-x:hidden;width:100%;max-width:100%;position:relative;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);color:var(--fg);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;isolation:isolate;position:relative;overflow-x:hidden;width:100%;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--fg)}h1{font-size:var(--text-3xl);font-weight:var(--weight-semibold)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{line-height:var(--leading-relaxed);color:var(--fg-muted)}.data,.mono{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:var(--tracking-normal)}.label{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-subtle)}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:1px solid var(--ring);outline-offset:2px}::selection{background:var(--accent-muted);color:var(--fg)}img,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}.container{width:100%;max-width:100%;margin:0 auto;padding-inline:var(--space-4)}@media (min-width: 768px){.container{max-width:var(--container-max);padding-inline:var(--space-6)}}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.text-fg{color:var(--fg)}.text-muted{color:var(--fg-muted)}.text-subtle{color:var(--fg-subtle)}.text-faint{color:var(--fg-faint)}.text-accent{color:var(--accent)}.text-positive{color:var(--positive)}.text-negative{color:var(--negative)}.text-warning{color:var(--warning)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in var(--dur-base) var(--ease-out)}.animate-slide-up{animation:slide-up var(--dur-base) var(--ease-out)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.surface{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg)}.surface--elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.surface--inset{background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.interactive{transition:background var(--dur-fast) var(--ease-out)}.interactive:hover{background:var(--hover-bg)}.interactive:active{background:var(--active-bg)}.interactive[data-selected=true]{background:var(--selected-bg)}.matches-page{display:grid;gap:var(--space-8)}.matches-page h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.matches-list{display:grid;gap:var(--space-4)}.match-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--glass-shadow);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.match-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.match-card:hover{border-color:var(--border-highlight);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.sport{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status.pending{background:var(--warning-muted);color:var(--warning-text);border:1px solid rgba(245,158,11,.2)}.status.pending:before{background:var(--warning);box-shadow:0 0 8px var(--warning-muted)}.status.confirmed{background:var(--success-muted);color:var(--success-text);border:1px solid rgba(34,197,94,.2)}.status.confirmed:before{background:var(--success);box-shadow:0 0 8px var(--success-muted)}.status.denied{background:var(--danger-muted);color:var(--danger-text);border:1px solid rgba(239,68,68,.2)}.status.denied:before{background:var(--danger);box-shadow:0 0 8px var(--danger-muted)}.match-details{margin-bottom:var(--space-4)}.scores{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-2)}.scores a{color:var(--text);transition:color var(--dur-fast) var(--ease-out)}.scores a:hover{color:var(--accent-text)}.elo-changes{font-size:var(--text-sm);color:var(--muted)}.match-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.match-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:all var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.match-actions button:hover:not(:disabled){transform:translateY(-1px)}.match-actions button:active:not(:disabled){transform:translateY(0) scale(.98)}.match-actions .confirm{background:var(--success);color:#fff;box-shadow:0 2px 12px var(--success-muted)}.match-actions .confirm:hover:not(:disabled){background:var(--success-text);box-shadow:0 4px 20px var(--success-muted)}.match-actions .deny{background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);border:1px solid var(--border)}.match-actions .deny:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-focus)}.filters{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-inner)}.filters button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);background:transparent;transition:all var(--dur-base) var(--ease-out)}.filters button:hover{color:var(--text);background:var(--surface-hover)}.filters button.active{color:var(--text);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.submit-match-page{max-width:var(--container-narrow);margin:0 auto}.submit-match-page h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.match-form{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);display:grid;gap:var(--space-6);box-shadow:var(--glass-shadow);overflow:hidden}.match-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);pointer-events:none}.form-group{display:grid;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}.form-select,.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.form-select:hover,.form-input:hover{border-color:var(--border-focus);background:var(--surface-hover)}.form-select:focus,.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring),var(--shadow-sm);background:var(--surface-hover)}.form-select option{background:var(--surface-solid);color:var(--text)}.form-select option:checked{background:var(--accent);color:#fff}[data-theme=light] .form-select option{background:#fff;color:#1f2937}[data-theme=light] .form-select option:checked{background:var(--accent);color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.submit-button{width:100%;padding:var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-top:var(--space-2);box-shadow:0 2px 16px var(--accent-glow);transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.submit-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 24px var(--accent-glow)}.submit-button:active:not(:disabled){transform:translateY(0) scale(.98)}.error-message{padding:var(--space-4);background:var(--danger-muted);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--danger-text)}.info{font-size:var(--text-sm);color:var(--muted);text-align:center;margin-top:var(--space-4)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--muted);font-size:var(--text-md)}.empty{text-align:center;padding:var(--space-12);color:var(--muted);font-size:var(--text-md)}.reaction-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.reaction-button.active .reaction-count{color:var(--accent-text)}.add-reaction{padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--muted);transition:all var(--dur-base) var(--ease-out)}.add-reaction:hover{border-color:var(--accent);color:var(--accent-text);border-style:solid;background:var(--accent-muted)}.emoji-picker-trigger{display:inline-flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--muted);cursor:pointer;transition:all var(--dur-base) var(--ease-out)}.emoji-picker-trigger:hover{border-color:var(--accent);color:var(--accent-text);border-style:solid;background:var(--accent-muted)}.emoji-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-icon{font-size:var(--text-base)}.emoji-picker-plus{font-size:var(--text-xs);font-weight:var(--weight-bold)}.emoji-picker-popup{width:360px;max-height:440px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--shadow-glow);display:flex;flex-direction:column;overflow:hidden}.emoji-picker-search{padding:var(--space-3);border-bottom:1px solid var(--border)}.emoji-picker-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.emoji-picker-search input::placeholder{color:var(--muted)}.emoji-picker-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.emoji-picker-categories{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto;scrollbar-width:none}.emoji-picker-categories::-webkit-scrollbar{display:none}.emoji-category-tab{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;opacity:.6;transition:all var(--dur-base) var(--ease-out)}.emoji-category-tab:hover{opacity:1;background:var(--surface-hover)}.emoji-category-tab.active{opacity:1;background:var(--surface-raised);box-shadow:var(--shadow-sm)}.emoji-picker-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.emoji-picker-grid{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1);padding:0 var(--space-3) var(--space-3);overflow-y:auto;max-height:280px}.emoji-picker-item{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);font-size:22px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.emoji-picker-item:hover{background:var(--surface-hover);transform:scale(1.2)}.emoji-picker-item:active{transform:scale(.9)}.emoji-picker-empty{grid-column:1 / -1;padding:var(--space-8);text-align:center;color:var(--muted);font-size:var(--text-sm)}.comments-container{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.comments-header{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-4)}.comments-list{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.comment{padding:var(--space-4);background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color var(--dur-base) var(--ease-out)}.comment:hover{border-color:var(--border-focus)}.comment-author{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text)}.comment-time{font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-2)}.comment-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-2)}.comment-delete{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-base);opacity:.5;transition:all var(--dur-base) var(--ease-out)}.comment-delete:hover{opacity:1;background:var(--danger-muted);color:var(--danger-text)}.comments-empty{text-align:center;padding:var(--space-8);color:var(--muted);font-size:var(--text-sm)}.comment-form{display:flex;gap:var(--space-3)}.comment-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--text);transition:all var(--dur-base) var(--ease-out)}.comment-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring),var(--shadow-sm);background:var(--surface-hover)}.comment-input::placeholder{color:var(--muted)}.comment-submit{padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:0 2px 12px var(--accent-glow);transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.comment-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.comment-submit:active:not(:disabled){transform:translateY(0) scale(.98)}@media (max-width: 640px){.match-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.match-actions,.comment-form{flex-direction:column}.comment-submit{width:100%}}