.filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:28px 22px;display:grid}.drill-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:20px;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.drill-card:hover{color:var(--ink);transform:translateY(-1px);box-shadow:0 10px 26px #13283d1f}.drill-thumb{padding:8px 8px 0;display:block;position:relative}.drill-thumb .mini-floor{border:0;border-radius:13px;box-shadow:inset 0 0 0 1px #13283d14}.steps-badge{color:#fff;background:#0f2236e0;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:8px;right:16px}.drill-card-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.drill-card-tags{flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;display:flex}.drill-card-title{letter-spacing:-.01em;font-size:19px}.drill-card-author{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.drill-card-author>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-avatar{background:var(--blue);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.card-avatar.seed{background:var(--stage)}.btn.btn-ink,.btn.btn-ink:hover{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:12px;font-weight:700}.btn.btn-ink:hover{background:#1d3a57}.hero{border-radius:var(--radius-stage);background:radial-gradient(120% 160% at 85% 0%, #1d3d5e 0%, var(--stage) 55%);color:#fff;flex-direction:column;display:flex;overflow:hidden}.hero-body{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));align-items:center;gap:32px;padding:34px 36px;display:grid}.hero-text{flex-direction:column;gap:18px;min-width:0;display:flex}.hero-kicker{color:var(--sun);font-size:15px;font-weight:600}.hero-when{align-items:center;gap:22px;display:flex}.hero-when-text{flex-direction:column;gap:6px;min-width:0;display:flex}.hero-date{width:104px;height:112px;color:var(--ink);font-family:var(--font-num);background:#fff;border-radius:22px;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.hero-date-day{letter-spacing:.12em;color:var(--orange);font-size:15px;font-weight:700}.hero-date-num{font-size:62px;font-weight:700}.hero-date-month{letter-spacing:.1em;color:var(--muted);font-size:16px;font-weight:600}.hero h2{letter-spacing:-.02em;font-size:44px;line-height:1.02}.hero .meta{color:#c8d5e2;font-size:18px}.hero-plan{color:#c8d5e2;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.hero-plan .minutes-bar span:last-child{opacity:.35}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero .btn{border-radius:14px;min-height:52px;font-size:17px}.hero .btn-sun{padding:0 24px}.hero .btn:not(.btn-sun){color:#fff;background:0 0;border:1px solid #ffffff47;padding:0 20px}.hero .btn:not(.btn-sun):hover{background:#ffffff14}.hero-preview{background:linear-gradient(#fff 0%,#e9eff3 100%);border-radius:26px;min-width:0;padding:7px;position:relative;box-shadow:0 20px 44px #0006}.hero-preview .mini-floor{box-shadow:none;border:0;border-radius:20px}.hero-chip{color:#fff;white-space:nowrap;background:#0f2236e0;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-foot{background:#ffffff0f;border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:16px 36px;display:flex}.hero-coaches,.hero-focus{align-items:center;gap:12px;min-width:0;display:flex}.hero-focus{flex-wrap:wrap;gap:10px}.coach-stack{display:flex}.coach-stack>span{border:2px solid var(--stage);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.coach-stack>span+span{margin-left:-9px}.hero-foot-text{color:#c8d5e2}.hero-foot-label{color:#8ea3b8}.hero-foot-link,.hero-foot-link:hover{color:var(--sun);margin-left:auto;font-weight:600;text-decoration:none}.page.overview-page{gap:28px}.overview-cols{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.overview-upcoming,.overview-recent{flex-direction:column;gap:14px;min-width:0;display:flex}.overview-upcoming{flex:440px}.overview-recent{flex:1.25 520px}.overview-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.overview-head .btn-link{white-space:nowrap;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:20px;display:grid}.overview-chips{padding-top:6px}.overview-chips .chip{padding:8px 14px;font-size:15px}.two-col{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));align-items:start;gap:22px;display:grid}.section-title{letter-spacing:-.01em;font-size:24px;font-weight:700}.row-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.session-row{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:18px;align-items:center;gap:16px;padding:12px 14px;transition:box-shadow .15s;display:flex;position:relative}.session-row:hover{box-shadow:0 10px 26px #13283d1a}.session-row.compact{gap:14px}.session-row.next{border:2px solid var(--ink);padding:11px 13px}.date-block{background:var(--soft);width:60px;height:64px;color:var(--ink);font-family:var(--font-num);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;line-height:1;display:flex}.compact .date-block{width:58px;height:62px}.date-block-day{letter-spacing:.08em;color:var(--orange);font-size:13px;font-weight:700}.date-block-num{font-size:28px;font-weight:700}.compact .date-block-num{font-size:27px}.date-block.dark{background:var(--ink);color:#fff}.date-block.dark .date-block-day{color:var(--sun)}.session-row-main{min-width:0;color:inherit;flex-direction:column;flex:1;gap:4px;text-decoration:none;display:flex}a.session-row-main{gap:6px}a.session-row-main:hover{color:inherit}a.session-row-main:after{content:"";border-radius:18px;position:absolute;inset:0}.session-row-title{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.session-row-title b{font-size:17px}.session-row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;display:flex}.session-row.unplanned:not(.compact) .session-row-meta{font-size:15px}.minutes-bar{flex:none;gap:3px;width:110px;display:flex}.compact .minutes-bar{width:90px}.minutes-bar span{border-radius:3px;min-width:3px;height:6px}.next-badge{background:var(--sun);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.status-badge{white-space:nowrap;border-radius:999px;flex:none;padding:5px 12px;font-size:13px;font-weight:600}.compact .status-badge{padding:2px 9px;font-size:12px}.status-badge.open{background:var(--sun-tint);color:#7a5600}.status-badge.planned{color:#1d6b3a;background:#ddf2e4}.row-comments{z-index:1;color:var(--blue);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex;position:relative}.row-btn{z-index:1;border:1px solid var(--line-strong);background:var(--surface);height:44px;color:var(--ink);white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.compact .row-btn{padding:0 14px}.row-btn:hover{border-color:var(--blue);color:var(--ink)}.row-btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.row-btn.dark:hover{color:#fff;background:#1d3a57}.row-btn.sun{background:var(--sun);border-color:var(--sun);box-shadow:0 3px 0 var(--sun-shadow)}.row-btn-tri{fill:var(--sun)}.row-btn.sun .row-btn-tri{fill:currentColor}:root[data-brand=club] .row-btn.sun,:root[data-brand=club] .next-badge{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-accent-fg)}:root[data-brand=club] .row-btn.sun{box-shadow:0 3px 0 color-mix(in srgb, var(--brand-accent) 70%, #000)}.page.practices-page{gap:26px;max-width:1100px}.practices-head{flex-direction:column;gap:6px;display:flex}.practices-title-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-title.practices-title{letter-spacing:-.02em;font-size:36px}.practices-page .page-lead{color:var(--muted);font-size:16px}.team-badge{background:var(--blue-tint);color:var(--blue-dark);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}.week-groups{flex-direction:column;gap:26px;display:flex}.week-group{flex-direction:column;gap:10px;display:flex}.week-title{align-items:baseline;gap:10px;font-size:18px;font-weight:700;display:flex}.week-title span{color:var(--muted);font-size:14px;font-weight:500}.past-toggle{border:1px solid var(--line-strong);background:var(--surface);min-height:42px;color:var(--muted-strong);font:inherit;cursor:pointer;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex}.past-toggle:hover{border-color:var(--blue);color:var(--ink)}.list{flex-direction:column;gap:10px;display:flex}.planner-page{gap:20px}.plan-top{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.plan-top .crumb{color:var(--muted);font-size:14px}.plan-top .crumb:hover{color:var(--blue)}.step-marker{align-items:center;gap:8px;margin:0 0 0 auto;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.step-marker>li{display:flex}.step-pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;text-decoration:none;display:flex}a.step-pill:hover{border-color:var(--blue);color:var(--ink)}.step-pill.on{background:var(--ink);border-color:var(--ink);color:#fff}.step-pill.off{opacity:.55;cursor:not-allowed}.step-num{background:var(--soft);width:24px;height:24px;color:var(--ink);font-family:var(--font-num);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.step-pill.on .step-num{background:var(--sun);color:var(--ink)}.step-marker .step-line{background:var(--line-strong);width:22px;height:2px}.step-marker.dark .step-pill{background:color-mix(in srgb, var(--header-fg) 10%, transparent);color:var(--header-muted);border:0}.step-marker.dark a.step-pill:hover{background:color-mix(in srgb, var(--header-fg) 18%, transparent);color:var(--header-fg)}.step-marker.dark .step-pill.done .step-num{color:#fff;background:#2e7d4f}.step-marker.dark .step-pill.on{background:var(--header-accent);color:var(--header-accent-fg)}.step-marker.dark .step-pill.on .step-num{background:var(--header-accent-fg);color:var(--header-accent)}.step-marker.dark .step-line{background:color-mix(in srgb, var(--header-fg) 25%, transparent)}.practice-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:16px;padding:20px 22px;display:flex}.practice-card-head{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.practice-title{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.practice-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.practice-actions .btn{border-radius:12px;min-height:46px}.save-state{color:var(--muted);align-items:center;gap:6px;padding:0 4px;font-size:14px;font-weight:600;display:inline-flex}.save-state.saved{color:#1d6b3a}.practice-show{gap:10px;padding:0 20px}.menu-anchor{position:relative}.menu-pop{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:260px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #13283d2e}.menu-item{min-height:44px;font:inherit;color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-weight:600;display:flex}.menu-item:hover,.menu-item:focus-visible{background:#eef3f7}.menu-item[aria-disabled=true]{color:var(--muted);opacity:.6;cursor:not-allowed}.menu-item[aria-disabled=true]:hover{background:0 0}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover,.menu-item.danger:focus-visible{background:#fdf1ef}.menu-sep{background:var(--soft);height:1px;margin:4px 8px}.practice-chips{flex-wrap:wrap;gap:8px;display:flex}.chip-anchor{position:relative}.p-chip{border:1px solid var(--line);background:var(--surface);height:40px;font:inherit;color:var(--ink);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.p-chip:hover,.p-chip[aria-expanded=true]{border-color:var(--blue)}.p-chip svg{color:var(--muted)}.chip-num{font-size:17px}.chip-empty{color:var(--muted)}.chip-pop{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:250px;max-width:calc(100vw - 32px);padding:14px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #13283d2e}.chip-pop .btn{min-height:40px}.card-action{background:#f5f8fa;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.card-action>.field{flex:220px}.card-action.danger{background:#fdf1ef;align-items:center}.card-action.danger>b{color:var(--danger);flex:220px}.card-action-note{flex:100%;font-size:13px;line-height:1.45}.practice-minutes{flex-direction:column;gap:8px;display:flex}.practice-minutes-line{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.practice-minutes-line .num{font-size:26px}.practice-minutes-line .over{color:var(--danger);font-weight:600}.practice-minutes .bar{background:var(--soft);border-radius:6px;gap:3px;height:12px;display:flex;overflow:hidden}.planner-grid{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.planner-main{flex-direction:column;flex:999 600px;gap:10px;min-width:0;display:flex}.planner-side{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;flex:340px;gap:14px;min-width:min(300px,100%);max-width:400px;padding:18px;display:flex}.timeline{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.block{align-items:stretch;gap:14px;display:flex}.block-clock{width:50px;font-family:var(--font-num);flex:none;justify-content:flex-end;padding-top:18px;font-size:20px;font-weight:700;display:flex}.block-clock.end{color:#8ea3b8;padding-top:16px}.block-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex:1;align-items:center;gap:14px;min-width:0;padding:10px 12px 10px 6px;display:flex}.block-card.dragging{box-shadow:var(--shadow-lift);border-color:var(--blue)}.p-icon{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.p-icon:hover{color:var(--ink);background:#eef3f7}.grip{cursor:grab;touch-action:none;color:#8a9cad}.block-thumb{flex:none;width:148px}.block-thumb .mini-floor{box-shadow:none;border-width:0;border-radius:10px}.block-info{flex-direction:column;flex:1 1 0;gap:5px;min-width:0;display:flex}.block-tags{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.block-info b{font-size:18px}.block-point{color:var(--muted);font-size:14px;line-height:1.35}.block-tools{flex:none;align-items:center;gap:6px;display:flex}.stepper{align-items:center;gap:8px;display:flex}.stepper button{background:var(--soft);border:0;border-radius:50%;width:38px;height:38px;font-size:20px;font-weight:600}.stepper .num{text-align:center;min-width:64px;font-size:22px}.block-card .stepper{border:1px solid var(--line);border-radius:12px;gap:0;margin-right:4px;overflow:hidden}.block-card .stepper button{width:36px;height:40px;color:var(--ink);background:#f7fafc;border-radius:0;font-size:18px}.block-card .stepper button:hover{background:var(--soft)}.block-card .stepper .num{width:64px;min-width:0;font-size:20px}.drop-hint{border:2px dashed var(--line-strong);min-width:0;min-height:58px;color:var(--muted);text-align:center;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:15px;display:flex}.drop-hint svg{vertical-align:-2px;width:10px;height:14px}.practice-tabs{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-left:64px;overflow:hidden}.practice-tablist{border-bottom:1px solid var(--soft);align-items:center;gap:2px;padding:6px 8px 0;display:flex}.practice-tab{white-space:nowrap;height:42px;font:inherit;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex}.practice-tab.on{border-bottom-color:var(--sun);color:var(--ink)}.practice-tab.quiet{color:#8ea3b8;margin-left:auto;padding:0 10px;font-size:13px;font-weight:600}.practice-tab-badge{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:flex}.practice-tabpanel{padding:12px 14px 14px}.practice-tab.quiet.on{color:var(--ink)}.practice-notes{resize:vertical;width:100%;min-height:64px;font-size:15px}.last-changed{color:#8ea3b8;padding-top:6px;font-size:13px;display:block}.talk-empty{margin:0 0 12px;font-size:14px}.talk-avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.talk-avatar.small{width:24px;height:24px;font-size:11px}.comment-list{flex-direction:column;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment-body{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.comment-head{align-items:center;gap:4px;font-size:13px;display:flex}.comment-when{color:var(--muted)}.comment-delete{color:#8ea3b8;width:22px;height:22px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;margin-left:2px;font-size:17px;line-height:1}.comment-delete:hover,.comment-delete:focus-visible{background:var(--soft);color:var(--danger)}.comment-bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f7;border-radius:4px 14px 14px;padding:8px 12px;font-size:15px;line-height:1.4}.comment.mine .comment-bubble{background:var(--blue-tint)}.comment-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.comment-form{gap:8px;display:flex}.comment-form .input{flex:1;min-width:0;height:42px;font-size:15px}.comment-form .btn{height:42px}.history-list{margin:0;padding:0;list-style:none}.history-item{align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.history-when{color:#8ea3b8}.picker-tabs{background:var(--soft);border-radius:12px;gap:4px;padding:4px;display:flex}.picker-tabs button{height:38px;font:inherit;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;font-weight:600}.picker-tabs button.on{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 2px #13283d1f}.picker-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.level-pill{border:1px solid var(--line-strong);background:var(--surface);height:32px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.level-pill:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-tint)}.level-pill-dot{border-radius:50%;flex:none;width:9px;height:9px}.level-pill select{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;height:100%;padding:0}.filter-chip{background:var(--soft);height:32px;font:inherit;color:var(--ink);border:0;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.filter-chip.on{background:var(--ink);color:#fff}.picker-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.picker-item{border-top:1px solid #eef3f7;align-items:center;gap:12px;padding:10px 4px;display:flex}.picker-item .mini-floor{width:96px;box-shadow:none;border-width:0;border-radius:8px;flex:none}.picker-item-text{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.picker-item-text b{font-size:15px}.picker-item-text .muted{font-size:13px}.picker-in{color:#1d6b3a;font-size:12px;font-weight:600}.picker-none{padding:10px 4px;font-size:14px;line-height:1.45}.p-add{border:1px solid var(--line-strong);background:var(--surface);width:38px;height:38px;color:var(--blue);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.p-add:hover{background:var(--blue);border-color:var(--blue);color:#fff}.picker-templates{flex-direction:column;gap:10px;display:flex}.picker-templates>p{font-size:14px;line-height:1.45}.draw-new{color:var(--ink);border:2px dashed #a9bbc9;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.draw-new:hover{border-color:var(--blue);color:var(--ink)}.draw-new-icon{background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.draw-new-text{flex-direction:column;gap:2px;display:flex}.draw-new-text b{font-size:15px}.draw-new-text .muted{font-size:13px}.template-pick{border:1.5px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.template-pick-head{justify-content:space-between;gap:8px;width:100%;display:flex}.template-pick-head b{font-size:15px}.template-pick-head .num{font-size:16px}.template-pick-drills{font-size:13px}.segments{gap:3px;width:100%;height:8px;display:flex}.segments span{border-radius:4px}.app.focus{padding-bottom:0}.prepare{flex-direction:column;display:flex}.show-bar{--header-bg:var(--stage);--header-fg:#fff;--header-muted:#c9ccc2;--header-accent:var(--sun);--header-accent-fg:var(--ink);background:var(--header-bg);color:var(--header-fg);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px max(24px,50% - 676px);display:flex}:root[data-brand=club] .show-bar{--header-bg:var(--brand-bg);--header-fg:var(--brand-fg);--header-muted:color-mix(in srgb, var(--brand-fg) 78%, transparent);--header-accent:var(--brand-accent);--header-accent-fg:var(--brand-accent-fg)}.show-logo{border-right:1px solid color-mix(in srgb, var(--header-fg) 18%, transparent);flex:none;padding-right:14px;display:flex}.show-logo img{object-fit:contain;background:#fff;border-radius:50%;width:40px;height:40px;padding:3px}.show-back{background:color-mix(in srgb, var(--header-fg) 12%, transparent);width:42px;height:42px;color:var(--header-fg);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.show-back:hover{background:color-mix(in srgb, var(--header-fg) 22%, transparent);color:var(--header-fg)}.show-heading{flex-direction:column;gap:1px;min-width:0;display:flex}.show-heading b{font-size:18px}.show-heading span{color:var(--header-muted);font-size:14px}.show-video{border:1px solid color-mix(in srgb, var(--header-fg) 25%, transparent);height:42px;font:inherit;color:var(--header-fg);white-space:nowrap;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.show-video:hover{background:color-mix(in srgb, var(--header-fg) 10%, transparent)}.prepare-content{flex-direction:column;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:18px 24px 40px;display:flex}.show-notes{background:var(--surface);border:1px solid var(--line);white-space:pre-line;border-radius:14px;padding:10px 16px;font-size:15px;line-height:1.45}.agenda{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;display:grid}.agenda-card{background:var(--surface);border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.agenda-card:hover{border-color:var(--blue);color:var(--ink)}.agenda-card.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 20px #13283d33}.agenda-num{background:var(--soft);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.agenda-card.on .agenda-num{background:var(--sun);color:var(--ink)}.agenda-text{flex-direction:column;min-width:0;display:flex}.agenda-text b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.agenda-text span{color:var(--muted);font-size:13px}.agenda-card.on .agenda-text span{color:#c8d5e2}.prepare-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.prepare-player{flex-direction:column;flex:999 640px;gap:12px;min-width:0;display:flex}.prepare-player .video-controls{padding-top:0}.prepare-player>.show-step-chip{display:none}.step-progress{gap:6px;display:flex}.step-segment{cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:6px 0}.step-segment .track{background:#dce4ea;border-radius:3px;height:6px;display:block;overflow:hidden}.step-segment .fill{background:#ffc21a;height:100%;display:block}.prepare-player .vbtn{border:1px solid var(--line);width:46px;height:46px;box-shadow:none}.prepare-player .play-big{width:66px;height:66px;box-shadow:0 4px 0 var(--sun-shadow)}.prepare-player .vseg-group{background:var(--soft);box-shadow:none;border-radius:12px;gap:4px;padding:4px}.prepare-player .vseg{border-radius:9px;min-height:36px;padding:0 12px}.prepare-player .vseg-group[aria-label=Hastighet] .vseg.on{background:var(--surface);color:var(--ink)}.prepare-side{flex-direction:column;flex:320px;gap:14px;min-width:min(280px,100%);max-width:400px;display:flex}.caption-card{background:var(--ink);color:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex}.caption-card .num{color:var(--sun);font-size:20px}.caption-card p{text-wrap:pretty;font-size:20px;line-height:1.4}.say-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex}.say-card h2{font-size:17px;font-weight:700}.say-list{flex-direction:column;gap:10px;margin:0;padding:0;font-size:17px;line-height:1.4;list-style:none;display:flex}.say-list li{align-items:flex-start;gap:10px;display:flex}.say-list li:before{content:"";background:var(--sun);border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}.fact-pills{border-top:1px solid #eef3f7;flex-wrap:wrap;gap:8px;padding-top:12px;font-size:14px;font-weight:600;display:flex}.fact-pills span{background:#eef3f7;border-radius:999px;padding:6px 12px}.fact-pills .num{font-size:16px}.next-drill{background:var(--sun);box-shadow:0 3px 0 var(--sun-shadow);color:var(--ink);font:inherit;text-align:left;border:0;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.next-drill:hover{background:#ffcd45}.next-drill-text{flex-direction:column;flex:1;min-width:0;display:flex}.next-drill-text span{font-size:13px;font-weight:600}.next-drill-text b{font-size:18px}.howto-rules{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;display:grid}.rule{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:flex-start;gap:12px;padding:16px;display:flex}.rule-ic{background:var(--ground);border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.howto-grid{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.howto-video{flex-direction:column;flex:560px;gap:14px;min-width:0;display:flex}.chain{color:#c9d6e2;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.chain-item{color:#c9d6e2;white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;padding:7px 12px;font-weight:600;display:inline-flex}.chain-item.on{background:var(--sun);color:var(--ink)}.howto-steps{flex-direction:column;flex:480px;gap:12px;min-width:0;display:flex}.howto-card{background:var(--surface);border:2px solid var(--line);border-radius:20px;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:14px;transition:border-color .2s,box-shadow .2s;display:grid}.howto-card.on{border-color:var(--blue);box-shadow:0 0 0 5px #1f5bd01f}.howto-card .label{color:var(--muted);font-size:13px;font-weight:700}.do{align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;display:flex}.do .do-ic{background:var(--ground);border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:28px;display:flex}@media (width<=560px){.howto-card{grid-template-columns:1fr}.page-title{font-size:34px}}.row-inline{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.template-card{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.template-card .template-pick{border:0;border-radius:0}.template-card .template-pick:hover{background:#f7fafc}.template-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 8px 0 12px;font-size:12.5px;display:flex}.template-trash{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.template-trash:hover,.template-trash:focus-visible{color:var(--danger);background:#fdf1ef}.template-confirm-text{margin-right:auto;font-size:13.5px;font-weight:600}.template-small{min-height:32px;padding:0 12px;font-size:13.5px}.team-start{gap:28px;max-width:1040px;padding-top:56px}.team-start-head{flex-direction:column;gap:10px;max-width:640px;display:flex}.team-cards{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:16px;display:grid}.team-card{border-radius:var(--radius-panel);background:var(--stage);color:#fff;min-height:150px;font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-lift);border:2px solid #0000;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;transition:transform .15s,border-color .15s;display:flex}.team-card:hover{border-color:var(--sun);transform:translateY(-2px)}.team-card-name{font-family:var(--font-num);color:var(--sun);margin-bottom:auto;font-size:46px;font-weight:700;line-height:1}.team-card-name.long{font-size:34px}.team-card-meta{color:inherit;opacity:.82;font-size:14px}.team-fixed{border-radius:var(--radius-control);background:var(--stage);min-height:44px;color:var(--sun);font-family:var(--font-num);white-space:nowrap;align-items:center;padding:0 14px;font-size:20px;font-weight:700;display:inline-flex}.squad-warn{color:#9a3a0c;background:#fde7dc;border-radius:999px;align-items:center;padding:2px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.team-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.team-main{flex-direction:column;gap:16px;display:flex}.slot-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.slot-row{background:var(--ground);border-radius:14px;grid-template-columns:150px 120px 120px minmax(0,1fr) 44px;align-items:end;gap:10px;padding:12px;display:grid}.slot-remove{color:var(--danger)}.field-label{color:var(--muted-strong);font-size:13px}.coach-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.coach-chips .chip{background:var(--soft);align-items:center;gap:6px;display:inline-flex}.team-preview{position:sticky;top:16px}.preview-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.preview-list li{border-bottom:1px solid var(--line);color:var(--muted-strong);flex-direction:column;gap:2px;padding-bottom:10px;font-size:14px;display:flex}.preview-list li b{color:var(--ink);font-size:15px}@media (width<=900px){.team-grid{grid-template-columns:minmax(0,1fr)}.team-preview{position:static}.slot-row{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-place{grid-column:1/-1}}.team-color-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block;box-shadow:inset 0 0 0 1px #13283d33}.team-color-dot.large{width:16px;height:16px}.team-card{border-top:6px solid var(--sun)}.team-card .team-color-dot.large{margin-bottom:4px}.team-fixed{gap:8px}.team-page-title{align-items:center;gap:14px;display:flex}.color-swatches{flex-wrap:wrap;gap:10px;display:flex}.color-swatch{background:var(--stage);cursor:pointer;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:inline-flex}.color-swatch span{border-radius:50%;width:26px;height:26px}.color-swatch.on{box-shadow:0 0 0 3px var(--blue);border-color:#fff}.color-preview{display:flex}.club-band{border-radius:var(--radius-panel);border-bottom:6px solid var(--sun);box-shadow:var(--shadow-lift);align-items:center;gap:18px;padding:18px 22px;display:flex}.club-band-logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:14px;flex:none;width:64px;height:64px;padding:6px}.club-band-initial{width:64px;height:64px;font-family:var(--font-num);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:34px;font-weight:700;display:inline-flex}.club-band-text{flex-direction:column;gap:2px;min-width:0;display:flex}.club-band-name{letter-spacing:-.02em;font-size:26px;font-weight:700}.club-band-sub{opacity:.85;font-size:14px}.team-group{flex-direction:column;gap:12px;display:flex}.team-group-title{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.logo-row{align-items:center;gap:18px;display:flex}.logo-preview{background:var(--ground);border:1px solid var(--line);border-radius:18px;flex:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.logo-preview img{object-fit:contain;max-width:100px;max-height:100px}.brand-rings{flex-wrap:wrap;gap:18px;display:flex}.brand-ring{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex}.brand-ring:hover{background:var(--ground)}.brand-ring-swatch{width:84px;height:84px;box-shadow:0 0 0 2px var(--line-strong), 0 6px 16px #13283d2e;border:5px solid #fff;border-radius:50%}.brand-ring:hover .brand-ring-swatch{box-shadow:0 0 0 2px var(--ink), 0 6px 16px #13283d2e}.brand-ring-label{font-size:14px;font-weight:600}.brand-ring-hex{color:var(--muted);font-size:15px}.color-dialog{max-width:600px}.color-dialog-body{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.color-compare{height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;display:flex;overflow:hidden}.color-compare span{flex:1}.quick-colors{flex-wrap:wrap;gap:6px;display:flex}.quick-color{width:28px;height:28px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border:2px solid #fff;border-radius:50%}.wheel{touch-action:none;cursor:crosshair;border-radius:50%;flex:none;width:240px;height:240px;position:relative}.wheel-disc,.wheel-shade{border-radius:50%;position:absolute;inset:0}.wheel-disc{background:radial-gradient(circle closest-side,#fff,#fff0),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px #13283d26}.wheel-shade{pointer-events:none;background:#000}.wheel-marker{width:26px;height:26px;font-family:var(--font-num);color:#fff;text-shadow:0 0 3px #000c;pointer-events:none;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:-13px 0 0 -13px;font-size:13px;font-weight:700;display:flex;position:absolute;box-shadow:0 0 0 1px #13283d80,0 4px 10px #0000004d}.wheel-marker.on{width:34px;height:34px;box-shadow:0 0 0 3px var(--blue), 0 4px 10px #0000004d;margin:-17px 0 0 -17px}.wheel-controls{flex-direction:column;flex:220px;gap:14px;min-width:0;display:flex}.wheel-controls input[type=range]{accent-color:var(--blue)}.swatch-dot{vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #13283d40}.hex-field .input{width:120px;font-family:var(--font-num);letter-spacing:.04em;font-size:18px}.level-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.level-row{background:var(--ground);border-radius:14px;grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto 44px;align-items:end;gap:10px;padding:12px;display:grid}.level-colors{flex-wrap:wrap;gap:4px;display:flex}.color-swatch.small{border-width:2px;width:32px;height:32px}.color-swatch.small span{width:16px;height:16px}.level-used{padding-bottom:12px;font-size:13px}@media (width<=1000px){.club-grid{grid-template-columns:minmax(0,1fr)}.level-row{grid-template-columns:minmax(0,1fr) 44px}.level-colors{grid-column:1/-1}}.brand-toggle{background:var(--ground);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.brand-toggle input{width:20px;height:20px;accent-color:var(--blue);flex:none;margin-top:2px}.brand-toggle>span{flex-direction:column;gap:4px;font-size:14px;line-height:1.4;display:flex}.brand-toggle b{font-size:15px}.level-chip{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);align-items:center;gap:7px;display:inline-flex}.level-chip.on{background:var(--ink);color:#fff;box-shadow:none}.card-levels{flex-wrap:wrap;gap:4px 10px;margin-left:auto;display:flex}.card-level{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.card-level .team-color-dot{border-radius:50%;width:9px;height:9px}.color-swatch.light{background:var(--soft)}.level-chip.on .team-color-dot{box-shadow:0 0 0 2px #fff}.club-band-sports{flex-wrap:wrap;gap:12px;display:flex}.club-band-sport{align-items:center;gap:6px;display:inline-flex}.sport-options{flex-wrap:wrap;gap:10px;display:flex}.sport-option{border:2px solid var(--line);background:var(--surface);min-height:52px;color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:0 16px 0 12px;font-size:16px;font-weight:600;display:inline-flex}.sport-option.on{border-color:var(--blue);background:var(--blue-tint)}.sport-check{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.club-fieldset{border:0;min-width:0;margin:0;padding:0}.member-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.member-row{background:var(--ground);border-radius:14px;grid-template-columns:minmax(0,1fr) 170px 44px;align-items:center;gap:12px;padding:10px 12px;display:grid}.member-name{flex-direction:column;gap:2px;min-width:0;font-size:15px;display:flex}.member-name .muted{overflow-wrap:anywhere;font-size:13.5px}.member-add{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 160px auto;align-items:end;gap:10px;padding-top:12px;display:grid}.login-page{justify-content:center;padding:72px 16px;display:flex}.login-card{background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-lift);border-radius:24px;flex-direction:column;gap:16px;padding:32px;display:flex}.login-title{letter-spacing:-.02em;font-size:28px}.login-error{color:#8a2f0b;background:#fde7dc;border-radius:12px;margin:0;padding:12px 14px;font-size:14.5px;line-height:1.45}.club-logo{object-fit:contain;border-radius:10px;flex:none}.club-logo-initial{background:var(--stage);color:var(--sun);font-family:var(--font-num);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.club-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:6px solid var(--sun);gap:10px}.club-card .team-card-meta{color:var(--muted)}.club-card-name{margin-bottom:auto;font-size:22px;font-weight:700}@media (width<=760px){.member-row{grid-template-columns:minmax(0,1fr) 44px}.member-role{grid-column:1/-1}.member-add{grid-template-columns:minmax(0,1fr)}}.admin-page .panel{gap:14px}.admin-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-row{background:var(--ground);border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.admin-row.user{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}.admin-clubs{color:var(--muted-strong);font-size:14px}.admin-add{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:12px;display:grid}.admin-add.user{border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;padding-top:0}.admin-sub{border-top:1px solid var(--line);margin:4px 0 -4px;padding-top:12px;font-size:15px;font-weight:700}@media (width<=760px){.admin-row,.admin-row.user,.admin-add,.admin-add.user{grid-template-columns:minmax(0,1fr)}}.club-team-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.club-team-row{border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 12px;display:flex}.club-team-name{align-items:center;gap:10px;font-weight:700;display:inline-flex}.coach-picker-button{border:1px solid var(--line);background:var(--surface);max-width:min(360px,100%);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:inline-flex}.coach-picker-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coach-picker-summary.unset{color:var(--muted)}.coach-menu{max-height:360px;overflow-y:auto}.coach-option{cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:4px 10px;display:flex}.coach-option:hover{background:var(--ground)}.coach-option input{flex:none;width:20px;height:20px}.coach-option-text{flex-direction:column;min-width:0;font-size:15px;display:flex}.coach-option-text .muted{overflow-wrap:anywhere;font-size:13px}.color-menu-anchor{display:inline-flex;position:relative}.color-menu{z-index:60;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:16px;grid-template-columns:repeat(4,36px);gap:10px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.color-menu-swatch{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.color-menu-swatch span{border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #13283d38}.color-menu-swatch:hover{border-color:var(--line-strong)}.color-menu-swatch.on{border-color:var(--blue)}.level-color-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.level-color-swatch{border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #13283d38}.club-team-pickers{flex-wrap:wrap;gap:8px;display:inline-flex}.level-menu{width:min(360px,100vw - 32px)}.level-options{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.level-option{border-radius:12px;align-items:center;gap:8px;padding:2px 4px;display:flex}.level-option.on{background:var(--soft)}.level-option-name{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 8px;font-weight:600;display:flex}.level-option-name .muted{margin-left:auto;font-size:13px;font-weight:500}.level-remove{width:36px;height:36px}.level-add{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:6px;padding-top:10px;display:flex}.level-add .input{flex:1;min-width:0}.admin-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.admin-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.club-team-confirm{flex-basis:100%;justify-content:flex-end}.editor-page{flex-direction:column;gap:12px;padding:20px 24px 32px;display:flex}.title-input{letter-spacing:-.025em;background:0 0;border:1.5px solid #0000;border-radius:12px;width:100%;min-width:0;margin-left:-8px;padding:2px 8px;font-size:34px;font-weight:700;line-height:1.15}.title-input:hover:not([readonly]),.title-input:focus{border-color:var(--line-strong);background:var(--surface)}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-banner{background:var(--sun-tint);border:1px solid #f3dc8f;border-radius:16px;padding:14px 18px;line-height:1.45}.toolbox{background:var(--soft-2);border-radius:22px;flex-direction:column;flex:272px;gap:2px;max-width:288px;padding:12px 10px;display:flex}.grp{padding:10px 4px 4px;font-size:13px;font-weight:700;display:block}.tg{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.tile{text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;min-height:76px;padding:7px 2px 6px;font-size:12.5px;font-weight:500;line-height:1.15;display:flex}.tile:hover{background:var(--surface);border-color:#d5dfe6}.tile.on{background:var(--blue-tint);border-color:var(--blue)}.tile.armed{background:var(--surface);border-style:dashed}.ic{background:var(--surface);border-radius:10px;flex:none;justify-content:center;align-items:center;width:46px;height:34px;display:flex;box-shadow:0 1px #d5dfe6}.help-card{background:var(--ink);color:#fff;border-radius:16px;flex-direction:column;gap:8px;margin-top:10px;padding:14px;font-size:14px;line-height:1.45;display:flex}.help-card b{color:var(--sun);font-size:16px}.help-card .how{color:#c9d6e2;font-size:13px}.editor-main{flex-direction:column;flex:999 560px;gap:12px;min-width:0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.toolbar .zoom{align-items:center;margin-left:auto}.toolbar .zoom .num{text-align:center;min-width:48px;font-size:15px}.edit-stage{flex-direction:column;display:flex}.stage-scroll{overflow:auto}.rink-floor.armed{cursor:crosshair}.legend{background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:16px;padding:10px 16px;font-size:13px;display:flex}.lg{color:var(--muted-strong);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.step-label{white-space:nowrap;font-size:20px}.stepcard{background:var(--surface);text-align:left;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.stepcard.on{border-color:var(--blue);box-shadow:0 0 0 4px #1f5bd01f}.stepcard .mini-floor{border-width:2px;border-radius:9px}.stepcard-text{color:var(--muted);flex-direction:column;gap:1px;min-width:0;font-size:13px;display:flex}.stepcard-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stepcard-text .num{color:var(--ink);font-size:16px}.editor-side{flex-direction:column;flex:280px;gap:14px;max-width:340px;display:flex}.note{background:var(--sun-tint);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}.materials{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mat{align-items:center;gap:10px;font-size:14px;display:flex}.mat b{font-family:var(--font-num);margin-left:auto;font-size:18px}.mat-ic{justify-content:center;align-items:center;width:34px;height:26px;display:inline-flex;transform:scale(.8)}.points{flex-direction:column;gap:6px;margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.4;display:flex}.points li span{margin-right:6px}.point-remove{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.video-wrap{width:100%;max-width:1440px;margin:0 auto}.tile-ghost{pointer-events:none;z-index:70;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%,-50%)}.tile-ghost .ic{transform:rotate(-6deg);box-shadow:0 12px 24px #13283d4d}.tile-ghost-tip{background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;padding:6px 10px;font-size:13px}@media print{.toolbox,.editor-main,.editor-side,.drill-head,.drill-practice-line,.about-form,.template-banner,.about-side>:not([data-testid=materials]){display:none!important}}.panel-selected{border-color:var(--blue);box-shadow:0 0 0 4px #1f5bd01a}.changes{background:var(--blue-tint);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.changes ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14.5px;font-weight:600;display:flex}.start-hint{background:var(--sun);color:var(--ink);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600}.share-options{flex-direction:column;gap:10px;display:flex}.share-option{border:2px solid var(--line);cursor:pointer;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.share-option input{width:18px;height:18px;accent-color:var(--blue);flex:none;margin-top:3px}.share-option.on{border-color:var(--blue);background:var(--blue-tint)}.share-option.disabled{cursor:not-allowed;opacity:.6}.share-option-text{color:var(--muted-strong);flex-direction:column;gap:3px;font-size:14px;line-height:1.4;display:flex}.share-option-text b{color:var(--ink);font-size:16px}.drill-page{gap:14px;width:100%;max-width:1400px;margin:0 auto;padding:18px 24px 40px}.drill-practice-line{background:var(--blue-tint);color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 14px;font-size:14px;display:flex}.drill-practice-line a{color:var(--blue);margin-left:auto;font-weight:600;text-decoration:none}.drill-head{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.drill-back{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.drill-back:hover{border-color:var(--line-strong);color:var(--blue)}.drill-head-main{flex-direction:column;flex:0 auto;gap:2px;min-width:0;max-width:620px;display:flex}.title-sizer{align-self:flex-start;min-width:0;max-width:100%;margin-left:-8px;display:inline-grid}.title-sizer:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;letter-spacing:-.02em;grid-area:1/1;padding:0 9.5px;font-size:28px;font-weight:700;line-height:1.15;overflow:hidden}.drill-page .title-input{letter-spacing:-.02em;grid-area:1/1;width:100%;min-width:4ch;margin:0;padding:0 8px;font-size:28px;line-height:1.15}.drill-meta{font:inherit;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;flex-wrap:wrap;align-self:flex-start;gap:2px 0;padding:0;font-size:14px;display:flex}.drill-meta>span+span:before{content:"·";margin:0 6px}.drill-meta:hover>span:not(.drill-unsaved){color:var(--ink)}.drill-unsaved{color:var(--orange);font-weight:600}.drill-switch{background:var(--soft);border-radius:12px;gap:4px;margin-left:12px;padding:4px;display:flex}.drill-switch-tab{height:36px;color:var(--muted-strong);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.drill-switch-tab:hover{color:var(--ink)}.drill-switch-tab.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #13283d1f}.drill-switch-sub{color:var(--muted);font-size:12px}.drill-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.drill-page .btn-ink,.drill-page .btn-sun,.drill-page .drill-more{border-radius:12px;min-height:44px}.drill-page .drill-actions .btn-ink{padding:0 16px}.drill-page .btn-ink:disabled{opacity:.7}.drill-actions .drill-more{background:var(--surface);border-width:1px;width:44px}.popover-anchor{position:relative}.popover-anchor.push{margin-left:auto}.popover-menu{background:var(--surface);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow-lift);z-index:30;border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.popover-menu>button,.popover-menu>a{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:15px;text-decoration:none;display:flex}.popover-menu>button:hover,.popover-menu>a:hover{background:var(--ground)}.popover-menu>.danger{color:var(--danger);margin-top:4px;position:relative}.popover-menu>.danger:before{content:"";border-top:1px solid var(--line);position:absolute;top:-3px;left:12px;right:12px}.popover-note{color:var(--muted);margin:6px 12px 4px;font-size:13px;line-height:1.4}.q-mini{background:var(--sun);width:18px;height:18px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.drill-page .template-banner{border-radius:12px;margin:0;padding:8px 14px;font-size:14px;line-height:1.4}.drill-grid{grid-template-columns:168px minmax(0,1fr) minmax(250px,290px);align-items:start;gap:16px;display:grid}.drill-grid.read-only{grid-template-columns:minmax(0,1fr) minmax(250px,290px)}.drill-page .drill-toolbox{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:8px;max-width:none;padding:10px}.drill-toolbox .tg{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.drill-toolbox .dt-moves{gap:4px}.drill-toolbox .tile{min-height:0;color:var(--ink);border:0;border-radius:12px;gap:4px;padding:8px 2px;font-size:12px;font-weight:600}.drill-toolbox .tile:hover{background:#eef3f7}.drill-toolbox .tile.on{background:var(--blue-tint);box-shadow:inset 0 0 0 2px var(--blue)}.drill-toolbox .tile.armed{background:var(--surface);box-shadow:inset 0 0 0 2px var(--blue);outline:2px dashed var(--blue);outline-offset:-6px}.drill-toolbox .tile .ic{width:40px;height:34px;box-shadow:none;background:0 0}.dt-more{height:36px;color:var(--muted-strong);font:inherit;cursor:pointer;background:0 0;border:1px dashed #a9bbc9;border-radius:10px;font-size:13px;font-weight:600}.dt-more:hover{border-color:var(--muted);color:var(--ink)}.dt-group .grp{color:var(--muted);padding:6px 4px 2px;font-size:12px}.dt-sep{background:var(--soft);height:1px;margin:2px 4px}.dt-title{color:var(--muted);padding:0 4px;font-size:12px;font-weight:700}.drill-page .editor-main{gap:10px}.drill-toolbar{gap:8px}.drill-toolbar .seg-group{border-radius:12px;gap:4px;padding:4px}.drill-toolbar .seg{border-radius:9px;height:36px;min-height:36px;padding:0 14px;font-size:15px}.drill-toolbar .seg-icon{background:var(--surface);width:36px;color:var(--ink);justify-content:center;padding:0}.drill-toolbar .seg-icon:disabled{color:#8ea3b8;background:0 0}.drill-toolbar .seg-group.light .seg.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #13283d1f}.drill-toolbar .drill-view-btn{border-width:1px;border-radius:12px;padding:0 14px}.view-menu{min-width:260px;padding:10px}.view-option{cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:0 8px;font-size:15px;display:flex}.view-option:hover{background:var(--ground)}.view-option input{width:18px;height:18px;accent-color:var(--blue)}.view-zoom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:10px 8px 0;font-size:15px;display:flex}.drill-page .edit-stage{flex-direction:column;padding-bottom:8px;display:flex}.drill-page .stage-scroll{position:relative}.field-hint-anchor{z-index:4;justify-content:center;min-width:0;margin-top:8px;display:flex;position:relative}.field-hint{color:#fff;white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:4px 4px 4px 14px;font-size:14px;font-weight:500;line-height:1.3;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.field-hint>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.field-hint-help{color:#fff;width:24px;height:24px;font:inherit;cursor:pointer;pointer-events:auto;background:#ffffff29;border:0;border-radius:50%;flex:none;font-size:14px;font-weight:700}.field-hint-help:hover,.field-hint-help[aria-expanded=true]{background:var(--sun);color:var(--ink)}.drill-page .help-card{width:min(380px,100%);margin:0;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 16px 36px #06121d59}.help-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.help-card-close{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;width:28px;height:28px}.help-card p{margin:0}.help-link{color:var(--sun);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.drill-strip{flex-wrap:wrap;align-items:stretch;gap:8px;padding:2px 2px 6px;display:flex}.drill-page .stepcard{border:1px solid var(--line);background:var(--surface);max-width:180px;color:var(--ink);font:inherit;scroll-snap-align:start;cursor:pointer;border-radius:14px;flex:none;align-items:center;gap:6px;padding:6px 6px 8px;font-size:14px;font-weight:600}.drill-page .stepcard:hover{border-color:var(--line-strong)}.drill-page .stepcard.on{border:2px solid var(--ink);padding:5px 5px 7px;box-shadow:0 6px 16px #13283d24}.drill-page .stepcard .mini-floor{box-shadow:none;border:0;border-radius:9px;flex:none}.drill-page .stepcard-text{max-width:100%;color:var(--ink);flex-direction:row;align-items:baseline;gap:5px;padding:0 4px;font-size:14px;display:flex}.drill-page .stepcard-text .num{color:var(--ink);font-size:16px}.drill-page .stepcard.on .stepcard-text .num{color:var(--orange)}.stepcard-sep{color:var(--muted)}.stepcard-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.drill-page .add-step{min-height:86px;color:var(--muted-strong);font:inherit;cursor:pointer;background:0 0;border:2px dashed #a9bbc9;border-radius:14px;flex:0 0 118px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.drill-page .add-step:hover{border-color:var(--muted);color:var(--ink)}.drill-page .drill-side{gap:12px;max-width:none}.drill-side .panel{gap:12px;padding:16px}.drill-side .field{color:var(--muted);gap:6px;font-size:13px;font-weight:600}.drill-side .input,.drill-side .textarea{border-width:1px;font-weight:400}.field-note{font-weight:400}.field-label{white-space:nowrap;color:var(--muted);font-size:13px;font-weight:600}.step-length .seg{min-height:32px;padding:6px 10px;font-size:13.5px}.drill-side .changes{background:var(--ground);padding:10px 12px}.drill-side .changes ul{font-size:14px}.changes-empty{color:var(--muted);margin:0;font-size:13.5px}.step-remove{color:var(--danger);align-self:flex-start;align-items:center;gap:6px;font-size:14px;display:inline-flex}.drill-side .panel-selected{border:2px solid var(--blue);box-shadow:none;gap:10px;padding:14px 16px}.selection-head{align-items:center;gap:10px;display:flex}.selection-ic{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.selection-ic svg{width:30px;height:30px}.panel-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#eef3f7;border:0;border-radius:8px;flex:none;margin-left:auto;font-size:14px}.panel-close:hover{color:var(--ink)}.selection-text{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.selection-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.btn-small{border-width:1px;border-radius:10px;min-height:38px;padding:0 12px;font-size:14px}.about-grid{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:18px;display:grid}.about-side{flex-direction:column;gap:14px;display:flex}.drill-page .about-form{border-radius:22px;gap:0;padding:4px 24px 8px}.af-step{border-top:1px solid #eef3f7;gap:16px;padding:20px 0;display:flex}.af-step:first-child{border-top:0}.af-num{background:var(--ink);width:30px;height:30px;color:var(--sun);font-family:var(--font-num);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:inline-flex}.af-body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.af-head{flex-direction:column;gap:2px;display:flex}.af-q{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:18px;font-weight:700;line-height:1.6}.af-help{color:var(--muted);margin:0;font-size:14px}.af-chips{flex-wrap:wrap;gap:8px;display:flex}.af-chip{height:40px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 16px;font-weight:600}.af-chip:disabled{cursor:default;opacity:.55}.af-chip.on:disabled{opacity:1}.af-level{border:1px solid var(--line-strong);height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#f7fafc;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.af-level.on{border:2px solid var(--ink);background:var(--surface);padding:0 13px}.af-level:disabled{cursor:default}.af-level-dot{border-radius:50%;width:11px;height:11px}.af-row{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.af-field{flex-direction:column;gap:6px;display:flex}.af-label{color:var(--muted);font-size:13px;font-weight:600}.af-to{color:var(--muted);padding-bottom:12px}.about-form .stepper{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;align-items:center;gap:0;display:inline-flex;overflow:hidden}.about-form .stepper-btn{width:40px;height:44px;color:var(--ink);cursor:pointer;background:#f7fafc;border:0;border-radius:0;font-size:18px;font-weight:400}.about-form .stepper-btn:hover:not(:disabled){background:var(--soft)}.about-form .stepper-btn:disabled{color:var(--line-strong);cursor:default}.about-form .stepper-input{text-align:center;width:54px;height:44px;color:var(--ink);-moz-appearance:textfield;background:0 0;border:0;font-size:22px;font-weight:700}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drill-page .af-description{border-width:1px;border-radius:14px;min-height:120px;padding:12px 14px;font-weight:400;line-height:1.5}.af-count{color:#8ea3b8;align-self:flex-end;font-size:13px}.af-empty{color:var(--muted);margin:0;font-size:14px}.af-points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.af-points li{background:var(--sun-tint);border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:8px 8px 8px 12px;display:flex}.af-point-dot{background:var(--sun);border-radius:50%;flex:none;width:8px;height:8px}.af-point-text{overflow-wrap:anywhere;flex:1;min-width:0}.af-point-remove{color:#7a5600;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:30px;height:30px;font-size:18px}.af-point-remove:hover{background:#7a56001a}.af-add{gap:8px;display:flex}.af-add .input{border-width:1px;flex:1;min-height:44px;font-size:15px;font-weight:400}.af-add .btn{border-width:1px;border-radius:12px;font-weight:700}.about-side .panel{gap:12px}.about-preview{gap:8px;padding:10px}.about-preview .row-between{padding:0 6px 2px;font-size:14px}.about-preview .btn-link{min-height:30px}.ready-count{font-size:18px;font-weight:700}.ready-bar{gap:4px;display:flex}.ready-bar span{background:var(--soft);border-radius:3px;flex:1;height:6px}.ready-bar span.on{background:#2e9e5b}.readiness{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.readiness li{color:var(--ink);align-items:center;gap:10px;display:flex}.readiness li.todo{color:#7a5600;font-weight:600}.readiness-mark{border:2px solid #e0a800;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.readiness li.done .readiness-mark{color:#fff;background:#2e9e5b;border-color:#2e9e5b}.ready-jump{color:inherit;font:inherit;text-align:left;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ready-jump:hover{color:var(--ink)}.ready-share{border-top:1px solid #eef3f7;align-items:center;gap:10px;padding-top:12px;display:flex}.ready-share>span{color:var(--muted);flex:1;font-size:14px}.ready-share .btn{min-height:40px;padding:0 14px}.materials-panel .panel-aside{color:#8ea3b8;font-size:12px}.materials-panel .mat{font-size:15px}.mat-name{flex:1}@media (width<=1180px){.drill-grid{grid-template-columns:168px minmax(0,1fr)}.drill-grid.read-only{grid-template-columns:minmax(0,1fr)}.drill-grid>.drill-side{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.drill-switch{margin-left:0}}@media (width<=860px){.drill-grid,.about-grid{grid-template-columns:minmax(0,1fr)}}.step-caption-input{min-height:110px}:root{--ground:#f2f5f7;--surface:#fff;--ink:#13283d;--muted:#50637a;--muted-strong:#3e5268;--line:#dce4ea;--line-strong:#c9d5de;--soft:#e6edf2;--soft-2:#e8eef2;--floor:#cfe0e8;--blue:#1f5bd0;--blue-dark:#163f94;--blue-tint:#dce7fb;--orange:#e8692a;--sun:#ffc21a;--sun-shadow:#d49c00;--sun-tint:#fff6d9;--goal:#d23b2e;--danger:#b4321f;--danger-line:#f0c3bb;--stage:#0f2236;--stage-chip:#13283de0;--font-ui:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--font-num:"Barlow Condensed", "Arial Narrow", sans-serif;--radius-board:34px;--radius-stage:28px;--radius-panel:20px;--radius-control:12px;--shadow-board:0 30px 70px #00000073;--shadow-lift:0 18px 40px #13283d29}*,:before,:after{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}h1,h2,h3,p{margin:0}a{color:var(--blue)}a:hover{color:var(--blue-dark)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.num{font-family:var(--font-num);font-weight:700}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{--header-bg:var(--stage);--header-fg:#fff;--header-muted:#e8edf1;--header-accent:var(--sun);--header-accent-fg:var(--ink);background:var(--header-bg);color:var(--header-fg);flex-wrap:wrap;align-items:center;gap:12px 28px;padding:12px max(24px,50% - 656px);display:flex}.brand{color:var(--header-fg);letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand:hover{color:var(--header-fg)}.app-header .brand svg{width:38px;height:38px}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--header-muted);border-radius:999px;padding:9px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{background:color-mix(in srgb, var(--header-fg) 10%, transparent);color:var(--header-fg)}.nav a.active,.nav a.active:hover{background:var(--header-accent);color:var(--header-accent-fg)}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.who{color:var(--muted-strong);align-items:center;gap:10px;font-size:14px;display:flex}.avatar{background:var(--blue);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.page{flex-direction:column;gap:22px;width:100%;max-width:1360px;margin:0 auto;padding:28px 24px 56px;display:flex}.page-title{letter-spacing:-.03em;font-size:44px;font-weight:700;line-height:1.05}.page-lead{color:var(--muted-strong);max-width:640px;font-size:17px;line-height:1.5}.title-row{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.title-row>.push{margin-left:auto}.crumb{color:var(--muted);font-size:14px;text-decoration:none}.btn{border:1.5px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);border-color:#a9bbc9}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.btn-sun{background:var(--sun);color:var(--ink);box-shadow:0 3px 0 var(--sun-shadow);border:0;font-weight:700}.btn-sun:hover{color:var(--ink);background:#ffcd45}.btn-dark{background:var(--stage);color:#fff;border:0;border-radius:999px;padding:0 16px 0 8px}.btn-dark:hover{color:#fff;background:#1a3350}.btn-dark .q{background:var(--sun);width:30px;height:30px;color:var(--ink);font-family:var(--font-num);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.btn-danger{border-color:var(--danger-line);color:var(--danger)}.btn-danger:hover{color:var(--danger);border-color:var(--danger)}.btn-link{color:var(--blue);text-align:left;background:0 0;border:0;min-height:36px;padding:0;font-weight:600}.btn-icon{border-radius:var(--radius-control);width:44px;height:44px;padding:0}.btn-round{background:var(--soft);width:44px;height:44px;color:var(--ink);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chip{background:var(--soft);color:var(--ink);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.chip-plain{font-weight:400}button.chip,a.chip{min-height:36px}.chip.on{background:var(--ink);color:#fff}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.seg-group{background:var(--soft);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg{color:var(--muted-strong);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.seg.on{background:var(--ink);color:#fff}.chk{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.chk.on{border-color:var(--blue);background:var(--blue-tint)}.panel{background:var(--surface);border-radius:var(--radius-panel);border:1px solid var(--line);flex-direction:column;gap:12px;padding:18px;display:flex}.panel-title{font-size:16px;font-weight:700}.panel-title-num{font-family:var(--font-num);font-size:22px;font-weight:700}.field{color:var(--muted-strong);flex-direction:column;gap:5px;font-size:13px;display:flex}.input,.textarea,.select{border-radius:var(--radius-control);border:1.5px solid var(--line-strong);min-height:42px;color:var(--ink);background:var(--surface);width:100%;padding:0 12px;font-size:16px;font-weight:500}.textarea{resize:vertical;min-height:72px;padding:10px 12px;line-height:1.45}.search{border:1.5px solid var(--line-strong);background:var(--surface);min-height:46px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}.empty{border-radius:var(--radius-panel);color:var(--muted-strong);text-align:center;border:2px dashed #a9bbc9;flex-direction:column;align-items:center;gap:12px;padding:28px;display:flex}.rink-board{background:linear-gradient(#fff 0%,#e9eff3 100%);border-radius:30px;width:100%;margin:0 auto;padding:8px;box-shadow:inset 0 -2px #13283d1f}.rink-floor{background:#2672b8;border-radius:23px;position:relative;overflow:hidden}.rink-floor:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 2px 7px #0000004d}.rink-floor svg{width:100%;height:100%;display:block;position:absolute;inset:0}.rink-floor.interactive svg{touch-action:none}.mini-floor{background:#2672b8;border:3px solid #fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px #c4d2dc}.mini-floor svg{width:100%;height:100%;display:block;position:absolute;inset:0}.stage{background:radial-gradient(120% 140% at 50% 0,#1b3a5a 0%,#0f2236 55%,#0a1828 100%);border-radius:26px;padding:20px}.stage .rink-board{box-shadow:0 22px 46px #00000073,inset 0 -2px #13283d1f}.overlay-chip{background:var(--stage-chip);color:#fff;z-index:3;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:flex;position:absolute;top:4%;left:2.5%}.overlay-chip .num{color:var(--sun);font-size:16px}.subtitle{background:var(--stage-chip);color:#fff;text-align:center;z-index:3;border-radius:14px;width:max-content;max-width:84%;padding:10px 18px;font-size:clamp(15px,1.5vw,21px);font-weight:500;line-height:1.35;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.video-controls{color:#fff;flex-direction:column;gap:10px;padding:16px 4px 0;display:flex}.video-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.chapters{gap:4px;display:flex}.chapter{text-align:left;color:#c9d6e2;background:0 0;border:0;flex-direction:column;flex:1;min-width:0;padding:0;font-size:13px;display:flex}.chapter .bar{background:#ffffff2e;border-radius:4px;height:8px;overflow:hidden}.chapter .fill{background:var(--sun);border-radius:4px;height:100%}.chapter .name{white-space:nowrap;text-overflow:ellipsis;min-height:34px;padding-top:6px;overflow:hidden}.chapter.on .name{color:var(--sun);font-weight:700}.light .chapter{color:var(--muted-strong)}.light .chapter .bar{background:var(--line)}.light .chapter.on .name{color:var(--ink)}.play-big{background:var(--sun);width:68px;height:68px;color:var(--ink);box-shadow:0 3px 0 var(--sun-shadow);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.vbtn{color:#fff;background:#ffffff1f;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.light .vbtn{background:var(--surface);color:var(--ink);box-shadow:0 1px #c4d2dc}.vseg-group{background:#ffffff1f;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.light .vseg-group{background:var(--surface);box-shadow:0 1px #c4d2dc}.vseg{color:#c9d6e2;background:0 0;border:0;border-radius:999px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600}.vseg.on{color:var(--ink);background:#fff}.light .vseg{color:var(--muted-strong)}.light .vseg.on{background:var(--ink);color:#fff}.time{font-family:var(--font-num);letter-spacing:.02em;font-size:22px;font-weight:700}.dialog-backdrop{z-index:50;background:#0f22368c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow-board);border-radius:24px;flex-direction:column;gap:16px;padding:28px;display:flex}.toast-host{z-index:60;flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lift);border-radius:14px;padding:12px 18px;font-size:15px}.toast.error{background:var(--danger)}.loading{text-align:center;color:var(--muted);padding:40px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.app-header,.no-print{display:none!important}}.light .video-controls{color:var(--ink)}.video-dialog{max-width:720px}.video-preview{background:var(--stage);aspect-ratio:16/9;border-radius:14px;width:100%}.progress{background:var(--soft);border-radius:6px;height:12px;overflow:hidden}.progress span{background:var(--sun);border-radius:6px;height:100%;transition:width .1s linear;display:block}.team-switch{position:relative}.team-switch-button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.team-switch-button:hover,.team-switch-button[aria-expanded=true]{border-color:var(--line-strong);background:var(--ground)}.team-dot{background:var(--line-strong);border-radius:50%;flex:none;width:9px;height:9px}.team-dot.on{background:var(--sun);box-shadow:0 0 0 3px var(--sun-tint)}.team-switch-label{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.team-switch-prefix{color:var(--muted);font-weight:500}.team-chevron{color:var(--muted);transition:transform .15s}.team-switch-button[aria-expanded=true] .team-chevron{transform:rotate(180deg)}.team-menu{background:var(--surface);border:1px solid var(--line);width:min(300px,100vw - 32px);box-shadow:var(--shadow-lift);z-index:40;border-radius:18px;flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.team-menu-lead{color:var(--muted);margin:2px 8px 8px;font-size:13.5px;line-height:1.45}.team-rows{flex-direction:column;gap:2px;max-height:264px;display:flex;overflow-y:auto}.team-row{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:0 12px;font-size:15px;font-weight:600;display:flex}.team-row:hover{background:var(--ground)}.team-row.on{background:var(--blue-tint);color:var(--blue-dark)}.team-row.all{color:var(--muted-strong);margin-top:4px;padding-top:0;font-weight:500;position:relative}.team-row.all:before{content:"";border-top:1px solid var(--line);position:absolute;top:-3px;left:12px;right:12px}.team-row.all.on{color:var(--blue-dark);font-weight:600}.team-add{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding:10px 0 0;display:flex}.team-add .input{flex:1;min-width:0}@media (width<=640px){.team-switch-prefix{display:none}}.team-row-name{align-items:center;gap:10px;display:inline-flex}.team-row-name .team-color-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.club-chip{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.club-chip:hover{background:var(--ground);color:var(--ink)}.club-chip-logo{object-fit:contain;border-radius:8px;width:32px;height:32px}.club-chip-initial{width:32px;height:32px;font-family:var(--font-num);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.crumb-sep{color:var(--line-strong);margin:0 -4px;font-size:20px}@media (width<=1100px){.club-chip-name{display:none}}:root[data-brand=club] .app-header{--header-bg:var(--brand-bg);--header-fg:var(--brand-fg);--header-muted:color-mix(in srgb, var(--brand-fg) 88%, transparent);--header-accent:var(--brand-accent);--header-accent-fg:var(--brand-accent-fg)}.context-pill{background:color-mix(in srgb, var(--header-fg) 10%, transparent);border-radius:999px;align-items:center;min-width:0;min-height:44px;padding:0 4px 0 5px;display:flex}.context-pill .club-chip,.context-pill .team-switch-button{min-height:44px;color:var(--header-fg);background:0 0;border:0;border-radius:999px;font-size:16px;font-weight:600}.context-pill .club-chip{gap:10px;padding:0 8px 0 0}.context-pill .team-switch-button{gap:7px;padding:0 10px 0 6px}.context-pill .club-chip:hover,.context-pill .team-switch-button:hover,.context-pill .club-chip[aria-expanded=true],.context-pill .team-switch-button[aria-expanded=true]{background:color-mix(in srgb, var(--header-fg) 10%, transparent);color:var(--header-fg)}.context-pill .club-chip.static,.context-pill .club-chip.static:hover{background:0 0}.context-pill .crumb-sep{color:var(--header-fg);opacity:.5;margin:0 2px;font-size:18px}.context-pill .team-dot.on{box-shadow:none}.context-pill .team-switch-prefix{display:none}.context-pill .team-chevron{color:var(--header-fg);opacity:.8}.app-header .club-logo-initial{background:var(--header-accent);color:var(--header-accent-fg);border-radius:50%}:root[data-brand=club] .btn-primary,:root[data-brand=club] .btn-primary:hover{background:var(--brand-bg);border-color:var(--brand-bg);color:var(--brand-fg)}:root[data-brand=club] .btn-primary:hover{filter:brightness(1.15)}:root[data-brand=club] .btn-sun,:root[data-brand=club] .btn-sun:hover{background:var(--brand-accent);color:var(--brand-accent-fg);box-shadow:0 3px 0 color-mix(in srgb, var(--brand-accent) 70%, #000)}:root[data-brand=club] .btn-sun:hover{filter:brightness(1.06)}.account-button{border:2px solid color-mix(in srgb, var(--header-fg) 25%, transparent);background:var(--blue);color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:box-shadow .15s;display:inline-flex}.account-button:hover,.account-button[aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--header-fg) 22%, transparent)}.account-button .avatar{background:0 0;width:100%;height:100%;font-size:15px}.account-role{background:var(--blue-tint);color:#1747a8;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600}.user-menu{gap:10px;width:min(300px,100vw - 32px)}.user-menu-line{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.user-menu-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:8px 0;display:flex}.user-menu-item{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--ground);color:var(--ink)}.user-menu-item.on{border-color:var(--blue);background:var(--blue-tint)}.user-menu-who{overflow-wrap:anywhere;flex-direction:column;gap:3px;font-size:15px;display:flex}.user-menu-who .muted{font-size:13.5px}.team-menu{color:var(--ink)}:root[data-brand=club] .stage{background:radial-gradient(120% 140% at 50% 0%, #ffffff1f 0%, #fff0 55%, #0000002e 100%), var(--brand-stage)}:root[data-brand=club] .part-tab.on{border-bottom-color:var(--brand-marker)}:root[data-brand=club] .part-tab.on .part-tab-num{background:var(--brand-accent);color:var(--brand-accent-fg)}:root[data-brand=club] .stepcard.on{border-color:var(--brand-marker)}.club-badge{color:inherit;white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13.5px;font-weight:600;display:inline-flex}.light .club-badge{background:var(--soft)}.club-badge img{object-fit:contain;background:#fff;border-radius:8px;width:28px;height:28px}.app-header img.club-logo{box-sizing:border-box;background:#fff;border-radius:50%;padding:3px}.club-chip.static,.club-chip.static:hover{cursor:default;background:0 0}:root{--chrome-edit:420px;--chrome-video:300px;--chrome-prepare:330px}.tabbar,.rotate-hint,.picker-jump{display:none}@media (width<=640px){:root{--chrome-edit:200px;--chrome-video:200px;--chrome-prepare:200px}.app{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-header{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));flex-wrap:nowrap;gap:8px}.app-header .brand-name,.app-header .nav,.app-header .crumb-sep,.club-chip-name{display:none}.app-header .brand svg{width:36px;height:36px}.header-right{gap:6px;min-width:0}.context-pill .team-switch-button{min-width:0;max-width:52vw;padding:0 8px 0 6px}.team-switch-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tabbar{z-index:60;padding:4px max(4px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));background:var(--stage);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0f22362e}.tabbar a{color:#c8d5e2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex}.tabbar a.active{color:var(--ink);background:var(--sun)}:root[data-brand=club] .tabbar{background:var(--brand-bg)}:root[data-brand=club] .tabbar a{color:color-mix(in srgb, var(--brand-fg) 78%, transparent)}:root[data-brand=club] .tabbar a.active{background:var(--brand-accent);color:var(--brand-accent-fg)}.page{padding:18px 16px 32px}.editor-page{padding:14px 16px 28px}.page-title{font-size:30px}.drill-page .title-input,.title-sizer:after{font-size:24px}.drill-page .drill-head{gap:10px}.drill-page .drill-head-main{flex:1 1 0}.drill-switch{order:3;width:100%;margin-left:0}.drill-switch-tab{flex:1 1 0;justify-content:center}.drill-actions{order:4;width:100%;margin-left:0}.drill-actions>.btn{flex:auto}.drill-page .drill-actions>.popover-anchor{flex:none}.popover-menu{max-width:calc(100vw - 32px)}.drill-grid{grid-template-columns:minmax(0,1fr);gap:14px}.drill-grid>.editor-main{display:contents}.drill-grid>.editor-main>.drill-toolbar{order:1}.drill-grid>.editor-main>.stage{order:2}.drill-grid>.drill-toolbox{order:3}.drill-grid>.editor-main>:not(.drill-toolbar):not(.stage):not(.rotate-hint){order:4}.drill-grid>.drill-side{flex-direction:column;order:5;display:flex}.drill-page .drill-toolbox .tg{grid-template-columns:repeat(3,minmax(0,1fr))}.drill-page .drill-toolbox .dt-moves{grid-template-columns:repeat(4,minmax(0,1fr))}.drill-page .field-hint-anchor{margin-top:10px}.drill-page .field-hint{font-size:13px}.drill-page .about-form{padding:0 16px 4px}.af-step{gap:12px;padding:16px 0}.af-row{gap:12px}.af-add{flex-wrap:wrap}.af-add .input{font-size:16px}.stage{border-radius:22px;padding:10px}.rink-board{border-radius:18px;padding:5px}.rink-floor{border-radius:14px}.rotate-hint{color:var(--muted-strong);justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.picker-jump{display:inline-flex}.search input,.admin-page .input,input.input,textarea,select{font-size:16px}}@media (width<=640px) and (orientation:landscape){.rotate-hint{display:none}}@media (height<=500px) and (width>=641px){:root{--chrome-edit:36px;--chrome-video:96px;--chrome-prepare:96px}.app-header{padding:6px max(16px, env(safe-area-inset-right)) 6px max(16px, env(safe-area-inset-left));flex-wrap:nowrap;gap:10px}.app-header .brand-name,.app-header .crumb-sep,.club-chip-name,.team-switch-prefix{display:none}.app-header .brand svg{width:34px;height:34px}.app-header .nav{scrollbar-width:none;flex-wrap:nowrap;min-width:0;overflow-x:auto}.app-header .nav a{white-space:nowrap;padding:7px 11px;font-size:14.5px}.header-right{gap:6px}.team-switch-button{min-height:40px}.account-button{width:40px;height:40px}.page{padding:14px max(20px, env(safe-area-inset-right)) 28px max(20px, env(safe-area-inset-left))}.editor-page{padding:10px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left))}.drill-grid{grid-template-columns:172px minmax(0,1fr);gap:12px}.drill-grid>.drill-toolbox{overscroll-behavior:contain;max-height:calc(100dvh - 16px);position:sticky;top:8px;overflow-y:auto}.drill-grid>.drill-side{grid-column:1/-1}.drill-toolbox .tg{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{border-radius:20px;padding:8px}.rink-board{border-radius:18px;padding:5px}.rink-floor{border-radius:14px}.search input,input.input,textarea,select{font-size:16px}}@media (width<=640px){.drill-grid>.editor-main>.rotate-hint{order:2}.overlay-chip{gap:6px;padding:3px 9px;font-size:12px}}@media (height<=500px) and (width>=641px){.drill-page .edit-stage .rink-board{max-width:calc((100dvh - var(--chrome-edit)) * 2)}.drill-page .title-input,.title-sizer:after{font-size:24px}.drill-page .field-hint{padding:3px 3px 3px 12px;font-size:12.5px}.drill-page .field-hint-help{width:22px;height:22px}.drill-page .drill-toolbox .tile{gap:2px;padding:4px 2px}.drill-page .drill-toolbox .tile .ic{height:28px}}@media (width<=640px){.drop-hint{text-align:center;flex-direction:column;gap:12px;padding:16px}.planner-side .picker-jump{align-self:flex-start}#practice-plan,#drill-picker{scroll-margin-top:12px}}@media (height<=500px) and (width>=641px){:root{--chrome-video:40px;--chrome-prepare:40px}.prepare-player,[data-testid=video-stage]{grid-template-columns:minmax(0,1fr) 236px;align-items:center;gap:14px;display:grid}.prepare-player>.rink-board,[data-testid=video-stage]>.rink-board{margin:0}.video-controls .club-badge{display:none}.video-controls{padding-top:0}}@media (width<=640px){.drill-actions{position:relative}.drill-actions>.popover-anchor{position:static}.drill-actions .popover-menu{min-width:0;max-width:none;left:0;right:0}.coach-menu,.level-menu{left:0;right:auto}.account-button{width:42px;height:42px}}.field{min-width:0}input.input,select.select{height:44px}input.input[type=date],input.input[type=time]{appearance:none;width:100%;min-width:0;max-width:100%}input.input[type=date]::-webkit-date-and-time-value{text-align:left}input.input[type=time]::-webkit-date-and-time-value{text-align:left}@media (width<=640px){.app-header{position:relative}.app-header .team-switch{position:static}.app-header .team-menu{width:auto;top:calc(100% + 6px);left:12px;right:12px}.member-row{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"name name""role trash"}.member-row>.member-name{grid-area:name}.member-row>.member-role,.member-row>.chip{grid-area:role}.member-row>:last-child{grid-area:trash}.club-team-pickers{flex-wrap:nowrap;width:100%;min-width:0}.club-team-pickers>.coach-picker{flex:auto;min-width:0}.club-team-pickers .coach-picker .coach-picker-button{width:100%;max-width:none}.club-team-pickers>.btn-icon{flex:none}.slot-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"day start trash""length place place";align-items:start}.slot-row>:first-child{grid-area:day}.slot-row>:nth-child(2){grid-area:start}.slot-row>:nth-child(3){grid-area:length}.slot-row>.slot-place{grid-area:place}.slot-row>.slot-remove{grid-area:trash;place-self:end}.season-dates>.field{flex:1 1 0}.hero{border-radius:22px}.hero-body{gap:22px;padding:22px 18px}.hero-when{gap:14px}.hero-date{border-radius:18px;width:72px;height:80px}.hero-date-day{font-size:13px}.hero-date-num{font-size:42px}.hero-date-month{font-size:13px}.hero h2{font-size:27px}.hero .meta{font-size:16px}.hero-actions .btn{flex:auto}.hero-preview{border-radius:20px;padding:5px}.hero-preview .mini-floor{border-radius:15px}.hero-foot{gap:10px 18px;padding:14px 18px}.hero-foot-link,.hero-foot-link:hover{margin-left:0}.overview-cols{gap:26px}.page-title.practices-title{font-size:30px}.session-row,.session-row.compact{gap:10px;padding:10px}.session-row.next{padding:9px}.date-block,.compact .date-block{border-radius:12px;width:52px;height:58px}.date-block-num,.compact .date-block-num{font-size:25px}.session-row-title b{font-size:16px}.session-row>.status-badge{display:none}.minutes-bar,.compact .minutes-bar{width:72px}.row-btn,.compact .row-btn{padding:0 12px}.planner-page{gap:14px}.plan-top .step-marker{font-size:13px}.practice-card{border-radius:20px;gap:14px;padding:16px;position:relative}.practice-title{font-size:27px}.practice-actions{width:100%;margin-left:0;position:relative}.practice-actions .menu-anchor{position:static}.practice-actions .menu-pop{width:min(280px,100%);left:0;right:auto}.practice-show{flex:auto}.practice-chips{position:relative}.practice-chips .chip-anchor{position:static}.p-chip{height:38px;padding:0 11px;font-size:14px}.card-action>.btn{flex:auto}.block{gap:8px}.block-clock{width:38px;padding-top:12px;font-size:17px}.block-card{flex-wrap:wrap;gap:8px 10px;padding:8px 8px 8px 2px}.block-card .grip{width:28px}.block-thumb{width:92px}.block-info{flex:120px;gap:3px}.block-info b{font-size:16px}.block-point{display:none}.block-tools{flex:100%;justify-content:flex-end}.practice-tabs{margin-left:0}.practice-tablist{padding:4px 4px 0}.practice-tab{gap:6px;padding:0 8px;font-size:15px}.practice-tab.quiet{padding:0 6px}.practice-notes,.comment-form .input,.level-pill select{font-size:16px}.planner-side{border-radius:20px;min-width:0;max-width:none;padding:14px}.show-bar{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));flex-wrap:nowrap;gap:8px}.show-logo{padding-right:8px}.show-logo img,.show-logo svg{width:34px;height:34px}.show-back{width:38px;height:38px}.show-heading{flex:auto}.show-heading b{font-size:16px}.show-heading span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.show-bar .step-marker,.show-video-label{display:none}.show-video{flex:none;justify-content:center;width:42px;padding:0}.prepare-content{gap:12px;padding:12px 12px 28px}.agenda{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(190px,70%);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.agenda-card{scroll-snap-align:start;padding:10px 12px}.show-stage{padding:8px}.prepare-player .video-row{gap:10px}.prepare-player.light>.show-step-chip{align-self:flex-start;margin-bottom:-4px;display:flex;position:static}.prepare-player .rink-floor .overlay-chip{display:none}.prepare-side{max-width:none}.caption-card p{font-size:18px}}@media (height<=500px) and (width>=641px){.show-bar{flex-wrap:nowrap;gap:10px;padding:6px 16px}.show-logo img,.show-logo svg{width:32px;height:32px}.show-back{width:36px;height:36px}.show-heading{flex:auto}.show-heading span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.show-bar .step-marker,.show-video-label{display:none}.show-video{flex:none;justify-content:center;width:38px;height:38px;padding:0}.prepare-content{gap:10px;padding:8px 16px 24px}.show-notes{padding:6px 12px;font-size:14px}.agenda{grid-template-columns:none;grid-auto-columns:minmax(180px,32%);grid-auto-flow:column;overflow-x:auto}.agenda-card{padding:6px 10px}.agenda-text span{display:none}.agenda-num{width:26px;height:26px;font-size:15px}.show-stage{border-radius:20px;padding:6px}.prepare-player .chapter .name{min-height:0}.prepare-player .video-row{gap:8px}}