:root{--ink:#f7fbff;--muted:#9aa7b7;--surface:#111a27;--surface-strong:#080d16;--surface-soft:#162334;--line:#cde8ee29;--turquoise:#13ccfd;--turquoise-dark:#55e8f4;--orange:#ff751f;--orange-deep:#ff9a4a;--navy:#10151f;--green:#28d992;--shadow:0 18px 48px #0000005c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:radial-gradient(circle at 50% 12%, #ff751f59, transparent 23rem), linear-gradient(90deg, #050a15 0%, #132035 18%, #4b2416 42%, #4b2416 58%, #132035 82%, #050a15 100%), var(--surface-strong);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 12%,#ff751f59,#0000 23rem),linear-gradient(90deg,#050a15 0%,#132035 18%,#4b2416 42% 58%,#132035 82%,#050a15 100%);min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,p{margin:0}h1{letter-spacing:0;font-family:Rammetto One,ui-rounded,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.02}h2{font-family:Rammetto One,ui-rounded,system-ui,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.3}#root{min-height:100svh}.app-shell,.match-screen{min-height:100svh;padding:28px}.loading{color:var(--muted);place-items:center;display:grid}.home-header,.match-topbar,.brand-lockup,.panel-heading,.match-controls,.header-actions,.segmented,.mini-tabs{align-items:center;display:flex}.home-header,.match-topbar{justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto 24px}.brand-lockup{gap:18px}.header-actions{justify-content:flex-end;gap:10px}.eyebrow{color:var(--turquoise-dark);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.mark-placeholder{background:var(--surface-soft);width:78px;height:78px;box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.mark-placeholder img{object-fit:cover;width:100%;height:100%}.mark-placeholder.small{width:68px;height:68px}.brand-title{color:var(--ink);overflow-wrap:anywhere;font-family:Rammetto One,ui-rounded,system-ui,sans-serif;font-size:clamp(1.65rem,3.2vw,2.7rem);font-weight:400;line-height:1}.brand-tagline{color:var(--muted);margin-top:6px;font-family:Ubuntu Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(.82rem,1.35vw,1rem);font-weight:800;line-height:1.25}.primary-button,.secondary-button,.add-task-button,.ghost-button,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{color:#06272b;background:var(--turquoise);box-shadow:0 12px 28px #08bfd340}.secondary-button{color:var(--ink);background:#13d3e821}.add-task-button{color:#06272b;background:var(--turquoise);opacity:1;transition:background-color .22s,color .22s,box-shadow .22s,opacity .22s,transform .22s;transform:translateY(0);box-shadow:0 12px 28px #13d3e838}.add-task-button:not(:disabled):hover{background:#4be7f3;transform:translateY(-1px);box-shadow:0 16px 34px #13d3e847}.add-task-button:disabled{color:#f7fbff9e;box-shadow:none;opacity:.78;background:#13d3e821;transform:translateY(0)}.ghost-button,.icon-button{color:var(--ink);border:1px solid var(--line);background:#ffffff12}.court-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px;max-width:1180px;margin:0 auto;display:grid}.workbench{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:start;gap:22px;display:grid}.panel,.onboarding{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111a27e0;border-radius:8px}.panel{padding:20px}.panel-heading{gap:9px;margin-bottom:18px}.task-form{align-items:start;gap:10px;margin-bottom:18px;display:grid}.task-title-input,.task-description-input{border:1px solid var(--line);width:100%;color:var(--ink);resize:none;background:#080d16b8;border-radius:8px;outline:none;line-height:1.5;overflow:hidden}.task-title-input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;resize:none;background:#080d16b8;border-radius:8px;padding:10px 12px;font-weight:800;line-height:1.5;overflow:hidden}.task-description-input{min-height:86px;padding:12px}.task-title-input:focus,.task-description-input:focus{border-color:var(--turquoise);box-shadow:0 0 0 3px #13d3e829}.task-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;display:grid}.task-row-content{align-content:start;gap:4px;min-width:0;display:grid}.task-row-actions{flex-shrink:0;align-self:start;align-items:flex-start;gap:8px;display:flex}.task-action-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#ffffff0d;border-radius:8px;place-items:center;display:inline-grid}.task-action-button:hover{border-color:var(--turquoise);background:#13d3e81f}.task-completion-badge{color:#fff;background:#ffa50029;border:1px solid #ffa50047;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.task-list,.complete-list{gap:10px;display:grid}.task-row,.complete-list button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#080d169e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.task-row span{gap:3px;display:grid}.task-row small{color:var(--muted)}.task-row.selected,.complete-list button.selected{border-color:var(--turquoise);background:#13d3e824}.task-row.selected svg,.complete-list button.selected svg{opacity:1;color:var(--green)}.task-description{opacity:.7}.settings-grid{grid-template-columns:1fr;gap:18px;display:grid}.timing-slider{color:var(--muted);gap:10px;font-size:.86rem;font-weight:800;display:grid}.timing-slider>span,.timing-slider>small{justify-content:space-between;align-items:center;gap:10px;display:flex}.timing-slider strong{color:var(--ink);font-size:.95rem}.timing-slider>small{color:var(--muted);font-size:.72rem}.timing-slider p{max-width:56ch;color:var(--muted);line-height:1.5}.slider-wrap{background:0 0;align-items:center;min-height:38px;padding:0;display:grid}.slider-wrap input[type=range]{--slider-progress:0%;background:linear-gradient(90deg, var(--turquoise) 0%, var(--turquoise) var(--slider-progress), #ffffff24 var(--slider-progress), #ffffff24 100%);width:100%;height:6px;accent-color:var(--turquoise);appearance:none;border:0;border-radius:999px;padding:0}.slider-wrap input[type=range]::-webkit-slider-thumb{border:3px solid var(--surface-strong);background:var(--orange);appearance:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 2px #f57c2261}.slider-wrap input[type=range]::-moz-range-thumb{border:3px solid var(--surface-strong);background:var(--orange);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #f57c2261}.match-map{flex-wrap:wrap;gap:8px;margin:18px 0 12px;display:flex}.match-map span,.mini-tabs span,.active-task-strip span{background:#ffffff17;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.match-map .quarter{color:#fff;background:var(--orange)}.match-map .halftime{color:#06272b;background:var(--turquoise)}.muted{color:var(--muted)}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:15px 0;display:flex}.stat-row strong{color:var(--orange-deep);font-size:1.65rem}.stats-panel{align-self:start}.mini-tabs{flex-wrap:wrap;gap:8px;margin-top:18px}.onboarding-shell{place-items:center;display:grid}.onboarding{width:min(680px,100%);padding:24px}.onboarding-carousel{overflow:hidden}.onboarding-form{gap:18px;margin-top:24px;display:grid}.onboarding-form label,.onboarding-form fieldset{color:var(--muted);border:0;gap:9px;margin:0;padding:0;font-weight:800;display:grid}.onboarding-form legend{margin-bottom:9px}.basket-progress{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.basket-progress span{border:1px solid var(--line);filter:grayscale();opacity:.46;background:#ffffff0f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.basket-progress span.complete,.basket-progress span.current{border-color:var(--line);filter:none;opacity:1;background:#f57c2221}.basket-progress span.current{box-shadow:0 0 0 4px #13d3e81f,0 14px 28px #f57c2238}.carousel-form{min-height:390px}.carousel-card{border:1px solid var(--line);background:radial-gradient(circle at 16% 0,#f57c2229,#0000 16rem),#080d1675;border-radius:8px;align-content:center;gap:18px;min-height:250px;padding:24px;display:grid}.carousel-card h2{max-width:760px;color:var(--ink);font-size:clamp(1.25rem,3vw,2rem)}.carousel-actions{justify-content:space-between;gap:12px;display:flex}.carousel-actions .primary-button,.carousel-actions .ghost-button{border-radius:6px;height:32px;min-height:0;padding:0 12px;font-size:16px;font-weight:800;line-height:1}.carousel-actions .primary-button{box-shadow:0 8px 18px #13ccfd33}.carousel-actions .ghost-button{background:#ffffff0b}.ready-summary{flex-wrap:wrap;gap:10px;display:flex}.ready-summary strong,.ready-summary span{background:#ffffff17;border-radius:999px;padding:9px 12px;font-weight:900}.ready-summary strong{color:#06272b;background:var(--turquoise)}.segmented{background:#ffffff14;border-radius:8px;gap:4px;width:fit-content;padding:4px}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 14px;font-weight:900}.segmented button.selected{color:#06272b;background:var(--turquoise)}.intro-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.intro-card{border:1px solid var(--line);background:#080d169e;border-radius:8px;gap:6px;padding:12px;display:grid}.intro-card span{color:var(--muted);font-size:.84rem;line-height:1.35}.match-screen{color:#fff;background:radial-gradient(circle at 50% 42%, #ffffff14, transparent 34%), var(--surface-strong)}.match-screen.break,.match-screen.halftime{background:linear-gradient(135deg,#07363c,#10151f 62%)}.match-screen.overtime{background:linear-gradient(135deg,#411d12,#10151f 64%)}.match-screen .eyebrow,.match-screen .ghost-button,.match-screen .icon-button{color:#fff}.match-screen .ghost-button,.match-screen .icon-button{background:#ffffff17;border-color:#ffffff29}.phase-dots{gap:8px;display:flex}.phase-dots span{background:#ffffff38;border-radius:999px;width:28px;height:7px;transition:background-color .22s,opacity .22s,transform .22s}.phase-dots span:not(.active){opacity:.45}.phase-dots span.active{opacity:1}.phase-dots span.quarter.active{background:var(--orange)}.phase-dots span.break.active{background:#ffffff47}.phase-dots span.halftime.active{background:var(--turquoise)}.phase-dots .overtime-dot{background:var(--orange);opacity:1}.timer-stage{text-align:center;align-content:center;place-items:center;gap:22px;max-width:900px;min-height:calc(100svh - 124px);margin:0 auto;display:grid}.timer-stage h1{color:#fff;text-transform:uppercase}.timer-ring{--progress:0%;aspect-ratio:1;background:radial-gradient(circle, var(--surface-strong) 58%, transparent 59%), conic-gradient(var(--orange) var(--progress), #ffffff24 0);border-radius:50%;place-items:center;width:min(58vw,370px);display:grid;box-shadow:0 28px 80px #00000047}.timer-ring span{letter-spacing:0;font-size:clamp(3rem,12vw,4rem);font-weight:950;line-height:1}.active-task-strip{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.active-task-strip span{color:#fff;background:#ffffff21}.match-controls{flex-wrap:wrap;justify-content:center;gap:10px}.progress-check,.completion-panel{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;gap:12px;width:min(560px,100%);padding:16px;display:grid}.progress-check label,.completion-panel label{text-align:left;gap:8px;display:grid}input[type=range]{height:6px;accent-color:var(--orange);padding:0}.completion-panel strong,.progress-check strong{font-size:1.8rem}.overtime-button{background:var(--orange);color:#fff}@media (width<=1050px){.court-layout,.workbench{grid-template-columns:1fr}.stats-panel{order:-1}}@media (width<=680px){.app-shell,.match-screen{padding:18px}.home-header,.match-topbar{flex-direction:column;align-items:flex-start}.brand-lockup{align-items:flex-start}.mark-placeholder{width:68px;height:68px}.mark-placeholder.small{width:58px;height:58px}.onboarding .brand-lockup{flex-direction:column;gap:12px}.onboarding .mark-placeholder{width:76px;height:76px}.brand-title{font-size:clamp(1.8rem,10vw,2.45rem);line-height:1.08}.brand-tagline{margin-top:6px;font-size:.95rem}.header-actions,.home-header .primary-button,.home-header .ghost-button,.intro-grid{width:100%}.header-actions{flex-direction:column-reverse}.intro-grid{grid-template-columns:1fr}.onboarding{padding:20px}.basket-progress{gap:7px}.basket-progress span{width:29px;height:29px;font-size:.88rem}.carousel-card{padding:18px}.carousel-actions{flex-direction:column-reverse}.carousel-actions button{width:100%;height:36px}.timer-ring{width:min(84vw,330px)}}.completed-stats-section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.completed-toggle{width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0;font-weight:800;display:flex}.completed-toggle strong{color:var(--orange-deep)}.completed-stats-list{gap:8px;margin-top:12px;display:grid;overflow:hidden}.completed-stats-item{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.completed-stats-main{flex:1;min-width:0}.completed-stats-title{align-items:center;gap:8px;font-weight:700;display:flex}.completed-stats-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.completed-stats-title svg{color:var(--orange);flex-shrink:0}.completed-stats-description{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.82rem;line-height:1.35}.completed-stats-item small{color:var(--muted);flex-shrink:0;font-weight:700}