:root,[data-theme=original]{--color-bg:#050508;--color-bg-elevated:rgba(255,255,255,0.03);--color-surface:rgba(255,255,255,0.06);--color-surface-hover:rgba(255,255,255,0.1);--color-border:rgba(255,255,255,0.12);--color-border-subtle:rgba(255,255,255,0.06);--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-tertiary:rgba(255,255,255,0.4);--color-accent:#0a84ff;--color-accent-glow:rgba(10,132,255,0.4);--color-success:#30d158;--color-success-glow:rgba(48,209,88,0.4);--color-warning:#ffd60a;--color-warning-glow:rgba(255,214,10,0.4);--color-danger:#ff453a;--color-danger-glow:rgba(255,69,58,0.4);--color-multi-team-bg:rgba(10,132,255,0.4);--color-top3-bg:rgba(255,214,10,0.08);--color-top3-border:rgba(255,214,10,0.2);--color-accent-rgb:10 132 255;--color-success-rgb:48 209 88;--color-warning-rgb:255 214 10;--color-danger-rgb:255 69 58;--color-text-tertiary-rgb:255 255 255;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 8px 40px rgba(0,0,0,0.5);--shadow-glow:0 0 40px var(--color-accent-glow);--color-overlay:rgba(0,0,0,0.7);--color-nav-bg:rgba(30,30,35,0.95);--color-nav-border:rgba(255,255,255,0.15);--color-nav-active:rgba(60,60,70,0.98);--color-input-bg:rgba(255,255,255,0.05);--color-glass-heavy:rgba(20,20,25,0.85);--response-btn-bg:rgba(255,255,255,0.08);--response-btn-border:rgba(255,255,255,0.16);--response-btn-shadow:0 1px 2px rgba(0,0,0,0.25);--response-btn-icon:rgba(255,255,255,0.75);--response-btn-selected-shadow:0 2px 6px rgba(0,0,0,0.22);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--content-x-padding:calc(var(--space-lg) / 2);--radius-sm:0.75rem;--radius-md:1.25rem;--radius-lg:1.75rem;--radius-xl:2.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--top-overlay-height:60px;--top-overlay-offset:calc(var(--safe-top) + var(--top-overlay-height) + var(--space-lg));--ambient-opacity:1}[data-theme=oled]{--color-bg:#000000;--color-bg-elevated:#0a0a0a;--color-surface:rgba(255,255,255,0.06);--color-surface-hover:rgba(255,255,255,0.1);--color-border:#333333;--color-border-subtle:#262626;--color-text-primary:#ffffff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666666;--color-accent:#0a84ff;--color-accent-glow:rgba(10,132,255,0.4);--color-success:#30d158;--color-success-glow:rgba(48,209,88,0.4);--color-warning:#ffd60a;--color-warning-glow:rgba(255,214,10,0.4);--color-danger:#ff453a;--color-danger-glow:rgba(255,69,58,0.4);--color-multi-team-bg:rgba(10,132,255,0.12);--color-top3-bg:rgba(255,214,10,0.08);--color-top3-border:rgba(255,214,10,0.2);--color-accent-rgb:10 132 255;--color-success-rgb:48 209 88;--color-warning-rgb:255 214 10;--color-danger-rgb:255 69 58;--color-text-tertiary-rgb:255 255 255;--shadow-sm:0 2px 8px rgba(0,0,0,0.5);--shadow-md:0 4px 20px rgba(0,0,0,0.6);--shadow-lg:0 8px 40px rgba(0,0,0,0.7);--shadow-glow:0 0 40px var(--color-accent-glow);--color-overlay:rgba(0,0,0,0.85);--color-nav-bg:rgba(26,26,26,0.98);--color-nav-border:rgba(255,255,255,0.12);--color-nav-active:rgba(45,45,45,0.95);--color-input-bg:rgba(255,255,255,0.05);--color-glass-heavy:rgba(20,20,20,0.95);--response-btn-bg:rgba(255,255,255,0.08);--response-btn-border:#3a3a3a;--response-btn-shadow:0 1px 2px rgba(0,0,0,0.5);--response-btn-icon:#b0b0b0;--response-btn-selected-shadow:0 2px 6px rgba(0,0,0,0.45);--ambient-opacity:0}[data-theme=white]{--color-bg:#f2f2f7;--color-bg-elevated:#f7f7fa;--color-surface:#ffffff;--color-surface-hover:#f5f5f5;--color-border:#c5c5c9;--color-border-subtle:#d1d1d6;--color-text-primary:#000000;--color-text-secondary:#666666;--color-text-tertiary:#999999;--color-accent:#007aff;--color-accent-glow:rgba(0,122,255,0.3);--color-success:#34c759;--color-success-glow:rgba(52,199,89,0.3);--color-warning:#ff9500;--color-warning-glow:rgba(255,149,0,0.3);--color-danger:#ff3b30;--color-danger-glow:rgba(255,59,48,0.3);--color-top3-bg:rgba(255,149,0,0.12);--color-top3-border:rgba(255,149,0,0.25);--color-accent-rgb:0 122 255;--color-success-rgb:52 199 89;--color-warning-rgb:255 149 0;--color-danger-rgb:255 59 48;--color-text-tertiary-rgb:153 153 153;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.12);--shadow-lg:0 8px 40px rgba(0,0,0,0.15);--shadow-glow:0 0 30px var(--color-accent-glow);--color-overlay:rgba(0,0,0,0.5);--color-nav-bg:#ffffff;--color-nav-border:#e5e5ea;--color-nav-active:#f2f2f7;--color-input-bg:#f2f2f7;--color-glass-heavy:rgba(255,255,255,0.98);--response-btn-bg:#f4f4f6;--response-btn-border:#c7c7cc;--response-btn-shadow:0 1px 2px rgba(0,0,0,0.08);--response-btn-icon:#6b6b70;--response-btn-selected-shadow:0 1px 2px rgba(0,0,0,0.12);--ambient-opacity:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}body,html{overscroll-behavior-y:contain}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;overflow-x:hidden;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-base),color var(--transition-fast)}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.ambient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--color-bg);transition:background var(--transition-base)}.ambient-bg:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse at 20% 30%,rgba(10,132,255,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(48,209,88,.1) 0,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.02) 0,transparent 60%);opacity:var(--ambient-opacity);animation:ambient-drift 30s ease-in-out infinite}@keyframes ambient-drift{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(2%,-2%) rotate(1deg)}50%{transform:translate(-1%,2%) rotate(-1deg)}75%{transform:translate(-2%,-1%) rotate(.5deg)}}@keyframes match-focus-pulse{0%{box-shadow:0 0 0 0 rgb(var(--color-accent-rgb)/0),0 0 0 0 rgb(var(--color-accent-rgb)/0)}35%{box-shadow:0 0 0 2px rgb(var(--color-accent-rgb)/.8),0 0 0 11px rgb(var(--color-accent-rgb)/.2)}to{box-shadow:0 0 0 0 rgb(var(--color-accent-rgb)/0),0 0 0 0 rgb(var(--color-accent-rgb)/0)}}.match-focus-pulse{animation:match-focus-pulse .95s ease-out}.glass-panel{background:var(--color-surface);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel,.glass-panel-heavy{transition:background var(--transition-base),border-color var(--transition-base)}.glass-panel-heavy{background:var(--color-glass-heavy);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.glass-nav{background:var(--color-nav-bg);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.1);transition:background var(--transition-base),border-color var(--transition-base)}.glass-input{background:var(--color-input-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--space-md) var(--space-lg);font-size:1rem;transition:var(--transition-base);outline:none;width:100%}.glass-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.glass-input::-moz-placeholder{color:var(--color-text-tertiary)}.glass-input::placeholder{color:var(--color-text-tertiary)}.touch-target{cursor:pointer;transition:transform var(--transition-spring),opacity var(--transition-fast)}.touch-target:active{transform:scale(.95)}.touch-target:disabled{opacity:.5;cursor:not-allowed}.touch-target:disabled:active{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast),box-shadow var(--transition-fast)}.btn:active{transform:scale(.95)}.btn-primary{background:var(--color-accent);color:white}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-success{background:var(--color-success);color:black}.btn-success:hover{box-shadow:0 0 30px var(--color-success-glow)}.btn-warning{background:var(--color-warning);color:black}.btn-danger{background:var(--color-danger);color:white}.btn-ghost{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast),color var(--transition-fast)}.icon-btn:active{transform:scale(.9)}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.status-present{--status-color:var(--color-success);--status-glow:var(--color-success-glow)}.status-maybe{--status-color:var(--color-warning);--status-glow:var(--color-warning-glow)}.status-absent{--status-color:var(--color-danger);--status-glow:var(--color-danger-glow)}.status-unknown{--status-color:var(--color-text-tertiary);--status-glow:transparent}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color);box-shadow:0 0 8px var(--status-glow)}.status-ring{border:2px solid var(--status-color);box-shadow:0 0 12px var(--status-glow)}.text-display{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.text-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.text-headline{font-size:1.125rem;font-weight:600}.text-body{font-size:1rem;color:var(--color-text-secondary)}.text-caption{font-size:.875rem;letter-spacing:.01em}.text-caption,.text-label{color:var(--color-text-tertiary)}.text-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--content-x-padding);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(100px + var(--safe-bottom))}.content-under-top-overlay{padding-top:var(--top-overlay-offset)!important}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}@media (max-width:640px){.grid-cards{grid-template-columns:1fr}}.floating-nav{position:fixed;bottom:calc(var(--space-lg) + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:1000}.floating-nav-inner{gap:var(--space-xs);padding:var(--space-sm)}.floating-nav-inner,.nav-item{display:flex;align-items:center}.nav-item{justify-content:center;width:48px;height:48px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:transform var(--transition-spring),color var(--transition-fast),background var(--transition-fast)}.nav-item:active{transform:scale(.9)}.nav-item:hover{color:var(--color-text-secondary)}.nav-item.active{background:var(--color-accent);color:white;box-shadow:0 0 20px var(--color-accent-glow)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--status-glow)}50%{box-shadow:0 0 25px var(--status-glow)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .4s ease-out}.animate-scale-in{animation:scale-in .3s var(--transition-spring)}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;text-transform:uppercase;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:44px;height:44px;font-size:1rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.card{padding:var(--space-lg);transition:transform var(--transition-spring),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:900;transition:background var(--transition-base)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--space-xl) * 2);max-width:500px;max-height:calc(100dvh - var(--space-xl) * 2);overflow-y:auto;z-index:901}.attendance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.attendance-btn{display:flex;align-items:center;justify-content:center;height:56px;border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-tertiary);cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.attendance-btn:active{transform:scale(.92)}.attendance-btn.selected{border-color:var(--status-color);background:var(--status-color);color:black;box-shadow:0 0 20px var(--status-glow)}.attendance-btn.selected.status-absent,[data-theme=white] .attendance-btn.selected{color:white}[data-theme=white] .attendance-btn.selected.status-maybe{color:black}.player-grid{flex-wrap:wrap}.player-chip,.player-grid{display:flex;gap:var(--space-sm)}.player-chip{align-items:center;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:.875rem}.player-chip .avatar{width:28px;height:28px;font-size:.7rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}[data-theme=white] .glass-panel,[data-theme=white] .glass-panel-heavy{background:var(--color-bg-elevated);border-color:var(--color-border);box-shadow:0 2px 12px rgba(0,0,0,.08)}[data-theme=white] .glass-nav,[data-theme=white] .glass-panel,[data-theme=white] .glass-panel-heavy{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=white] .modal{background:var(--color-bg-elevated);box-shadow:0 20px 60px rgba(0,0,0,.2)}[data-theme=white] .skeleton{background:linear-gradient(90deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 75%);background-size:200% 100%}[data-theme=white] [style*="background: var(--color-surface)"],[data-theme=white] [style*="background:var(--color-surface)"]{color:var(--color-text-primary)}[data-theme=white] .card,[data-theme=white] [style*="background: var(--color-surface)"][style*=borderRadius]{box-shadow:0 1px 3px rgba(0,0,0,.1),0 0 0 .5px var(--color-border)}[data-theme=white] [style*="background: var(--color-surface)"][style*=backdropFilter]{border:1px solid var(--color-border)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=white] [style*="background: var(--color-surface)"][style*="border: 0.5px solid"]{border:1px solid var(--color-border-subtle)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}[data-theme=white] [style*="background: var(--color-surface)"][style*="borderRadius: 12"],[data-theme=white] [style*="background: var(--color-surface-hover)"][style*="borderRadius: 12"]{border:1px solid var(--color-border)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=white] [style*="border: 0.5px solid"]{border-width:1px!important}[data-theme=white] [style*="borderBottom: 0.5px solid"]{border-bottom-width:1px!important}[data-theme=white] [style*="borderTop: 0.5px solid"]{border-top-width:1px!important}