/* Cricket Creator: the look (docs/mockups/cricket, brand from brief 34 / 38). Cream and ink, cherry for buttons,
   highlights and the +, gold for achievements and accents on dark (never small white text on cherry's lighter
   neighbours or on gold), night for dark backgrounds. Big Shoulders Display (600) for the name and big headings, IBM
   Plex Sans for everything else (Plex Mono for small labels). Glass bars and capsule buttons. */
:root{--paper:#FEFDFB;--ink:#1C1B18;--red:#A8162B;--red-dark:#8A1223;--gold:#D4A84A;--gold-dark:#8A6A1E;--night:#0D1B2A;--mist:#F6F4F0;--soft:#5C5C58;--line:#E2DED6;--track:#EAE7E1;--green:#2F6B3A;--glass:rgba(254,253,251,.72);
  --display:"Big Shoulders Display","Arial Narrow",sans-serif;--serif:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:var(--paper)}
body{margin:0;font:15px/1.5 var(--sans);color:var(--ink);background:var(--paper);min-height:100vh}
a{color:var(--ink)}a:hover{color:var(--soft)}
img,video{max-width:100%;display:block}
h1,h2,h3{font-family:var(--sans);font-weight:600;margin:0;line-height:1.15}
h1{font-family:var(--display);font-size:34px;letter-spacing:.01em;line-height:1.05}h2{font-size:20px}h3{font-size:17px}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.cc-loading{padding:120px 20px;text-align:center;color:var(--soft)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* The bars: floating glass on phones */
.cc-top{position:fixed;left:12px;right:12px;top:calc(16px + env(safe-area-inset-top,0px));height:60px;padding:6px 6px 6px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:30px;background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px rgba(28,27,24,.12);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);z-index:20}
/* The name: the ball (the icon version below 120px) beside CRICKETER, with CREATED beneath in small spaced capitals */
.cc-word{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;white-space:nowrap;min-width:0}
.cc-word img{width:40px;height:40px;flex:0 0 auto}
.cc-word .cc-wm{display:flex;flex-direction:column;line-height:1}
.cc-word .cc-wm b{font:600 23px/1 var(--display);letter-spacing:.04em;color:var(--ink)}
.cc-word .cc-wm i{font:600 10px/1 var(--display);font-style:normal;letter-spacing:.42em;color:var(--red);margin-top:3px}
.cc-lockup{display:block;width:100%;max-width:300px;height:auto}
.cc-top nav{display:none}
.cc-add{width:48px;height:48px;border-radius:24px;border:0;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;text-decoration:none}
.cc-add:hover{background:var(--red-dark);color:#fff}
.cc-bar{position:fixed;left:12px;right:12px;bottom:calc(28px + env(safe-area-inset-bottom,0px));height:68px;padding:6px;display:flex;gap:2px;border-radius:34px;background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 34px rgba(28,27,24,.18);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);z-index:20}
.cc-bar a{flex:1 1 0;height:56px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font:500 9.5px var(--mono);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);min-width:0}
.cc-bar a[aria-current=page]{background:var(--ink);color:#fff}
.cc-bar a.cc-me{flex:0 0 56px}
.cc-av{width:40px;height:40px;border-radius:20px;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:500 18px var(--serif);border:2px solid #fff;flex:0 0 auto;overflow:hidden;text-decoration:none}
.cc-av img{width:100%;height:100%;object-fit:cover}
.cc-av.big{width:72px;height:72px;border-radius:36px;font-size:30px}
.cc-me[aria-current=page] .cc-av{box-shadow:0 0 0 2px var(--ink)}
/* brief 38: enough room at the bottom for the last thing on every page to scroll clear of the bar on any phone */
/* Update 136: the space the bottom bar takes (its height, its gap and the phone's home bar), measured by cricket.js on
   every page and resize; before that, the bar's size from its own rule. Every page ends this far above the bottom, so
   its last line always clears the bar. */
:root{--cc-barspace:calc(96px + env(safe-area-inset-bottom,0px))}
html{scroll-padding-bottom:calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 44px)}
.cc-main{padding:calc(96px + env(safe-area-inset-top,0px)) 20px calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 64px);display:flex;flex-direction:column;gap:18px;max-width:640px;margin:0 auto}
.cc-test{position:fixed;left:50%;transform:translateX(-50%);top:calc(80px + env(safe-area-inset-top,0px));z-index:19;font:500 11px var(--mono);background:var(--ink);color:#fff;border-radius:12px;padding:3px 10px;white-space:nowrap}
.cc-test a{color:#fff}

/* Computers: one bar across the top with the spaces in it, no bottom bar */
@media (min-width:900px){
  .cc-top{left:0;right:0;top:0;height:72px;border-radius:0;padding:0 32px;background:rgba(254,253,251,.9);border:0;border-bottom:1px solid var(--line);box-shadow:none}
  .cc-top nav{display:flex;gap:6px;margin-left:28px;flex:1}
  .cc-top nav a{height:42px;padding:0 16px;border-radius:21px;display:flex;align-items:center;text-decoration:none;font-size:14px;font-weight:500}
  .cc-top nav a[aria-current=page]{background:var(--ink);color:#fff}
  .cc-top .cc-right{display:flex;align-items:center;gap:12px}
  .cc-bar{display:none}
  .cc-main{padding:112px 32px 72px;max-width:1080px}
  .cc-main.narrow{max-width:640px}
  .cc-test{top:80px}
}
.cc-top .cc-right .cc-av{display:none}
@media (min-width:900px){.cc-top .cc-right .cc-av{display:inline-flex}}

/* Type and pieces */
.cc-label{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--soft)}
.cc-label.red{color:var(--red)}
.cc-soft{color:var(--soft)}
.cc-small{font-size:13px}
.cc-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cc-between{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.cc-card{background:var(--mist);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:8px}
.cc-card.white{background:#fff;border:1.5px solid var(--line)}
.cc-card.dark{background:var(--ink);color:#fff}
.cc-card.dark .cc-label{color:#CFCBC2}
.cc-note{background:var(--mist);border-radius:16px;padding:12px 14px;font-size:14px}
.cc-note.warm{background:#FBEFE9}
.cc-bar-track{height:6px;border-radius:3px;background:var(--track)}
.cc-bar-track i{display:block;height:6px;border-radius:3px;background:var(--ink)}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:22px;border:0;background:var(--ink);color:#fff;font:600 14px var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.cc-btn:hover{color:#fff;background:#3A3934}
.cc-btn.red{background:var(--red)}.cc-btn.red:hover{background:var(--red-dark)}
.cc-btn.quiet{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}.cc-btn.quiet:hover{background:var(--mist);color:var(--ink)}
.cc-btn.big{height:52px;border-radius:26px;font-size:16px;width:100%}
.cc-btn.small{height:36px;padding:0 14px;font-size:13px;border-radius:18px}
.cc-btn[disabled]{opacity:.45;cursor:default}
.cc-link{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font:inherit;color:var(--ink)}
.cc-chips{display:flex;gap:6px;flex-wrap:wrap}
.cc-chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}
.cc-chips.scroll::-webkit-scrollbar{display:none}
.cc-chip{height:36px;padding:0 14px;border-radius:18px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:500 13px var(--sans);white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.cc-chip.lg{height:40px;font-size:14px;border-radius:20px}
.cc-chip[aria-pressed=true],.cc-chip.on{border-color:var(--ink);background:var(--ink);color:#fff}
.cc-angles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cc-angle{height:64px;border-radius:16px;border:1.5px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;gap:10px;padding:0 14px;font:500 14px var(--sans);cursor:pointer;text-align:left}
.cc-angle[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}
.cc-field{display:flex;flex-direction:column;gap:6px}
.cc-field>span{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--soft)}
.cc-in,.cc-field input,.cc-field select,.cc-field textarea{font:15px var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;width:100%;min-height:46px}
.cc-field textarea{min-height:90px;resize:vertical}
.cc-in:focus,.cc-field input:focus,.cc-field select:focus,.cc-field textarea:focus{border-color:var(--ink);outline:none}
.cc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
label.cc-tick{display:flex;gap:10px;align-items:flex-start;font-size:14px;width:auto;height:auto;border:0;border-radius:0;margin:0}
.cc-tick input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink);flex:0 0 auto}
.cc-err{color:var(--red);font-size:14px}
.cc-ok{color:var(--green);font-size:14px}
.cc-list{display:flex;flex-direction:column}
.cc-list>a,.cc-list>div{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.cc-list>:first-child{border-top:0}
.cc-num{font:500 13px var(--mono);color:var(--soft);width:24px;flex:0 0 auto}
.cc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cc-stat{background:var(--mist);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px}
.cc-stat b{font:500 22px var(--serif)}
.cc-stat span{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--soft)}
.cc-tabs{display:flex;gap:4px;border-bottom:1.5px solid var(--line)}
.cc-tabs button,.cc-tabs a{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1.5px;padding:10px 12px;font:500 14px var(--sans);cursor:pointer;text-decoration:none;color:var(--soft)}
.cc-tabs [aria-selected=true]{border-bottom-color:var(--red);color:var(--ink)}
.cc-empty{background:var(--mist);border-radius:24px;padding:22px 18px;text-align:center;color:var(--soft);display:flex;flex-direction:column;gap:10px;align-items:center}
.cc-empty h2{color:var(--ink)}
.cc-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:14px;color:var(--soft);align-self:flex-start}
.cc-toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;z-index:60;max-width:calc(100% - 40px);text-align:center}
@media (min-width:900px){.cc-toast{bottom:32px}}

/* Clip tiles */
.cc-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:900px){.cc-clips{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cc-clip{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);min-width:0}
.cc-thumb{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;background:#2F5D45;overflow:hidden}
.cc-thumb img{width:100%;height:100%;object-fit:cover}
.cc-thumb.tall{aspect-ratio:3/4}
.cc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:20px;background:rgba(254,253,251,.9);color:var(--ink);display:flex;align-items:center;justify-content:center}
.cc-dur{position:absolute;right:8px;bottom:8px;font:500 11px var(--mono);color:#fff;background:rgba(28,27,24,.6);padding:2px 6px;border-radius:8px}
.cc-tag{position:absolute;left:8px;bottom:8px;font:500 10px var(--mono);color:#fff;background:rgba(28,27,24,.6);padding:2px 6px;border-radius:7px;max-width:calc(100% - 16px)}
.cc-clip b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-clip small{font-size:12px;color:var(--soft);margin-top:-4px}

/* Sign-in and the holding page */
.cc-hold{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.cc-hold-in{max-width:420px;display:flex;flex-direction:column;gap:14px;text-align:left}
.cc-hold h1{font-size:30px}
.cc-sign{max-width:440px}
.cc-code{font:500 26px var(--mono)!important;letter-spacing:8px;text-align:center}

/* Dialogs and sheets */
.cc-sheet-bg{position:fixed;inset:0;background:rgba(28,27,24,.45);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.cc-sheet{background:var(--paper);width:100%;max-width:560px;max-height:92vh;max-height:92dvh;overflow:auto;overscroll-behavior:contain;border-radius:28px 28px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
@media (min-width:900px){.cc-sheet-bg{align-items:center}.cc-sheet{border-radius:28px}}
.cc-sheet .cc-x{align-self:flex-end;background:var(--mist);border:0;width:36px;height:36px;border-radius:18px;cursor:pointer;margin:-6px -4px -40px 0;position:relative;z-index:2}

/* Video (brief 21) */
.cc-tile-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border-radius:24px;border:0;background:var(--mist);cursor:pointer;text-align:left;min-height:132px}
.cc-tile-btn b{font:500 19px var(--serif)}
.cc-tile-btn span{font-size:13px;color:var(--soft)}
.cc-tile-btn:hover{background:#EFECE6}
.cc-player{position:relative;border-radius:24px;overflow:hidden;background:#1F2D25;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.cc-player.tall{aspect-ratio:3/4;border-radius:18px}
.cc-player video{width:100%;height:100%;object-fit:contain;background:var(--night)}
.cc-bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:32px;border:0;background:rgba(254,253,251,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cc-bigplay[hidden]{display:none}
.cc-processing{position:absolute;color:#fff;font:500 13px var(--mono);display:flex;align-items:center;gap:8px}
.cc-pdur{right:12px;bottom:12px}
.cc-ctrl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:6px}
.cc-round{width:44px;height:44px;border-radius:22px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;color:var(--ink)}
.cc-round.dark{width:52px;height:52px;border-radius:26px;background:var(--ink);border-color:var(--ink);color:#fff}
.cc-scrub{position:relative;flex:1 1 90px;min-width:0;display:flex;align-items:center}
.cc-scrub input{width:100%;accent-color:var(--red);height:28px;margin:0}
.cc-marks{position:absolute;left:8px;right:8px;top:-6px;height:0}
.cc-mark{position:absolute;top:0;width:12px;height:12px;margin-left:-6px;border-radius:6px;background:var(--red);border:2px solid #fff;padding:0;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.cc-time{font:500 11px var(--mono);color:var(--soft);white-space:nowrap}
.cc-speeds{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cc-nudge{display:inline-flex;gap:6px;align-items:center;margin-left:auto}
.cc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-upill{position:fixed;left:50%;transform:translateX(-50%);top:calc(84px + env(safe-area-inset-top,0px));z-index:21;background:var(--ink);color:#fff;border-radius:16px;padding:6px 14px;font:500 12px var(--mono);text-decoration:none;white-space:nowrap}
.cc-upill:hover{color:#fff}
@media (min-width:900px){.cc-upill{top:84px}}
.cc-wait{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.cc-wait:first-of-type{border-top:0}
input[type=range]{accent-color:var(--red)}
.cc-field input[type=range]{border:0;padding:0;min-height:28px;background:none}

/* The player (brief 22) */
.cc-prof{display:flex;gap:16px;align-items:center}
.cc-prof .cc-av.big{width:84px;height:84px;border-radius:42px;font-size:34px;background:#2F5D45;border:0}
.cc-prof h1{font-size:28px}
.cc-prof p{font-size:14px;color:var(--soft)}
.cc-tabs.pills,.cc-ptabs{border:0;gap:8px;flex-wrap:wrap}
.cc-ptabs [role=tab]{height:40px;padding:0 16px;border-radius:20px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:500 14px var(--sans);margin:0}
.cc-ptabs [role=tab][aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.cc-shotgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (min-width:900px){.cc-shotgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cc-shotcard{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);min-width:0}
.cc-shotcard::before{content:"";display:block;aspect-ratio:1/1;border-radius:18px;background:var(--t,#2F5D45);margin-bottom:6px}
.cc-shotcard .cc-label{position:relative;margin-top:-38px;margin-left:10px;margin-bottom:16px;align-self:flex-start;background:rgba(28,27,24,.6);border-radius:8px;padding:2px 7px;font-size:10px;text-transform:none}
.cc-shotcard b{font-size:14px;font-weight:600}
.cc-shotcard .cc-small{font-size:12px;color:var(--soft)}
.cc-bm{background:var(--mist);border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);border-top:4px solid var(--gold)}
.cc-bm b{font:500 24px var(--serif)}
.cc-bm span{font-size:13px;color:var(--soft)}
.cc-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 0 4px;scrollbar-width:none}
.cc-strip::-webkit-scrollbar{display:none}
.cc-stripitem{flex:0 0 64px;display:flex;flex-direction:column;gap:4px;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.cc-stripitem .cc-thumb{border-radius:12px;background:#3B4A63;outline:2px solid transparent;outline-offset:2px}
.cc-stripitem[aria-pressed=true] .cc-thumb{outline-color:var(--red)}
.cc-stripitem .cc-label{font-size:10px}
.cc-comment{padding:10px 0;border-top:1px solid var(--line)}
.cc-comment:first-child{border-top:0;padding-top:2px}
.cc-comment p{font-size:14px}
.cc-upright{width:100%;max-width:240px;aspect-ratio:9/16;border-radius:16px;background:var(--night);align-self:center}
#cc-shots .cc-chips{margin-top:2px}

/* Training (brief 23) */
.cc-card.warm{background:#FBEFE9}
.cc-loadnote{font-size:15px}
.cc-today>button.cc-todayitem{display:flex;gap:12px;align-items:center;padding:14px 0;border:0;border-top:1px solid var(--line);background:none;width:100%;cursor:pointer;font:inherit;color:inherit}
.cc-today>button.cc-todayitem:first-child{border-top:0}
.cc-tag2{font:500 11px var(--mono);border-radius:10px;padding:3px 8px;background:var(--mist);color:var(--soft);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.cc-tag2.ok{background:#E5F0E7;color:var(--green)}
.cc-ex{border-top:1px solid var(--line);padding:10px 0;display:flex;flex-direction:column;gap:6px}
.cc-sets{display:flex;flex-direction:column;gap:6px}
.cc-set{display:flex;align-items:center;gap:8px}
.cc-set input{width:72px;font:15px var(--sans);border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;min-height:42px}
.cc-sday{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line)}
.cc-sitem{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;background:var(--mist);border-radius:14px;padding:10px 12px}
.cc-sitem .cc-link{margin-left:auto}
.cc-weekbars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:160px;align-items:end}
.cc-wb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;position:relative}
.cc-wbar{width:100%;max-width:38px;background:var(--ink);border-radius:8px 8px 4px 4px;min-height:3px}
.cc-wbowl{position:absolute;top:0;color:var(--red);font-size:12px}
.cc-exlist{margin:4px 0;padding-left:18px;font-size:14px}
.cc-bdayc{gap:8px}
.cc-bitem{display:flex;gap:6px;align-items:center}
.cc-bitem .cc-in{flex:1;min-height:40px;padding:8px 10px}
.cc-bitem .cc-in.s{flex:0 0 58px}

/* Highlights (brief 24) */
body.cc-dark{background:var(--night)}
body.cc-dark .cc-top{background:rgba(220,226,218,.86)}
.cc-main.cc-hmain{padding:0;max-width:none;gap:0}
.cc-hchips{position:fixed;left:0;right:0;top:calc(88px + env(safe-area-inset-top,0px));z-index:15;padding:0 12px;margin:0}
.cc-hmain .cc-hchips .cc-chip{background:rgba(255,255,255,.95);border-color:transparent}
.cc-hmain .cc-hchips .cc-chip[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-feed{height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.cc-feed::-webkit-scrollbar{display:none}
.cc-slide{position:relative;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;background:#1F3A2C;overflow:hidden}
.cc-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc-sound{position:static;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:rgba(28,27,24,.55);color:#fff;border:0;border-radius:14px;padding:4px 10px;font:500 11px var(--sans);cursor:pointer;text-shadow:none;transition:opacity .6s}
.cc-sound.fade{opacity:.0}
.cc-sound.fade:focus-visible{opacity:1}
.cc-hacts{position:absolute;right:16px;bottom:calc(150px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3}
.cc-hbtn{min-width:54px;height:54px;border-radius:27px;border:0;background:rgba(28,27,24,.75);color:#fff;font:600 13px var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center}
.cc-hbtn.react{background:var(--red);font-size:12px;width:auto;min-width:54px;padding:0 12px;white-space:nowrap}
.cc-hbtn.react[aria-pressed=true]{box-shadow:0 0 0 3px #fff}
.cc-hbtn.small{width:40px;height:40px}
.cc-hbtn[aria-pressed=true]:not(.react){background:var(--ink);box-shadow:0 0 0 2px #fff}
.cc-hcount{color:#fff;font:500 12px var(--mono);margin-top:-6px}
.cc-hinfo{position:absolute;left:16px;right:84px;bottom:calc(112px + env(safe-area-inset-bottom,0px));color:#fff;z-index:3;display:flex;flex-direction:column;gap:6px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.cc-hinfo .cc-av{width:36px;height:36px;font-size:15px}
.cc-hname{color:#fff;text-decoration:none}
.cc-follow{height:30px;padding:0 12px;border-radius:15px;border:1.5px solid #fff;background:transparent;color:#fff;font:600 12px var(--sans);cursor:pointer;margin-left:6px}
.cc-follow[aria-pressed=true]{background:#fff;color:var(--ink)}
.cc-hwhat{font-weight:600;font-size:16px}
.cc-hmeta{font-size:13px;opacity:.9}
.cc-hshort{align-self:flex-start}
/* outside the phone feed (the viewer, a clip's page) the details sit in the page, not over the video */
.cc-main:not(.cc-hmain) .cc-hinfo,.cc-sheet .cc-hinfo{position:static;color:var(--ink);text-shadow:none}
.cc-main:not(.cc-hmain) .cc-hname,.cc-sheet .cc-hname{color:var(--ink)}
.cc-main:not(.cc-hmain) .cc-follow,.cc-sheet .cc-follow{border-color:var(--ink);color:var(--ink)}
.cc-main:not(.cc-hmain) .cc-follow[aria-pressed=true],.cc-sheet .cc-follow[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-main:not(.cc-hmain) .cc-hacts,.cc-sheet .cc-hacts{position:static;flex-direction:row}
.cc-main:not(.cc-hmain) .cc-hcount,.cc-sheet .cc-hcount{color:var(--ink);margin:0 8px 0 -4px}
.cc-hgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (min-width:1200px){.cc-hgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.cc-hcard{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}
.cc-sheet.wide{max-width:900px}
.cc-hview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:899px){.cc-hview{grid-template-columns:1fr}}

/* Registrations and trials (brief 25) */
.cc-camp h1{color:#fff;font-size:26px}
.cc-checklist{display:flex;flex-direction:column}
.cc-chk{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.cc-chk:first-child{border-top:0}
.cc-ck{width:26px;height:26px;border-radius:13px;border:1.5px solid var(--line);flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff}
.cc-ck.ok{background:var(--green);border-color:var(--green)}
.cc-pickclip{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}
.cc-pickclip[aria-pressed=true] .cc-thumb{outline:3px solid var(--red);outline-offset:2px}
.cc-main.cc-review{max-width:1240px}
.cc-rv{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.cc-rv aside{display:flex;flex-direction:column;gap:0;position:sticky;top:96px}
.cc-rv aside h1{font-size:34px;margin:6px 0 14px}
.cc-rvn{border-top:1px solid var(--line);padding:14px 0}
.cc-rvn b{display:block;font:500 28px var(--serif)}
.cc-rvn span{font-size:13px;color:var(--soft)}
.cc-rv aside .cc-btn{margin-top:8px}
.cc-rvchips{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:4px}
.cc-sep{width:14px}
.cc-app{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.cc-appwho p{font-size:14px;color:var(--soft)}
.cc-appwho b{font-size:15px}
.cc-appclips{display:flex;gap:10px}
.cc-appclip{position:relative;width:96px;height:128px;border-radius:12px;overflow:hidden;border:0;padding:0;cursor:pointer;display:block}
.cc-appclip img{width:100%;height:100%;object-fit:cover}
.cc-appact{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cc-stars{display:flex;gap:2px}
.cc-stars button{background:none;border:0;padding:4px;cursor:pointer;color:#C9C4BA}
.cc-stars button[aria-pressed=true]{color:var(--red)}
.cc-stars button[aria-pressed=true] svg{fill:var(--red)}
@media (max-width:899px){.cc-rv{grid-template-columns:1fr;gap:16px}.cc-rv aside{position:static}.cc-app{grid-template-columns:1fr}.cc-appact{align-items:flex-start}}
.cc-scoutgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (min-width:900px){.cc-scoutgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cc-scard{display:flex;flex-direction:column;gap:4px}
.cc-scard .cc-thumb{margin-bottom:6px}
.cc-scard .cc-btn{align-self:flex-start;margin-top:4px}
.cc-main.wide{max-width:1240px}
/* Today: times in their own column, level with the activity; room between the list, the button and the cards */
.cc-today>button.cc-todayitem{align-items:flex-start}
.cc-todayitem>.cc-num{flex:none;width:3.4em;padding-top:2px;text-align:left}
#cc-logextra{margin:4px 0 14px}
#cc-feel{margin-bottom:10px}
#cc-feel+p.cc-small{margin:0 0 12px}
/* Brief 33: a dated plan on the Training home (Art's 28 days), with the feel of a 30 Days of Drawing lesson day */
.cc-plancard{background:#fff;border:1.5px solid var(--line)}
.cc-planday{font-size:30px;line-height:1.05}
.cc-plancard .cc-bar-track{margin-top:4px}
.cc-plancard .cc-bar-track i{background:var(--red)}
.cc-plangoal{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-weight:600;color:var(--red-dark)}
.cc-plist{display:flex;flex-direction:column}
.cc-pitem{display:flex;gap:12px;align-items:flex-start;padding:14px 2px;border:0;border-top:1px solid var(--line);background:none;width:100%;cursor:pointer;font:inherit;color:inherit;text-align:left}
.cc-pitem:first-child{border-top:0}
.cc-tick{flex:none;width:26px;height:26px;border-radius:13px;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.cc-tick.on{background:var(--green);border-color:var(--green);color:#fff}
.cc-tick.off{border-style:dashed}
.cc-pitem.is-done b{color:var(--soft)}
.cc-tlist{margin:0;padding-left:18px}
.cc-calm{background:#EEF3EF}
.cc-warmline{color:var(--red-dark);font-weight:600}
.cc-pex{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}
.cc-psets{display:flex;flex-direction:column;gap:6px}
.cc-pset{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cc-pset>.cc-small{width:3.6em}
.cc-mini{display:inline-flex;align-items:center;gap:4px}
.cc-mini input{width:4.2em;min-height:40px;padding:0 8px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.cc-mini span{font-size:12px;color:var(--soft)}
.cc-good{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.cc-good input{width:18px;height:18px}
.cc-suggest{margin:0;padding:8px 10px;border-radius:12px;background:#E5F0E7;color:var(--green);font-size:14px}
.cc-pweek{margin:10px 0}
.cc-pweek h3{font-size:18px;margin:0 0 6px}
.cc-pday{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}
.cc-pday.is-today{background:#FBEFE9;border-radius:12px;padding:8px}
.cc-pdn{flex:none;width:30px;height:30px;border-radius:15px;background:var(--mist);display:inline-flex;align-items:center;justify-content:center;font:500 12px var(--mono)}
.cc-pday.is-done .cc-pdn{background:var(--green);color:#fff}
button.cc-pday{width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
button.cc-pday:hover b{text-decoration:underline}
.cc-later{font-style:italic}
.cc-trgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}
.cc-chart{width:100%;height:auto;display:block}
.cc-chart.empty{padding:22px 0;text-align:center;color:var(--soft);font-size:13px;background:var(--mist);border-radius:12px}
.cc-cline{stroke:var(--red);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.cc-cdot{fill:var(--red)}
.cc-ctarget{stroke:var(--green);stroke-width:1.5;stroke-dasharray:4 4}
.cc-summary{background:#fff;border:2px solid var(--red)}
.cc-sumlist{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.cc-erow{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;border-top:1px solid var(--line)}
.cc-erow .cc-in{min-width:0}
/* Brief 32: the cutter and Sort your clips */
.cc-cutmark{position:absolute;top:2px;height:8px;background:var(--red);opacity:.55;border-radius:4px;pointer-events:none}
.cc-mom{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cc-when .cc-chips{margin:6px 0}
.cc-tosort .cc-label{white-space:nowrap}
.cc-when [hidden],#cc-newmatch[hidden],#cc-moment[hidden]{display:none!important}

/* brief 38: on its way. A spinner, "Processing…", the progress screen after saving, and the library's tabs */
@keyframes cc-spin{to{transform:rotate(360deg)}}
.cc-spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(168,22,43,.25);border-top-color:var(--red);animation:cc-spin .9s linear infinite;flex:0 0 auto;vertical-align:-3px}
.cc-processing .cc-spin,.cc-tproc .cc-spin{border-color:rgba(255,255,255,.3);border-top-color:#fff}
@media (prefers-reduced-motion:reduce){.cc-spin{animation-duration:3s}}
.cc-status{display:flex;gap:12px;align-items:flex-start;background:var(--mist);border-radius:20px;padding:16px}
.cc-status b{display:block;margin-bottom:2px}
.cc-status.failed{flex-direction:column;background:#FCEFEF;border:1.5px solid var(--red)}
.cc-tproc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(13,27,42,.55);color:#fff;font:500 12px var(--sans)}
.cc-progress{display:flex;flex-direction:column;gap:18px;align-items:stretch}
.cc-pthumb{width:140px;align-self:center}
.cc-progress h1{display:flex;align-items:center;gap:10px}
.cc-big-pct{font:600 56px/1 var(--display);color:var(--red)}
.cc-bar-track.big{height:10px;border-radius:5px}.cc-bar-track.big i{height:10px;border-radius:5px;background:var(--red);transition:width .3s}
.cc-upfail{color:var(--red)}
.cc-count{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--mist);color:var(--soft);font:500 11px var(--mono);line-height:18px;text-align:center}
.cc-chip[aria-pressed=true] .cc-count{background:rgba(255,255,255,.18);color:#fff}
.cc-libtabs{overflow-x:auto;scrollbar-width:none}.cc-libtabs::-webkit-scrollbar{display:none}
.cc-libtabs button{white-space:nowrap;font-size:15px}
.cc-stripitem[disabled]{cursor:default;opacity:.85}
.cc-hold .cc-lockup,.cc-sign .cc-lockup{max-width:260px;margin-bottom:6px}

/* brief 39: nothing is ever wider than the screen. Long words wrap, every block in a page may shrink, and the page itself never scrolls sideways. */
/* Update 136: only the body hides sideways overflow. With it on both html and body, phones without overflow:clip (iPhones
   before iOS 16) made the body a scroller inside the page, which stopped short of the end. On the body alone it applies
   to the page itself. */
html{max-width:100%}
body{max-width:100%;overflow-x:hidden}
/* brief 42: clip (where the browser has it) stops sideways scrolling without making the page its own scroller, so the editor’s picture can stay pinned at the top */
@supports (overflow-x:clip){body{overflow-x:clip}}
.cc-main{overflow-wrap:anywhere}
.cc-main>*{min-width:0;max-width:100%}
svg,canvas,iframe{max-width:100%}
.cc-upill[hidden]{display:none}
body.cc-hasupill .cc-main:not(.cc-hmain){padding-top:calc(132px + env(safe-area-inset-top,0px))}
@media (min-width:900px){body.cc-hasupill .cc-main:not(.cc-hmain){padding-top:148px}}
.cc-homepart{display:flex;flex-direction:column;gap:18px}.cc-homepart:empty{display:none}
#cc-homeclips{display:flex;flex-direction:column;gap:10px}
.cc-homestrip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}
.cc-homestrip::-webkit-scrollbar{display:none}
.cc-homestrip .cc-clip{flex:0 0 148px;scroll-snap-align:start}
@media (max-width:420px){.cc-bar a{font-size:8.5px;letter-spacing:0;gap:2px}.cc-bar a.cc-me{flex:0 0 48px}}
.cc-bar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* brief 39: the Highlights filter */
.cc-hfbar{position:fixed;left:16px;top:calc(84px + env(safe-area-inset-top,0px));z-index:22}
body.cc-hasupill .cc-hfbar{top:calc(120px + env(safe-area-inset-top,0px))}
.cc-hfbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;border:1px solid rgba(255,255,255,.7);background:rgba(254,253,251,.92);color:var(--ink);font:500 13px var(--sans);cursor:pointer;box-shadow:0 4px 14px rgba(28,27,24,.2)}
@media (min-width:900px){.cc-hfbar{position:static}.cc-hfbtn{border-color:var(--line);box-shadow:none;background:#fff}}
.cc-fsheet{max-height:86vh;max-height:86dvh;padding-bottom:0}
.cc-grab{width:44px;height:5px;border-radius:3px;background:var(--line);align-self:center;margin:-8px 0 2px}
.cc-fgroup{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.cc-fsticky{position:sticky;bottom:0;display:flex;gap:10px;justify-content:space-between;padding:12px 0 calc(16px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);margin-top:6px}
.cc-fsticky .cc-btn{flex:1}
@media (min-width:900px){.cc-sheet-bg:has(.cc-fsheet){align-items:stretch;justify-content:flex-end}.cc-fsheet{max-height:none;height:100%;width:380px;max-width:100%;border-radius:0;padding-bottom:0}.cc-grab{display:none}}
/* brief 39: the full-screen viewer */
body.cc-fsopen{overflow:hidden}
.cc-fs{position:fixed;inset:0;z-index:90;background:#000;color:#fff;display:flex;flex-direction:column;touch-action:pan-y}
.cc-fs-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 18px calc(12px + env(safe-area-inset-left,0px));background:linear-gradient(rgba(0,0,0,.6),transparent);transition:opacity .25s}
.cc-fs-x{width:44px;height:44px;border-radius:22px;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.cc-fs-title{flex:1;min-width:0;font:600 15px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-fs-tools{display:flex;gap:8px}
.cc-fs-btn{height:36px;padding:0 14px;border-radius:18px;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;font:500 12px var(--sans);cursor:pointer}
.cc-fs-stage{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;background:#000}
.cc-fs .cc-player{flex:1;min-height:0;aspect-ratio:auto;border-radius:0;background:#000}
.cc-fs .cc-pair{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.cc-fs .cc-pair .cc-player.tall{aspect-ratio:auto;border-radius:0}
.cc-fs .cc-pdur{display:none}
.cc-fs-ctl{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:10px;padding:34px calc(14px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));background:linear-gradient(transparent,rgba(0,0,0,.7));transition:opacity .25s}
.cc-fs.idle .cc-fs-top,.cc-fs.idle .cc-fs-ctl{opacity:0;pointer-events:none}
.cc-fs .cc-round{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff}
.cc-fs .cc-round.dark{background:#fff;border-color:#fff;color:#111}
.cc-fs .cc-time{color:#fff}
.cc-fs .cc-chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff}
.cc-fs .cc-chip[aria-pressed=true]{background:#fff;color:#111}
.cc-fs .cc-soft{color:rgba(255,255,255,.8)}
.cc-player video,.cc-pair .cc-player{cursor:pointer}
.cc-fs .cc-player video,.cc-fs video{background:#000}
/* brief 40: the + sheet, sessions, matches, the timeline and the figures */
.cc-plussheet{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
.cc-plus-grid{display:grid;grid-template-columns:1fr;gap:12px}
.cc-plus-grid .cc-tile-btn{min-height:96px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px;width:100%}
.cc-plus-grid .cc-tile-btn svg{flex:0 0 auto}
.cc-plus-grid .cc-tile-btn span{flex-basis:100%;padding-left:42px;margin-top:-4px}
a.cc-tile-btn{text-decoration:none;color:var(--ink)}
.cc-cont{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink)}
.cc-addgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cc-addgrid .cc-tile-btn{min-height:96px}
.cc-big .cc-chip{min-height:52px;padding:0 20px;font-size:16px}
.cc-btypes .cc-chip,.cc-big .cc-chip{min-width:72px}
.cc-block p{margin:0}.cc-bnote{white-space:pre-wrap}
.cc-dictate{align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.cc-dictate[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}
.cc-trtabs{display:flex;gap:4px}
.cc-trtabs a{text-decoration:none;color:var(--soft)}
.cc-trtabs a[aria-selected=true]{border-bottom:2px solid var(--red);color:var(--ink)}
.cc-kindchips{flex-wrap:wrap}
.cc-tllist{display:flex;flex-direction:column;gap:12px}
.cc-tl{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.cc-tl p{margin:0}
.cc-tlclips{display:flex;gap:6px;align-items:center;margin-top:4px}
.cc-tlthumb{width:58px;height:44px;border-radius:8px;overflow:hidden;display:block;flex:0 0 auto}
.cc-tlthumb img{width:100%;height:100%;object-fit:cover}
.cc-mclip{flex:0 0 148px;display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-mclip .cc-chips{gap:4px}.cc-mclip .cc-chip{font-size:11px;padding:0 8px;min-height:28px}
.cc-statlines{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.cc-statfilters{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.cc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-hbtn{flex:0 0 auto}.cc-hbtn:not(.react):not(.small){width:54px}
.cc-hbtn.small{min-width:40px}
.cc-hinfo{right:108px}
.cc-shotgrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.cc-shotgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cc-gtile{gap:6px}.cc-gtile .cc-thumb{border-radius:16px}.cc-gtile b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-bestgroup{display:flex;flex-direction:column;gap:8px}

/* ---- brief 41: tap a plan item, say what you did ---- */
.cc-check{display:flex;gap:10px;align-items:center;font-size:14px}
.cc-check input{width:22px;height:22px;accent-color:var(--ink);flex:0 0 auto}
.cc-actual b{color:var(--ink)}
.cc-addwhat{text-decoration:underline}
.cc-tlist.cc-list>button.cc-titem{display:flex;gap:10px;align-items:center;min-height:48px;padding:12px 2px;border:0;border-top:1px solid var(--line);background:none;width:100%;cursor:pointer;font:inherit;color:inherit;text-align:left}
.cc-tlist.cc-list>button.cc-titem:first-child{border-top:0}
.cc-schedopen{text-align:left;min-height:40px;font-size:15px}
.cc-parts{display:flex;flex-direction:column;gap:10px}
.cc-part{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;padding:10px;border-radius:16px;background:var(--mist)}
.cc-part>.cc-link{grid-column:1 / -1;justify-self:start}
.cc-drillrows{display:flex;flex-direction:column;gap:12px}
.cc-drill{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--mist)}
.cc-plandone{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cc-plandone .cc-btn{flex:1 1 160px}
.cc-planskip{margin:0}
.cc-comment{margin:8px 0}
.cc-gym{display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-gex{display:flex;flex-direction:column;gap:10px;min-width:0}
.cc-gname{font:500 18px var(--serif)}
.cc-gwhy{padding:8px 10px;border-radius:12px;background:var(--mist);margin:0}
.cc-gopts,.cc-gfoot{gap:8px}
.cc-gsets{display:flex;flex-direction:column;gap:10px}
.cc-gset{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:18px;border:1.5px solid var(--line);background:#fff;min-width:0}
.cc-gset.is-done{border-color:var(--green,#2e7d4f);background:#f3f8f4}
.cc-gsethead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cc-gsetact{display:flex;align-items:center;gap:10px}
.cc-gtick{width:44px;height:44px;border-radius:22px;border:2px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:transparent;flex:none}
.cc-gtick[aria-pressed=true]{background:var(--green,#2e7d4f);border-color:var(--green,#2e7d4f);color:#fff}
.cc-gsteps{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.cc-gcol{display:flex;flex-direction:column;gap:4px;min-width:0}
.cc-step{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;align-items:center;min-width:0}
.cc-stepbtn{width:44px;height:48px;border-radius:14px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:500 24px var(--sans);line-height:1;cursor:pointer;padding:0}
.cc-stepbtn:active{background:var(--ink);color:#fff}
.cc-stepin{width:100%;min-width:0;text-align:center;font:600 18px var(--sans);border:1.5px solid var(--line);border-radius:14px;padding:8px 2px;min-height:48px;background:#fff;color:var(--ink)}
.cc-gmore summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.cc-spark{width:100%;height:70px;color:var(--ink);display:block;overflow:visible}
.cc-ballbars{grid-template-columns:repeat(12,1fr);height:110px;gap:4px}
.cc-exprog{display:flex;flex-direction:column;gap:6px}
@media (max-width:359px){.cc-part{grid-template-columns:1fr}.cc-stepbtn{width:40px}.cc-step{grid-template-columns:40px minmax(0,1fr) 40px}}
.cc-block:has(.cc-gym){padding:10px}
.cc-gex{padding:12px}
.cc-gset{padding:8px}
.cc-gsteps{gap:8px}
.cc-step{grid-template-columns:38px minmax(40px,1fr) 38px;gap:3px}
.cc-stepbtn{width:38px}
.cc-stepin{font-size:17px}
@media (max-width:359px){.cc-step{grid-template-columns:34px minmax(36px,1fr) 34px}.cc-stepbtn{width:34px}}

/* Bowling analysis (Coaching > Analysis > Bowling) */
.an-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:500 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}
.an-crumbs a{color:var(--soft)}.an-crumbs [aria-current]{color:var(--ink)}
.an-intro{margin:6px 0 18px}
.an-h2{margin:26px 0 10px}
.an-what{background:var(--mist);border-radius:14px;padding:12px 14px;font-size:14px}
.an-consent,.an-start{display:flex;flex-direction:column;gap:12px}
.an-left{font:600 13px/1.3 var(--sans);color:var(--red);text-align:right}
.an-history{display:flex;flex-direction:column;gap:10px}
.an-hitem{display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);min-width:0}
.an-hpic{flex:0 0 auto;width:88px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--night);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.an-hpic img{width:100%;height:100%;object-fit:cover}
.an-hbody{display:flex;flex-direction:column;min-width:0}.an-hbody small{color:var(--soft)}.an-hbody small.cc-ok{color:var(--green)}
.an-guide{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.an-guide li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px}
.an-guide li span{display:flex;flex-direction:column;min-width:0}.an-guide small{color:var(--soft)}
.an-gicon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--mist);color:var(--red);align-items:center;justify-content:center;display:flex!important}
.an-angles{margin-bottom:18px}.an-angles .cc-grid2{margin:6px 0 10px}
.an-group{margin:18px 0}.an-group h2{margin-bottom:8px}
.an-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.an-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.an-picks{grid-template-columns:repeat(4,minmax(0,1fr))}}
.an-pick{display:flex;flex-direction:column;gap:4px;text-align:left;background:none;border:0;padding:0;cursor:pointer;min-width:0}
.an-pick b{font-size:14px;overflow-wrap:anywhere}.an-pick small{color:var(--soft);font-size:12px}
.an-pick .cc-thumb{outline:3px solid transparent;outline-offset:2px}
.an-pick[aria-pressed=true] .cc-thumb{outline-color:var(--red)}
.an-tick{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.85);color:transparent;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.an-pick[aria-pressed=true] .an-tick{background:var(--red);color:#fff}
.an-bar{position:sticky;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:5;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;padding:12px 14px;margin-top:16px;display:flex;flex-direction:column;gap:8px}
@media (min-width:900px){.an-bar{bottom:16px}}
.an-count{font-size:14px;font-weight:600}.an-count .cc-ok{color:var(--green)}
.an-need{margin:0}
.an-missing{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.an-prog,.an-fail{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.an-care{margin:12px 0}
.an-overall{margin:12px 0 4px}
.an-seenline{margin:4px 0 10px}.an-actions{margin-bottom:6px}
.an-sec{margin:24px 0 8px;display:flex;flex-direction:column;gap:12px}
#an-sec-discuss_with_coach h2{color:var(--red)}
.an-obs{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}
@media (min-width:700px){.an-obs{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}
.an-frame{position:relative;display:block;border:0;padding:0;margin:0;background:var(--night);cursor:pointer;min-height:120px}
.an-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.an-at{position:absolute;left:8px;bottom:8px;display:inline-flex;gap:6px;align-items:center;background:rgba(13,27,42,.78);color:#fff;font:500 12px/1 var(--mono);padding:6px 9px;border-radius:999px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-obody{padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.an-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.an-phase{font:600 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
.an-conf{font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid var(--line)}
.an-conf-clear{background:#E7F1E8;color:var(--green);border-color:#CFE3D2}
.an-conf-probable{background:#FBF3E1;color:var(--gold-dark);border-color:#F0E0B8}
.an-conf-unsure{background:var(--mist);color:var(--soft)}
.an-text{font-size:15px;overflow-wrap:anywhere}
.an-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.an-seen{display:inline-flex;gap:4px;align-items:center;color:var(--soft)}.an-seen.cc-ok{color:var(--green)}
.an-mark{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}
.an-mark-agree{background:#E7F1E8;color:var(--green)}.an-mark-unsure{background:#FBF3E1;color:var(--gold-dark)}
.an-comments .cc-comment{padding:8px 0}
.an-coach{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.an-cform{display:flex;flex-direction:column;gap:8px}
.an-cmp{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;margin:12px 0}
.an-change{font-size:12px;font-weight:600;color:var(--red);text-align:right}
.an-cmp .cc-grid2{margin-top:8px}
.an-citem{margin:6px 0}.an-citem p{font-size:14px;overflow-wrap:anywhere}
.an-csec{font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}
.an-csec-looks_good{color:var(--green)}.an-csec-discuss_with_coach{color:var(--red)}
.an-entry{display:flex;flex-direction:column;gap:8px}
.an-entrylink{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}
.an-entrylink>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.an-entrylink small{color:var(--soft)}
.an-new{color:var(--red);font-weight:600}

/* Training home: one large clip, then a row of larger tiles */
.cc-homebig{display:flex;flex-direction:column;gap:6px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;margin-bottom:12px}
.cc-homebig .cc-thumb{aspect-ratio:16/9;border-radius:22px;background:var(--night)}
.cc-homebig .cc-thumb img{width:100%;height:100%;object-fit:cover}
.cc-play.big{width:64px;height:64px;border-radius:32px}
.cc-homebigtxt{display:flex;flex-direction:column;min-width:0}.cc-homebigtxt b{font-size:17px;overflow-wrap:anywhere}.cc-homebigtxt small{color:var(--soft)}
.cc-homerow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}
.cc-homerow::-webkit-scrollbar{display:none}
.cc-homerow .cc-clip{flex:0 0 min(62%,240px);scroll-snap-align:start}
/* Exercise how-to's and "Done as planned" */
.cc-gnamebox{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.cc-howbtn{font:600 12px/1 var(--sans);padding:6px 10px;border-radius:999px;border:1px solid var(--red);color:var(--red);background:#fff;cursor:pointer;white-space:nowrap}
.cc-howsheet h3{margin:14px 0 6px;font-size:15px}
.cc-howvid{border-radius:18px;overflow:hidden;background:var(--night);margin:10px 0}
.cc-howvid video{width:100%;aspect-ratio:16/9;object-fit:cover}
.cc-howpts,.cc-howmis{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.cc-howmis li::marker{color:var(--red)}
.cc-gall{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.cc-gasplan{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0}

/* ---------- brief 42: editing a clip (trim, zoom keyframes) and best moments ---------- */
.cc-mark.gold{background:var(--gold);width:14px;height:14px;margin-left:-7px;border-radius:3px;transform:rotate(45deg);top:-1px}
.cc-editrow{margin-top:-4px}
.cc-moments{display:flex;flex-wrap:wrap;gap:8px}
.cc-moment{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:20px;border:1.5px solid var(--gold);background:#FBF5E6;font:500 14px var(--sans);color:var(--ink);cursor:pointer}
.cc-golddot{width:10px;height:10px;background:var(--gold);transform:rotate(45deg);border-radius:2px;flex:0 0 auto}
.cc-bestpick .cc-chip{min-height:44px;padding:8px 16px;font-size:15px}
.cc-comment.outside{opacity:.75}
.cc-outside{display:inline-block;background:var(--mist);color:var(--soft);border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
/* Round 2: the editor fills the screen. A slim bar on top (Cancel, how things stand, ?, Save), the film as large as it
   fits, and the timeline docked underneath with the controls within the thumb's reach. Landscape puts the controls beside. */
body.cc-full .cc-top,body.cc-full .cc-bar,body.cc-full .cc-test,body.cc-full #cc-upill{display:none!important}
body.cc-full{background:#0B0F14;overflow:hidden}
.cc-main.cc-edmain{padding:0;max-width:none;margin:0;gap:0}
.cc-ed{position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar" "stage" "dock";background:#0B0F14;color:#fff;height:100vh;height:100dvh;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);overflow:hidden;-webkit-user-select:none;user-select:none}
.cc-edbar{grid-area:bar;display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:56px}
.cc-edcancel{background:none;border:0;color:#fff;font:600 15px var(--sans);min-height:44px;padding:0 8px;cursor:pointer;flex:0 0 auto}
.cc-edst{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.25;color:#C9CFC9;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cc-edst.clean,.cc-edst.saved{color:#9FD3AE;font-weight:600}
.cc-edst.offline,.cc-edst.newer,.cc-edst.nosignal{color:var(--gold);font-weight:600}
.cc-edst.unsaved{color:#FFB3BD;font-weight:600}
.cc-edst.error{color:#FFB3BD;font-weight:700}
.cc-edicon{width:40px;height:40px;border-radius:20px;border:1.5px solid rgba(255,255,255,.35);background:none;color:#fff;font:700 17px var(--sans);cursor:pointer;flex:0 0 auto}
.cc-edsavebtn{flex:0 0 auto;height:44px;padding:0 20px;font-size:15px}
.cc-edsavebtn[disabled]{opacity:.7}
.cc-edstage{grid-area:stage;position:relative;overflow:hidden;background:#000;touch-action:none;cursor:grab;min-height:0}
.cc-edstage video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;background:#000;pointer-events:none}
.cc-edlabels{position:absolute;left:10px;top:10px;display:none;gap:6px;flex-wrap:wrap;pointer-events:none;z-index:2}
.cc-edtag{background:rgba(11,15,20,.72);color:#fff;font:600 13px var(--sans);border-radius:12px;padding:3px 10px;font-variant-numeric:tabular-nums}
.cc-edtag.gold{background:var(--gold);color:var(--ink)}
.cc-edkeep{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(11,15,20,.8);color:#fff;border-radius:16px;padding:6px 14px;font-size:13.5px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:2}
.cc-edzoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:8px;z-index:2}
.cc-edz{width:44px;height:44px;border-radius:22px;border:0;background:rgba(11,15,20,.72);color:#fff;font:600 24px/1 var(--sans);cursor:pointer}
.cc-edring{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:4px solid var(--gold);pointer-events:none;z-index:3;animation:cc-ring .6s ease-out forwards}
@keyframes cc-ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}
.cc-edstage.flash::after{content:"";position:absolute;inset:0;border:4px solid var(--gold);pointer-events:none;animation:cc-flash .6s ease-out forwards;z-index:3}
@keyframes cc-flash{from{opacity:1}to{opacity:0}}
.cc-edhints{position:absolute;inset:0;z-index:5;background:rgba(11,15,20,.62);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;cursor:pointer;text-align:center}
.cc-edhint{background:#fff;color:var(--ink);border-radius:18px;padding:12px 18px;max-width:300px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.cc-edhint b{font-size:16px}.cc-edhint span{font-size:13px;color:var(--soft)}
.cc-edhint.low{margin-top:auto}
.cc-edhintgo{font:600 14px var(--sans);color:#fff;opacity:.9}
.cc-edsaved{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(11,15,20,.55);animation:cc-flash .25s ease-out reverse}
.cc-edsaved span{width:84px;height:84px;border-radius:42px;background:#2F6B45;display:flex;align-items:center;justify-content:center;color:#fff}
.cc-edsaved b{font:600 26px var(--display);letter-spacing:.03em}
.cc-eddock{grid-area:dock;display:flex;flex-direction:column;gap:8px;padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));background:#141A21;border-top:1px solid rgba(255,255,255,.08)}
.cc-ed.cc-bare .cc-eddock,.cc-ed.cc-bare .cc-edzoom{display:none}
.cc-ed.cc-bare .cc-edlabels,.cc-edstage.gest .cc-edlabels{display:flex}
.cc-edinfo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:4px}
.cc-edtime{font:600 17px var(--sans);font-variant-numeric:tabular-nums;margin-right:auto}
.cc-edpill{font:600 12.5px var(--sans);border-radius:12px;padding:3px 10px;background:rgba(255,255,255,.1);color:#fff;border:0;font-variant-numeric:tabular-nums;min-height:26px}
button.cc-edpill{cursor:pointer;min-height:40px;border-radius:20px;padding:0 12px}
.cc-edpill.key.on{background:var(--gold);color:var(--ink)}
.cc-edtl{padding:22px 2px 4px}
.cc-tltrack{position:relative;height:64px;border-radius:10px;background:#2A323B;touch-action:none;cursor:pointer}
.cc-tlstrip{position:absolute;inset:0;border-radius:10px;overflow:hidden;display:flex;background-size:cover;background-position:center}
.cc-tlstrip canvas{flex:1 1 0;min-width:0;height:100%;opacity:0;transition:opacity .2s}
.cc-tlstrip canvas.on{opacity:1}
.cc-tlin{position:absolute;top:0;bottom:0;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);pointer-events:none}
.cc-tlout{position:absolute;top:0;bottom:0;background:rgba(11,15,20,.72);pointer-events:none}
.cc-tlout.l{left:0;border-radius:10px 0 0 10px}.cc-tlout.r{right:0;border-radius:0 10px 10px 0}
.cc-tlglide{position:absolute;left:0;right:0;bottom:3px;height:8px;pointer-events:none;z-index:2}
.cc-gl{position:absolute;top:0;height:8px;border-radius:4px;background:var(--gold);box-shadow:0 0 0 1px rgba(11,15,20,.5)}
.cc-gl.hold{background:none;height:0;top:3px;border-top:2px dashed rgba(255,255,255,.85);box-shadow:none;border-radius:0}
.cc-tlhead{position:absolute;top:-8px;bottom:-8px;width:4px;margin-left:-2px;background:var(--red);border-radius:2px;pointer-events:none;z-index:5;box-shadow:0 0 0 1.5px #fff}
.cc-tlhead b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;background:var(--red);color:#fff;font:600 11.5px var(--sans);border-radius:8px;padding:1px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-tlhead.l b{left:-2px;transform:none}.cc-tlhead.r b{left:auto;right:-2px;transform:none}
.cc-th{position:absolute;top:-4px;bottom:-4px;width:22px;margin-left:-11px;background:var(--gold);border:0;border-radius:8px;cursor:ew-resize;z-index:4;touch-action:none;padding:0}
.cc-th::after{content:"";position:absolute;left:9px;top:18px;bottom:18px;width:4px;border-radius:2px;background:var(--ink)}
.cc-th::before{content:"";position:absolute;inset:-6px -10px}
.cc-kf{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:#fff;border:3px solid var(--ink);transform:rotate(45deg);border-radius:4px;cursor:grab;z-index:4;touch-action:none;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.cc-kf::before{content:"";position:absolute;inset:-11px}
.cc-kf.on{background:var(--gold);box-shadow:0 0 0 4px rgba(212,168,74,.45)}
.cc-kf.hold{border-style:dashed}
.cc-kf.new{animation:cc-pop .45s ease-out}
@keyframes cc-pop{0%{transform:rotate(45deg) scale(.2)}60%{transform:rotate(45deg) scale(1.35)}100%{transform:rotate(45deg) scale(1)}}
.cc-edpanel{display:flex;flex-direction:column;gap:8px}
.cc-edctl{display:flex;align-items:center;justify-content:center}
.cc-edrow2{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cc-edundo{display:flex;gap:6px}
.cc-edtrans{display:flex;align-items:center;gap:4px}
.cc-edround{width:44px;height:44px;border-radius:22px;border:1.5px solid rgba(255,255,255,.28);background:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;padding:0}
.cc-edround.dark{width:52px;height:52px;border-radius:26px;background:#fff;color:var(--ink);border-color:#fff}
.cc-edround[disabled]{opacity:.35;cursor:default}
.cc-edround.small{width:44px;height:44px}
.cc-edspeeds{gap:4px}
.cc-edspeeds .cc-chip{min-height:44px;min-width:44px;justify-content:center;padding:0 10px;background:none;color:#fff;border-color:rgba(255,255,255,.28);font-size:14px}
.cc-edspeeds .cc-chip[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}
.cc-edacts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cc-edact{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:22px;border:1.5px solid rgba(255,255,255,.28);background:none;color:#fff;font:600 14px var(--sans);cursor:pointer;white-space:nowrap}
#cc-kadd{background:var(--gold);color:var(--ink);border-color:var(--gold)}
@media (max-width:360px){.cc-edact{padding:0 10px;font-size:13px}.cc-edround{width:40px;height:40px}.cc-edsavebtn{padding:0 14px}}
/* landscape on a phone: the film and its timeline on the left, the time and the controls in a column on the right */
@media (orientation:landscape) and (max-height:560px){
  .cc-ed{grid-template-columns:minmax(0,1fr) minmax(260px,36%);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"bar bar" "stage info" "stage panel" "tl panel"}
  .cc-edbar{min-height:48px;padding:4px 10px}
  .cc-eddock{display:contents}
  .cc-eddock>.cc-edtl{grid-area:tl;background:#141A21;padding:20px 10px calc(6px + env(safe-area-inset-bottom,0px))}
  .cc-tltrack{height:52px}
  .cc-eddock>.cc-edinfo{grid-area:info;background:#141A21;padding:10px 12px 4px}
  .cc-eddock>.cc-edpanel{grid-area:panel;background:#141A21;padding:4px 12px calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-between;overflow:auto}
  .cc-ed.cc-bare{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "stage" "stage" "stage"}
}
/* computers: the same screen, with the dock no wider than it needs to be */
@media (min-width:900px) and (min-height:561px){.cc-eddock{padding-left:max(16px,calc(50% - 480px));padding-right:max(16px,calc(50% - 480px))}}
.cc-edrows{display:flex;flex-direction:column;gap:8px}
.cc-edrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cc-edrow > span{flex:0 0 100%;font-size:14px}
.cc-edrow b{font-variant-numeric:tabular-nums}
.cc-kcard{display:flex;flex-direction:column;gap:10px}
.cc-kcard p{margin:0}
.cc-kcard .cc-chips .cc-chip{min-height:44px}
.cc-permcard{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.cc-editrow .cc-btn,.cc-permbox .cc-btn,#cc-permbox .cc-btn,.cc-sheet .cc-edrow .cc-btn,#cc-permpane .cc-btn{height:44px}
.cc-moments .cc-moment{min-height:44px}
.cc-edited{display:inline-block;background:var(--ink);color:#fff;border-radius:10px;padding:1px 9px;font-size:12px;font-weight:600;letter-spacing:.02em;margin-right:4px}
.cc-col{display:flex;flex-direction:column;gap:10px}
.cc-note .cc-link{min-height:36px}

/* Brief 43: the ISPL trials module. The banner on Training and Highlights, the campaign's page, applying one step at a
   time (the live variety checklist, choosing clips, the review, agreements, the entry fee, the confirmation), the status
   page, and the organiser's review with deliveries and shots together and the fee. */
.cc-trialbanner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:var(--night);color:#fff;text-decoration:none}
.cc-trialbanner:hover{color:#fff;background:#14283D}
.cc-tbtxt{flex:1;min-width:0;display:flex;flex-direction:column}
.cc-tbtxt b{font:600 16px var(--sans)}.cc-tbtxt small{font-size:12px;opacity:.75}
.cc-tbdot{width:10px;height:10px;border-radius:5px;background:var(--gold);flex:0 0 auto;box-shadow:0 0 0 4px rgba(212,168,74,.25)}
.cc-hfbar{display:flex;gap:8px;flex-wrap:wrap;right:16px}
.cc-trialpill{text-decoration:none;gap:8px}
.cc-trialpill .cc-tbdot{width:8px;height:8px;box-shadow:none}
.cc-camphero{padding:22px 18px}
.cc-camphero h1{font-size:32px}
.cc-tstate{display:inline-flex;align-self:flex-start;margin-top:4px;padding:4px 12px;border-radius:14px;background:rgba(255,255,255,.12);font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.03em}
.cc-tstate.on{background:var(--gold);color:var(--ink)}
.cc-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}
.cc-dl dt{color:var(--soft)}.cc-dl dd{margin:0;font-weight:500}
.cc-dl dd.missing{color:var(--red)}
.cc-card.cc-dl{display:grid;padding:16px}
.cc-venues{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.cc-venues li{display:flex;flex-direction:column;padding:10px 12px;border-radius:14px;background:var(--mist)}
.cc-venues li span{font-size:13px;color:var(--soft)}
.cc-tlist{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.cc-feebig{font:600 20px var(--sans)}
.cc-demo{align-self:flex-start;display:inline-block;padding:6px 12px;border-radius:12px;background:#FFF4D6;border:1.5px dashed var(--gold-dark);color:#5A4510;font:600 13px var(--sans)}
.cc-center{text-align:center}
.cc-campsec{gap:10px}
.cc-stephead{display:flex;align-items:center;gap:12px}
.cc-stephead .cc-back{width:40px;height:40px;border-radius:20px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#fff}
.cc-stepbar{height:6px;border-radius:3px;background:var(--track);margin-top:6px;overflow:hidden}
.cc-stepbar i{display:block;height:100%;background:var(--red);border-radius:3px}
.cc-varbox{position:sticky;top:calc(84px + env(safe-area-inset-top,0px));z-index:5;background:var(--paper);padding:8px 0;margin:-8px 0}
.cc-variety{list-style:none;margin:0;padding:12px 14px;border-radius:18px;background:#fff;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:14px}
.cc-variety li{display:flex;align-items:center;gap:10px}
.cc-variety .cc-ck{width:22px;height:22px}
.cc-variety li.ok span{color:var(--green);font-weight:600}
.cc-pickgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:600px){.cc-pickgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cc-pick{display:flex;flex-direction:column;gap:4px;text-align:left;background:none;border:0;padding:0;cursor:pointer;min-width:0}
.cc-pick b{font-size:14px}.cc-pick small{font-size:12px;color:var(--soft)}
.cc-pick .cc-thumb{border:3px solid transparent}
.cc-pick[aria-pressed=true] .cc-thumb{border-color:var(--red)}
.cc-pick[disabled]{opacity:.45;cursor:default}
.cc-picknum{position:absolute;left:8px;top:8px;width:26px;height:26px;border-radius:13px;background:var(--red);color:#fff;font:600 13px var(--sans);display:none;align-items:center;justify-content:center}
.cc-pick[aria-pressed=true] .cc-picknum{display:flex}
.cc-stepbtns{flex-wrap:nowrap}
.cc-revgroup{gap:10px}
.cc-revlist{display:flex;flex-direction:column;gap:8px}
.cc-revrow{display:flex;align-items:center;gap:12px}
.cc-revthumb{border:0;padding:0;background:none;cursor:pointer;width:84px;flex:0 0 auto}
.cc-revthumb .cc-thumb{border-radius:12px}
.cc-feet{width:100%;border-collapse:collapse;font-size:15px}
.cc-feet td{padding:6px 0;border-bottom:1px solid var(--line)}
.cc-feet td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.cc-feet tr.tot td{font-weight:700;border-bottom:0;font-size:17px}
.cc-green{color:var(--green)}
.cc-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:8px}
.cc-bigtick{width:64px;height:64px;border-radius:32px;background:var(--mist);display:inline-flex;align-items:center;justify-content:center}
.cc-bigtick.ok{background:var(--green);color:#fff}
.cc-sentrow{display:flex;flex-wrap:wrap;gap:6px}
.cc-sentrow .cc-thumb{width:56px;border-radius:10px}
.cc-feepill{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:10px;font:600 11px var(--mono);text-transform:uppercase;background:var(--mist);color:var(--soft)}
.cc-feepill.paid{background:#E3F0E5;color:var(--green)}.cc-feepill.waived{background:#FFF4D6;color:#5A4510}.cc-feepill.refunded{background:#FBEFE9;color:var(--red)}
.cc-app.steps{grid-template-columns:minmax(180px,1fr) auto}
.cc-app.steps .cc-appwho{grid-column:1}
.cc-app.steps .cc-appgroups{grid-column:1 / -1;grid-row:2}
.cc-appgroups{display:flex;flex-direction:column;gap:12px}
.cc-appgroup .cc-between{align-items:flex-start;gap:12px;flex-wrap:wrap}
.cc-appgroup .cc-variety{flex-direction:row;flex-wrap:wrap;padding:6px 10px;font-size:12px;gap:4px 12px;border-radius:12px}
.cc-appgroup .cc-variety .cc-ck{width:18px;height:18px}
.cc-appgroup .cc-appclips{flex-wrap:wrap;margin-top:6px}
.cc-appgroup .cc-appclip{width:84px;height:112px}
.cc-hfbar{pointer-events:none}.cc-hfbar>*{pointer-events:auto}
@media (max-width:899px){.cc-app.steps{grid-template-columns:1fr}.cc-app.steps .cc-appgroups{grid-row:auto}}
.cc-appgroup .cc-appclip .cc-tag{overflow-wrap:normal;word-break:normal;font-size:10px;line-height:1.25}

/* Brief 44 (fixes round), part A. The cause of the squeezed parents' page: a list row (.cc-list > div) is one flex line
   that never wraps; its buttons keep their full width (white-space:nowrap), and the text column beside them was allowed
   to shrink to nothing (min-width:0), so the name went one letter per line and the buttons ran off the screen. Every list
   row now wraps, and its text column keeps at least 8em before anything shrinks it, on every page. */
.cc-list>a,.cc-list>div{flex-wrap:wrap}
.cc-list>a>div[style*="flex:1"],.cc-list>div>div[style*="flex:1"]{min-width:min(8em,100%)!important}
.cc-list>a>.cc-btn,.cc-list>div>.cc-btn{max-width:100%;white-space:normal;text-align:center;height:auto;min-height:36px;padding-top:6px;padding-bottom:6px}
/* the parents' page: a card per young player */
.cc-kids{display:flex;flex-direction:column;gap:12px}
.cc-kid{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:14px}
.cc-kidtop{display:flex;align-items:center;gap:12px}
.cc-kidname{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.cc-kidname b{font-size:17px;overflow-wrap:break-word}
.cc-kidacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.cc-kidacts .cc-btn{width:100%;white-space:normal;height:auto;min-height:44px;text-align:center}
/* The bottom bar's picture is the same size everywhere; on its own page only a ring shows (no black pill around it) */
.cc-bar a.cc-me[aria-current=page]{background:none}
.cc-bar a.cc-me .cc-av{width:40px;height:40px}
/* Brief 44, part B: Your clips' grouped tiles. The old card style's empty square (.cc-shotcard::before) is gone from
   them; every tile keeps its words, and a tile without a picture shows a placeholder, never a blank square. */
.cc-gtile{display:flex;flex-direction:column;gap:6px;min-width:0}
.cc-gtile::before{content:none;display:none}
.cc-gtlink{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);min-width:0}
.cc-gtlink b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-gtlink .cc-small{font-size:12px;color:var(--soft)}
.cc-gtile .cc-thumb{aspect-ratio:1/1}
.cc-noposter{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px)!important}
.cc-tph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75)}
.cc-tmiss{background:rgba(28,27,24,.72)}
.cc-gtacts{display:flex;flex-wrap:wrap;gap:6px}
.cc-gtacts .cc-btn{flex:1 1 auto}
/* the tabs: short labels on phones, and a fade at the right edge while there is more to scroll to */
.cc-tshort{display:none}
@media (max-width:430px){.cc-libtabs .cc-tlong{display:none}.cc-libtabs .cc-tshort{display:inline}.cc-libtabs button{padding:10px 10px;font-size:14px}}
.cc-libtabs.cc-more{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
/* round 2: in the full-screen editor, messages show at the top of the film, clear of the controls */
body.cc-full .cc-toast{top:calc(66px + env(safe-area-inset-top,0px));bottom:auto}

/* Update 127: teams. A coloured edge for each team, the calendar by day, the workload across teams, sharing switches,
   the coach's team switch, and the View as banner. */
.cc-tdot{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:6px;flex:0 0 auto;vertical-align:baseline}
.cc-tcards{display:flex;flex-direction:column;gap:12px}
a.cc-tcard{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);border-left:6px solid var(--tc,var(--red))}
a.cc-tcard:hover{color:var(--ink)}
a.cc-tcard.past{opacity:.8}
.cc-tnext{margin-top:2px}
.cc-thead{border-left:6px solid var(--tc,var(--red));padding-left:12px;display:flex;flex-direction:column;gap:4px}
.cc-bigcode{font:600 24px var(--mono);letter-spacing:.12em}
.cc-evlist{display:flex;flex-direction:column}
.cc-evrow{display:flex;gap:10px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}
.cc-evrow:first-child{border-top:0}
.cc-clash{display:inline-block;background:#FBEFE9;color:var(--red);border-radius:10px;padding:0 8px;font-size:12px;font-weight:700}
#cc-evadd summary{list-style:none;cursor:pointer;margin-top:8px}
#cc-evadd summary::-webkit-details-marker{display:none}
.cc-notice{padding:8px 0;border-top:1px solid var(--line)}
.cc-notice:first-of-type{border-top:0}
.cc-tlegend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}
.cc-cal{display:flex;flex-direction:column;gap:14px}
.cc-calday h3{font-size:14px;color:var(--soft);font-weight:600;margin-bottom:6px}
.cc-calday.today h3{color:var(--red)}
.cc-calitem{background:#fff;border:1px solid var(--line);border-left:6px solid var(--tc,var(--red));border-radius:14px;padding:10px 12px;margin-bottom:8px}
.cc-calitem.clash{border-color:var(--red);border-left-color:var(--tc,var(--red));box-shadow:0 0 0 2px rgba(168,22,43,.12)}
.cc-calteam{display:block;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--soft)}
.cc-wl{display:flex;flex-direction:column;gap:10px}
.cc-wlbig{font-size:17px}
.cc-wlbars{display:flex;flex-direction:column;gap:6px}
.cc-wlbar{display:grid;grid-template-columns:minmax(0,9em) 1fr auto;gap:8px;align-items:center;font-size:13px}
.cc-wlname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-wltrack{height:10px;border-radius:5px;background:var(--track);overflow:hidden}
.cc-wltrack i{display:block;height:10px;border-radius:5px}
.cc-wlnums{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}
.cc-wlnotes{display:flex;flex-direction:column;gap:6px}
.cc-warmtext{color:var(--red);font-weight:600}
.cc-switches{display:flex;flex-direction:column;gap:4px}
.cc-switch{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 0;border-top:1px solid var(--line);cursor:pointer}
.cc-switch:first-child{border-top:0}
.cc-switch input{position:absolute;opacity:0;width:1px;height:1px}
.cc-switchui{width:48px;height:28px;border-radius:14px;background:var(--line);position:relative;flex:0 0 auto;transition:background .15s}
.cc-switchui::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.cc-switch input:checked+.cc-switchui{background:var(--green)}
.cc-switch input:checked+.cc-switchui::after{left:23px}
.cc-switch input:focus-visible+.cc-switchui{outline:3px solid var(--red);outline-offset:2px}
.cc-tswitch{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.cc-tswitch .cc-chip{flex:0 0 auto}
#cc-cteam{border-left:6px solid var(--tc,var(--red));display:flex;flex-direction:column;gap:10px}
#cc-coachteams{display:flex;flex-direction:column;gap:10px}
.cc-figs{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.cc-teampick .cc-chip{min-height:44px}
.cc-teamfilter{margin-top:-4px}
.cc-teamfilter .cc-chip{min-height:40px}
.cc-homecal{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.cc-homecal p{margin:0}
.cc-viewas{position:fixed;left:0;right:0;top:0;z-index:70;background:var(--gold);color:var(--ink);font:600 14px var(--sans);padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.cc-viewas button{height:34px;padding:0 14px;border-radius:17px;border:0;background:var(--ink);color:#fff;font:600 13px var(--sans);cursor:pointer}
body.cc-hasview .cc-top{top:calc(56px + env(safe-area-inset-top,0px))}
body.cc-hasview .cc-main{padding-top:calc(136px + env(safe-area-inset-top,0px))}

/* ---------- Update 136: the clip's ⋯ menu, deleting with 30 days to undo, Select on Every clip ---------- */
.cc-titlerow{display:flex;align-items:flex-start;gap:10px}.cc-titlerow h1{flex:1;min-width:0;margin:0}
.cc-kebab{flex:0 0 auto;width:44px;height:44px;border-radius:22px;border:1px solid var(--line);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.cc-kebab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.cc-menu{display:flex;flex-direction:column;margin:0 -8px}
.cc-menu button{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:none;font:500 16px var(--sans);color:var(--ink);text-align:left;cursor:pointer;border-radius:0}
.cc-menu button:last-child{border-bottom:0}.cc-menu button.danger{color:var(--red)}
.cc-link.cc-danger{color:var(--red);display:inline-flex;align-items:center;gap:6px;font-size:15px;min-height:44px}
.cc-delline{margin:4px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.cc-delsheet #cc-delwhat{font-size:16px;margin:0}
.cc-selbar{position:fixed;left:12px;right:12px;bottom:calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 10px);z-index:30;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-radius:26px;background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:620px;margin:0 auto}
.cc-selbar span{flex:1;min-width:0;white-space:nowrap}.cc-selbar .cc-btn.quiet{background:rgba(255,255,255,.12);color:#fff;border-color:transparent}
.cc-main.cc-selecting{padding-bottom:calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 140px)}
.cc-selgrid .cc-clip{position:relative}
.cc-selgrid .cc-clip .cc-thumb::after{content:"";position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:12px;border:2px solid #fff;background:rgba(0,0,0,.25)}
.cc-selgrid .cc-clip[aria-checked=true] .cc-thumb::after{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/16px no-repeat}
.cc-selgrid .cc-clip[aria-checked=true] .cc-thumb{outline:3px solid var(--red);outline-offset:-3px}
.cc-gonelist{display:flex;flex-direction:column;gap:10px}
.cc-gone{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px}
.cc-gone .cc-thumb{width:72px;flex:0 0 auto;border-radius:12px}.cc-gonetext{flex:1;min-width:0;display:flex;flex-direction:column}
.cc-gonetext b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Brief 46 (Update 137): camps and tours ---------- */
.cc-camplist{display:flex;flex-direction:column;gap:10px}
.cc-campcard{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:20px;background:#fff;border:1.5px solid var(--line);color:var(--ink);text-decoration:none}
.cc-campcard b{font-size:17px}.cc-label.red{color:var(--red)}
.cc-days{display:flex;flex-direction:column;gap:14px}
.cc-day{background:var(--mist);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:8px}
.cc-day.today{background:#fff;border:2px solid var(--red)}
.cc-day h2{margin:0 0 2px;font-size:18px;display:flex;flex-direction:column;gap:2px}
.cc-citem{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}
.cc-citem.done{border-color:var(--green)}
.cc-ck-travel,.cc-ck-rest{background:transparent;border-style:dashed}
.cc-cicon{flex:0 0 auto;width:34px;height:34px;border-radius:17px;background:var(--mist);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.cc-ck-match .cc-cicon{background:var(--red);color:#fff}
.cc-cbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cc-cbody b{font-size:15px}
.cc-ctime{font:500 13px var(--mono)}.cc-mine{color:var(--soft);font-weight:400}
.cc-done{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-size:13px;font-weight:600}
.cc-cacts{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
.cc-kebab.small{width:36px;height:36px;border-radius:18px}
.cc-cmsg{background:#fff;border-left:4px solid var(--gold);border-radius:8px;padding:8px 12px}.cc-cmsg p{margin:2px 0 0}
.cc-cmsgform{display:flex;flex-direction:column;gap:6px}
.cc-kitlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cc-rows{display:flex;flex-direction:column;gap:6px}
.cc-rowin{display:flex;gap:6px;align-items:center}.cc-rowin input{flex:1;min-width:0}
.cc-sumtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cc-sumtiles>div{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:10px 12px;display:flex;flex-direction:column}
.cc-sumtiles b{font:400 26px/1.1 var(--display,var(--serif))}.cc-sumtiles span{font-size:12px;color:var(--soft)}
@media (max-width:360px){.cc-sumtiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-ok{color:var(--green)}
.cc-kitrow{display:flex;align-items:center;gap:10px;font-size:15px;min-height:36px}.cc-kitrow input{width:22px;height:22px;flex:0 0 auto;margin:0}.cc-kitrow span{flex:1;min-width:0}
/* Brief 46, part B: the diary, a fixture and the coach's grid */
.cc-dday{margin:14px 0 6px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--soft)}.cc-dday.today{color:var(--red)}
.cc-dentry{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;margin:0 0 8px;background:#fff;border:1.5px solid var(--line);border-left:5px solid var(--tc,#5B6470);border-radius:16px;color:var(--ink);text-decoration:none}
.cc-dentry.past{opacity:.85}.cc-dt-camp{border-left-color:var(--gold)}.cc-dt-trial{border-left-color:var(--night)}.cc-dt-session{border-left-style:dotted}
.cc-dtime{flex:0 0 46px;font:500 13px var(--mono);padding-top:2px}.cc-dbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cc-avb{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--mist)}
.cc-avb.av-yes{background:#DDEFE0;color:#1F5A2B}.cc-avb.av-no{background:#F6DADA;color:#8A1223}.cc-avb.av-maybe{background:#F5E9C8;color:#6B5212}.cc-avb.av-none{background:#fff;border:1px dashed var(--red);color:var(--red)}
.cc-avb.sel-selected{background:var(--ink);color:#fff}.cc-avb.sel-reserve{background:#E3E8F4}.cc-avb.sel-not{background:#EEE}
.cc-red{color:var(--red)}
.cc-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cc-mhead{text-align:center;font:500 11px var(--mono);color:var(--soft)}
.cc-mcell{aspect-ratio:1/1.1;border-radius:10px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px;color:var(--ink);text-decoration:none;font-size:13px}
.cc-mcell.empty{background:transparent;border:0}.cc-mcell.today{border:2px solid var(--red)}.cc-mcell.on{background:var(--ink);color:#fff}
.cc-mdots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;margin-top:3px}.cc-mdots i{width:6px;height:6px;border-radius:3px;background:var(--soft)}.cc-mdots .md-camp{background:var(--gold)}.cc-mdots .md-session{background:#8FA59A}
.cc-agrid1{width:100%;border-collapse:collapse;font-size:14px}.cc-agrid1 td,.cc-agrid1 th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.cc-agrid1 select{max-width:130px}
.cc-gridwrap{overflow-x:auto;margin:0 -20px;padding:0 20px}
.cc-agrid{border-collapse:separate;border-spacing:3px;font-size:13px}.cc-agrid th{font-weight:600;text-align:left;padding:6px;white-space:nowrap}.cc-agrid th a{color:var(--ink);font-weight:500}
.cc-agrid th[scope=row]{position:sticky;left:0;background:var(--paper);z-index:1}
.cc-agrid td{min-width:64px;text-align:center;padding:8px 4px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.cc-agrid td.av-yes{background:#DDEFE0}.cc-agrid td.av-no{background:#F6DADA}.cc-agrid td.av-maybe{background:#F5E9C8}
.cc-agrid td.sel-selected{outline:2px solid var(--ink)}.cc-agrid td small{display:block;font-size:10px}
.cc-acount td{background:var(--mist)}
/* ---------- brief 47: the avatar's menu, and "Art ▾" in a young player's account ---------- */
.cc-mehead{display:flex;align-items:center;gap:12px;padding:4px 0 12px;border-bottom:1px solid var(--line);margin-bottom:2px}
.cc-mehead>div{display:flex;flex-direction:column;min-width:0}.cc-mehead b{font:500 18px var(--serif)}.cc-mehead span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-menu button.cc-meback{color:var(--red);font-weight:600}
.cc-medrop{position:fixed;z-index:65;width:300px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(28,27,24,.18);padding:14px 16px 6px}
.cc-medrop .cc-menu{margin:0 -16px}.cc-medrop .cc-menu button{min-height:46px;padding:8px 16px;font-size:15px}
.cc-kidbar{display:flex;width:max-content;max-width:100%;align-items:center;gap:6px;margin:0 0 10px;padding:6px 14px;border:1px solid var(--ink);border-radius:999px;background:#fff;font:600 14px var(--sans);color:var(--ink);cursor:pointer}
.cc-kidbar span{font-size:12px}
.cc-bar a,.cc-top a.cc-me-top,.cc-kidbar{-webkit-tap-highlight-color:transparent}

/* ---------- Training v2, part 1 (Update 139): docs/mockups/training-v2 ----------
   Cards 24px, pill buttons, chips 15px, round +/- 64px in gym mode, tap targets 44px and more. Gym mode, the rest timer,
   the checklist and the finish screen are full screen with no bars; everything else sits between the existing bars. */
:root{--v2line:#E7E4DE;--v2mist:#F4F3F0;--v2green:#2E6B3E;--v2greenbg:#E3EFE6;--v2amber:#8A5A00;--v2amberbg:#FBEFD5}
.cc-v2h{font:600 60px/0.95 var(--display);text-transform:uppercase;letter-spacing:0;margin:0}
.cc-hub{gap:16px}
.cc-hubhi{font-size:17px;color:var(--soft);margin:0}
.cc-hubplan{background:var(--v2mist);padding:22px 16px 16px;gap:10px}
.cc-hubplan.calm h2{font-size:22px}
.cc-hubtitle{font:500 12px var(--mono);letter-spacing:.12em;text-decoration:none;color:var(--red)}
.cc-hubbar{height:6px;border-radius:3px;background:#E3E0D9;overflow:hidden}.cc-hubbar i{display:block;height:6px;border-radius:3px;background:var(--red)}
.cc-hubhead{text-decoration:none;color:var(--ink)}.cc-hubhead h2{font-size:22px;line-height:1.2}
.cc-hubline{color:var(--soft);font-size:15px;margin-top:-4px}
.cc-hubplan .cc-btn.big{height:56px;border-radius:28px;font-size:17px;margin-top:6px}
.cc-hubcont{text-decoration:none;color:var(--ink);background:#fff;border:1.5px solid var(--red)}
.cc-seeall{color:var(--red);text-decoration:none;font-size:15px}
.cc-hubclips{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:4px -20px 0;padding:0 20px 4px;scrollbar-width:none}
.cc-hubclips::-webkit-scrollbar{display:none}
.cc-hubclip{flex:0 0 46%;max-width:240px;scroll-snap-align:start;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:2px;min-width:0}
.cc-hubclip.big{flex-basis:62%;max-width:320px}
.cc-hubthumb{position:relative;display:block;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#2F5D45,#0D1B2A);margin-bottom:6px}
.cc-hubthumb img{width:100%;height:100%;object-fit:cover}
.cc-hubplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:22px;background:rgba(244,243,240,.92);color:var(--ink);display:flex;align-items:center;justify-content:center}
.cc-hubthumb .cc-dur{position:absolute;right:10px;bottom:10px;background:rgba(13,27,42,.75);color:#fff;font:500 12px var(--mono);border-radius:10px;padding:2px 7px}
.cc-hubclip b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-hubclip small{color:var(--soft);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-hubempty{background:var(--v2mist);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;color:var(--soft)}
.cc-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.cc-doors.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-door{background:var(--v2mist);border-radius:24px;min-height:84px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--ink)}
.cc-door b{font:600 22px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.cc-doorico{width:38px;height:38px;border-radius:19px;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center}
.cc-door.dark{background:var(--ink);color:#fff}.cc-door.dark .cc-doorico{background:#3A3935;color:#fff}
.cc-fuelstrip{background:var(--v2mist);border-radius:24px;min-height:56px;margin-top:10px}
/* the daily check-in */
.cc-ckbg{position:fixed;inset:0;z-index:60;background:rgba(28,27,24,.45);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.cc-ckpop{position:relative;background:#fff;border-radius:28px;padding:24px 20px 18px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 32px);overflow:auto}
.cc-ckpop .cc-label.red{letter-spacing:.12em}
.cc-cktitle{font:600 40px/0.95 var(--display);text-transform:uppercase;margin:0;padding-right:48px}
.cc-ckx{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:22px;border:1.5px solid var(--v2line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cc-ckq{font-size:16px;margin-top:4px}
.cc-ckchips{gap:8px}.cc-ckchips .cc-chip{min-height:44px;height:auto;padding:0 16px;font-size:15px;border-radius:22px}
.cc-ckpop .cc-btn.big{height:56px;border-radius:28px;font-size:17px;margin-top:8px}
.cc-cknot{align-self:center;min-height:44px;text-decoration:none;color:var(--soft);font-size:16px}
.cc-ckwhy{text-align:center}
.cc-afterck{background:var(--v2mist);gap:8px}
/* S&C */
.cc-v2page{gap:14px}
.cc-weeknav{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cc-weeknav .cc-link{display:inline-flex;align-items:center;gap:2px;min-height:36px;text-decoration:none}
.cc-weekstrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.cc-wday{border:1.5px solid var(--v2line);background:#fff;border-radius:999px;min-height:76px;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;color:var(--ink);min-width:0}
.cc-wday span{font:500 11px var(--mono)}.cc-wday b{font:600 24px/1 var(--display)}
.cc-wday i{height:16px;display:flex;align-items:center;color:var(--red)}
.cc-wdot{width:7px;height:7px;border-radius:4px;background:var(--ink);display:block}
.cc-wday.is-sel{background:var(--red);border-color:var(--red);color:#fff}.cc-wday.is-sel i{color:#fff}.cc-wday.is-sel .cc-wdot{background:#fff}
.cc-wday.is-today:not(.is-sel){border-color:var(--ink)}
.cc-scitem{display:flex;flex-direction:column;gap:12px}
.cc-scpanel{background:var(--ink);color:#fff;border-radius:24px;padding:20px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cc-scpanel.calm{background:var(--v2mist);color:var(--ink)}.cc-scpanel.calm .cc-scbrow{color:var(--soft)}
.cc-scbrow{font:500 11px var(--mono);letter-spacing:.1em;color:var(--gold);overflow-wrap:anywhere}
.cc-sctitle{font:600 34px/1 var(--display);text-transform:uppercase;overflow-wrap:anywhere}
.cc-scfocus{color:#E9E6DF;font-size:15px}.cc-scpanel.calm .cc-scfocus{color:var(--soft)}
.cc-scchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.cc-scchips span{background:#fff;color:var(--ink);border-radius:15px;padding:6px 14px;font-size:14px;font-weight:500}
.cc-scex{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cc-scex li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--v2line);min-width:0}
.cc-scn{width:28px;height:28px;border-radius:14px;background:var(--v2mist);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:0 0 auto}
.cc-scexname{flex:1;min-width:0;display:flex;flex-direction:column}.cc-scexname b{font-size:16px;overflow-wrap:anywhere}.cc-scexname small{color:var(--soft);font-size:13px}
.cc-scexkg{font:500 14px var(--mono);color:var(--soft);white-space:nowrap}.cc-scexkg.need{color:var(--red)}
.cc-scmore{align-self:flex-start;text-decoration:none;color:var(--soft);min-height:36px}
.cc-scitem .cc-btn.big{height:56px;border-radius:28px;font-size:17px}
.cc-scor{text-align:center;color:var(--soft);font-size:14px}.cc-scor .cc-link{color:var(--ink);min-height:36px}
.cc-scstatus{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--v2green)}.cc-scstatus[data-status=skipped],.cc-scstatus[data-status=not_on]{color:var(--soft)}
/* gym mode and the checklist: full screen, one hand */
.cc-main.cc-gym2{position:fixed;inset:0;max-width:none;margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--paper);color:var(--ink);z-index:5;padding:calc(12px + env(safe-area-inset-top,0px)) max(20px,calc(50vw - 280px)) calc(20px + env(safe-area-inset-bottom,0px));gap:12px;display:flex;flex-direction:column}
.cc-main.cc-gym2.is-rest{background:var(--night);color:#fff}
.cc-gtop{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}
.cc-gx{width:48px;height:48px;border-radius:24px;border:1.5px solid var(--v2line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.cc-gtop.dark .cc-gx{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.cc-gcount{font:500 13px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.cc-gskip{border:0;background:none;font:600 16px var(--sans);color:inherit;min-height:44px;min-width:44px;cursor:pointer}
.cc-gseg{display:flex;gap:6px}.cc-gseg i{flex:1;height:6px;border-radius:3px;background:#DDD9D0}.cc-gseg i.done{background:var(--ink)}.cc-gseg i.on{background:var(--red)}
.is-rest .cc-gseg i{background:#3B4757}.is-rest .cc-gseg i.done{background:#fff}.is-rest .cc-gseg i.on{background:var(--red)}
.cc-gmname{font:600 52px/0.95 var(--display);text-transform:uppercase;margin:4px 0 0;overflow-wrap:anywhere}
.cc-gpills{display:flex;flex-wrap:wrap;gap:8px}.cc-gpill{border:1.5px solid var(--v2line);border-radius:22px;padding:8px 16px;font-size:15px;font-weight:500;background:#fff}.cc-gpill.red{background:var(--red);border-color:var(--red);color:#fff}
.cc-grec{background:var(--v2amberbg);color:var(--v2amber);border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cc-grec .cc-label{color:var(--v2amber);letter-spacing:.12em}.cc-grec b{display:block;color:var(--ink);font-size:22px}.cc-grec p{font-size:14px}
.cc-grecsrc{background:#fff;border-radius:16px;padding:6px 12px;font-size:14px;font-weight:600;color:var(--v2amber);white-space:nowrap}
.cc-gloop{display:flex;align-items:center;gap:14px;min-height:96px;border:0;border-radius:24px;padding:16px;background:linear-gradient(135deg,#2F5D45,#0D1B2A);color:#fff;cursor:pointer;position:relative;text-align:left}
.cc-gloop b{font-size:18px}.cc-gloop .cc-label{position:absolute;right:16px;top:14px;color:#CFCBC2;letter-spacing:.14em}
.cc-gloopplay{width:52px;height:52px;border-radius:26px;background:rgba(244,243,240,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cc-glab{letter-spacing:.12em}
.cc-gstep{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc-gpm{width:68px;height:68px;border-radius:34px;border:2.5px solid var(--ink);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;touch-action:manipulation}
.cc-gval{font:600 76px/1 var(--display);text-align:center;flex:1;min-width:0}.cc-gval small{font-size:28px;color:var(--soft);margin-left:4px}
.cc-glast b{color:var(--ink);font:600 15px var(--sans);letter-spacing:0;text-transform:none;margin-left:6px}
.cc-gbackto{color:var(--red);text-decoration:none;font-size:15px;min-height:36px}
.cc-gmfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.cc-gsame{text-decoration:none;color:var(--soft);min-height:44px}
.cc-gextra{font-size:14px;color:var(--soft)}.cc-gextra .cc-link{color:var(--soft);min-height:36px}
.cc-btn.cc-gdone{height:72px;border-radius:36px;background:var(--red);font-size:24px;width:100%;flex:0 0 auto}
.cc-grest{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}
.cc-grest>.cc-label{color:#CFCBC2;letter-spacing:.14em}
.cc-gring{position:relative;width:min(232px,62vw);aspect-ratio:1}
.cc-gring svg{width:100%;height:100%}.cc-gringbg{fill:none;stroke:#3B4757;stroke-width:10}.cc-gringfg{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.cc-gring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cc-gring b{font:600 80px/1 var(--display)}.cc-gof{color:#CFCBC2;text-decoration:none;font-size:15px;min-height:32px}
.cc-gupnext{align-self:stretch;background:#13283D;border:1px solid #23394F;border-radius:24px;padding:16px 18px}.cc-gupnext .cc-label{color:#CFCBC2;letter-spacing:.14em}.cc-gupnext b{display:block;font-size:22px;margin:2px 0}.cc-gupnext p{color:#CFCBC2}
.cc-grestbtns{display:flex;gap:12px;margin-top:auto}.cc-grestbtns .cc-btn{height:60px;border-radius:30px;font-size:18px}
.cc-gplus{flex:0 0 36%;background:transparent;border:1.5px solid rgba(255,255,255,.4)}.cc-gskiprest{flex:1;background:#fff;color:var(--ink)}
.cc-gundo{align-self:center;color:#CFCBC2;text-decoration:none;min-height:44px}
.cc-ghowto .cc-gbackset{height:60px;border-radius:30px;margin-top:8px}
.cc-gfin{display:flex;flex-direction:column;gap:14px;min-height:100%}
.cc-gfinhead{display:flex;align-items:center;gap:16px}.cc-gfincheck{width:64px;height:64px;border-radius:32px;background:var(--v2green);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cc-gfint{font:600 48px/0.95 var(--display);text-transform:uppercase}
.cc-gstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.cc-gstats div{background:var(--v2mist);border-radius:20px;padding:12px;display:flex;flex-direction:column;min-width:0}.cc-gstats b{font:600 30px/1 var(--display);overflow-wrap:anywhere}.cc-gstats span{color:var(--soft);font-size:13px}
.cc-gnext{background:var(--v2amberbg);color:var(--v2amber)}.cc-gnext .cc-label{color:var(--v2amber);letter-spacing:.12em}.cc-gnext b{color:var(--ink);font-size:18px}
.cc-gfinbtns{margin-top:auto;display:flex;flex-direction:column;gap:6px;align-items:center}.cc-gfinbtns .cc-btn.big{height:60px;border-radius:30px;font-size:18px}.cc-gfinbtns .cc-link{min-height:44px;color:var(--soft)}
.cc-chklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cc-clstep{display:flex;align-items:center;gap:12px;background:var(--v2mist);border-radius:20px;padding:12px;min-width:0}
.cc-cltick{width:48px;height:48px;border-radius:24px;border:2px solid #CFCBC2;background:#fff;color:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer}
.cc-clstep.is-done .cc-cltick{background:var(--v2greenbg);border-color:var(--v2green);color:var(--v2green)}
.cc-clstep.is-done .cc-clname b{text-decoration:line-through;color:var(--soft)}
.cc-clname{flex:1;min-width:0;display:flex;flex-direction:column}.cc-clname b{font-size:16px;overflow-wrap:anywhere}.cc-clname small{color:var(--soft)}
.cc-cltimer{min-height:44px;min-width:76px;border-radius:22px;border:1.5px solid var(--ink);background:#fff;font:500 14px var(--mono);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;flex:0 0 auto}
.cc-check2 .cc-btn.big{height:60px;border-radius:30px;font-size:18px;margin-top:auto}
/* Set your weights */
.cc-wlist{background:var(--v2mist);border-radius:24px;padding:4px 16px;display:flex;flex-direction:column}
.cc-wrow{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--v2line);min-width:0}.cc-wrow:last-child{border-bottom:0}
.cc-wname{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cc-wname b{font-size:16px;overflow-wrap:anywhere}.cc-wname small{color:var(--soft);font-size:13px}
.cc-wtag{background:var(--v2greenbg);color:var(--v2green);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}
.cc-wown{color:var(--ink)!important}
.cc-wstep{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cc-wpm{width:44px;height:44px;border-radius:22px;border:2px solid var(--ink);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.cc-wpm:disabled{opacity:.35}
.cc-wval{font:600 26px/1 var(--display);min-width:68px;text-align:center}
.cc-wlinks .cc-link{text-decoration:none;font-size:16px;min-height:44px}.cc-link.red{color:var(--red)}
.cc-wjump{color:var(--v2amber)}
.cc-planlinkrow{line-height:2}
@media (max-width:359px){.cc-doors{gap:6px}.cc-door b{font-size:18px}.cc-gval{font-size:60px}.cc-gpm{width:60px;height:60px;border-radius:30px}.cc-gmname{font-size:42px}.cc-v2h{font-size:52px}.cc-wday b{font-size:20px}.cc-wday{min-height:66px}.cc-wval{min-width:56px;font-size:22px}.cc-wpm{width:40px;height:40px}}
@media (min-width:900px){.cc-hubclips{margin:4px 0 0;padding:0 0 4px}.cc-hubclip{flex-basis:30%}.cc-hubclip.big{flex-basis:40%}}
@media (max-height:820px){.cc-main.cc-gym2{gap:8px}.cc-gmname{font-size:44px}.cc-gloop{min-height:72px;padding:12px 16px}.cc-gval{font-size:60px}.cc-gpm{width:60px;height:60px;border-radius:30px}.cc-btn.cc-gdone{height:64px}}
.cc-v2h.cc-v2hs{font-size:48px}
/* ---------- Training v2, part 2 (Update 140): Skills and drill mode ---------- */
.cc-discs{gap:8px}.cc-discs .cc-chip{min-height:48px;height:auto;padding:0 20px;font-size:16px;border-radius:24px}
.cc-discs .cc-wdot{width:6px;height:6px;margin-left:4px}
.cc-dot{background:var(--v2mist);border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc-dot>div:first-child{display:flex;flex-direction:column;min-width:0}.cc-dot b{font-size:18px}.cc-dot small{color:var(--soft);font-size:14px}
.cc-drill2 .cc-gval small{font-size:28px;margin-left:8px}
.cc-dtimer{height:76px;border-radius:38px;width:100%;font-size:28px;background:var(--ink)}.cc-dtimer b{font:600 40px var(--display);margin-left:8px}
.cc-dbtns{display:flex;gap:12px;margin-top:auto}.cc-dbtns .cc-gdone{flex:1;width:auto}
.cc-dfilm{height:72px;border-radius:36px;flex:0 0 38%;font-size:18px}
.cc-dspeed{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--v2line);border-radius:24px;padding:14px 18px;background:#fff}
.cc-dspeed b{font-size:17px}.cc-dspeed span{display:flex;align-items:baseline;gap:4px;font:600 26px var(--display);color:var(--soft)}
.cc-dspeed input{width:3.2em;border:0;border-bottom:1.5px solid var(--v2line);font:600 26px var(--display);text-align:right;background:none;color:var(--ink)}
.cc-dclips{flex-direction:row;align-items:center;gap:14px;background:var(--v2mist)}.cc-dclips p{color:var(--soft);font-size:14px}
.cc-dclipico{width:48px;height:48px;border-radius:24px;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cc-bdrill{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%}.cc-bdrill .cc-in:not(.s){flex:1 1 100%}
.cc-discs{flex-wrap:nowrap}.cc-discs .cc-chip{flex:1 1 auto;min-width:0;padding:0 8px;justify-content:center;font-size:15px}
.cc-dspeed b{flex:1;min-width:0}.cc-dspeed span{flex:0 0 auto;white-space:nowrap}
@media (max-width:359px){.cc-discs .cc-chip{font-size:13px;padding:0 4px}}
.cc-dspeed input{width:2.2em;font-size:24px}.cc-dspeed span{font-size:24px}.cc-dspeed b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ---------- Training v2, part 3 (Update 141): Fuel. Never red for a missed meal. ---------- */
.cc-fuelstrip{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;flex-wrap:wrap}
.cc-fstriplink{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:var(--ink)}
.cc-drops{display:inline-flex;gap:4px;color:var(--night);flex-wrap:wrap}.cc-drop{display:inline-flex}
.cc-fcount{color:var(--soft);font-size:15px;white-space:nowrap}
.cc-fplus{width:52px;height:52px;border-radius:26px;border:0;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.cc-freminder{flex-basis:100%;color:var(--soft)}
.cc-fhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.cc-fdrinks{background:var(--v2mist);gap:12px;padding:20px 18px}.cc-fbig b{font:600 64px/1 var(--display)}.cc-fbig span{font:600 30px var(--display);color:var(--soft);margin-left:6px}
.cc-fdrinks .cc-drops{color:var(--night)}.cc-fdrinks .cc-drops svg{width:28px;height:28px}
.cc-fuelstrip .cc-drops{gap:3px}.cc-fuelstrip .cc-drops svg{width:16px;height:16px}
.cc-fdrinks .cc-btn.big{height:56px;border-radius:28px;font-size:18px}
.cc-fdl{margin:6px 0 0;padding-left:18px}.cc-fdl .cc-link{min-height:32px}
.cc-fgentle{background:#fff;border:1.5px solid var(--v2line)}
.cc-fmeals{background:var(--v2mist);gap:0;padding:14px 18px}
.cc-fmeal{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--v2line);min-height:56px}
.cc-fmname{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink);font:inherit;min-width:0}.cc-fmname b{font-size:17px}.cc-fmname small{font:500 14px var(--mono);color:var(--soft)}
div.cc-fmname{cursor:default}
.cc-fhad{min-height:40px;padding:0 18px;border-radius:20px;border:1.5px solid var(--ink);background:#fff;font:600 15px var(--sans);cursor:pointer;color:var(--ink)}
.cc-fticked{width:44px;height:44px;border-radius:22px;background:var(--v2greenbg);color:var(--v2green);display:flex;align-items:center;justify-content:center}
.cc-fword{color:var(--soft);font-size:15px}
.cc-fnote{display:flex;gap:8px;color:var(--soft);font-size:15px}.cc-fnote svg{flex:0 0 auto;margin-top:3px}
.cc-fh{font:600 44px/1 var(--display);text-transform:uppercase}
.cc-fseg{display:grid;grid-template-columns:1fr 1fr;background:var(--v2mist);border-radius:28px;padding:5px;gap:4px}
.cc-fseg button{min-height:46px;border-radius:23px;border:0;background:none;font:600 17px var(--sans);color:var(--soft);cursor:pointer}.cc-fseg button[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-ftiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-ftile{min-height:64px;border-radius:24px;border:1.5px solid var(--v2line);background:#fff;font:600 17px var(--sans);cursor:pointer;color:var(--ink);padding:8px}.cc-ftile[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cc-fsheet2 .cc-btn.big{height:56px;border-radius:28px;margin-top:8px}
.cc-fsteps{display:flex;flex-direction:column;gap:10px}
.cc-fstep{display:flex;gap:12px;background:var(--v2mist);border-radius:22px;padding:14px;align-items:flex-start}.cc-fstep b{display:block;font-size:17px;margin:2px 0}
.cc-fstep .cc-cltick{width:36px;height:36px;border-radius:18px}
.cc-fchips{gap:8px}.cc-fchips .cc-chip{min-height:38px;height:auto;padding:0 14px;font-size:14px;border-radius:19px}.cc-fstep p{color:var(--soft)}
.cc-fstep .cc-label.red{letter-spacing:.12em}
.cc-fstep.is-done .cc-cltick{background:var(--v2greenbg);border-color:var(--v2green);color:var(--v2green)}

/* ---------- Brief 54: Film a session, Quick log, Split and name shots (docs/mockups/filming, quick-log, split-shots) ---------- */
/* Full-screen pages on cream (the log screens, Your clip, Mark each shot, Name the shots): no bars, room for the phone's notch */
body.cc-full:has(.cc-qpage){background:var(--paper);overflow:auto}
.cc-main.cc-qpage{padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(120px + env(safe-area-inset-bottom,0px));max-width:560px;gap:20px}
.cc-qhead{display:flex;align-items:center;gap:14px;min-height:56px}
.cc-qhead h1{flex:1;min-width:0;font-size:44px;text-transform:uppercase;letter-spacing:.005em;line-height:1}
.cc-qback{width:56px;height:56px;border-radius:28px;background:var(--mist);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--ink)}
.cc-qpill{height:56px;padding:0 20px;border-radius:28px;border:0;background:#F6ECD8;font:500 16px var(--sans);color:var(--ink);cursor:pointer;flex:0 0 auto;white-space:nowrap}
.cc-sofar{font-size:16px;white-space:nowrap}
.cc-qform{display:flex;flex-direction:column;gap:22px}
.cc-qlab{font:600 18px var(--sans);margin-bottom:10px}
.cc-qchips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cc-qchips.c2{grid-template-columns:repeat(2,1fr)}.cc-qchips.c4{grid-template-columns:repeat(4,1fr)}.cc-qchips.c5{grid-template-columns:repeat(5,1fr)}
.cc-qchips.col{grid-template-columns:1fr;margin-top:14px}
.cc-qchips.multi{grid-template-columns:repeat(4,1fr)}
.cc-qchips button,.cc-yn button{min-height:56px;border-radius:28px;border:0;background:var(--mist);color:var(--ink);font:500 17px var(--sans);cursor:pointer;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-qchips button[aria-pressed=true],.cc-yn button[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-qdetail{min-height:56px;border-radius:28px;border:1.5px dashed #C9C4BA;background:none;color:var(--soft);font:500 16px var(--sans);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:100%}
.cc-qmore{display:flex;flex-direction:column;gap:16px}
.cc-qnums{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cc-qnums.four{grid-template-columns:repeat(4,1fr)}
.cc-qnum{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:20px;padding:10px 6px 8px;min-height:84px;border:1.5px solid var(--line)}
.cc-qnum.wide{margin-top:10px;max-width:160px}
.cc-qnum input{width:100%;border:0;background:none;text-align:center;font:600 34px/1 var(--display);color:var(--ink);padding:0;-moz-appearance:textfield}
.cc-qnum input::-webkit-outer-spin-button,.cc-qnum input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cc-qnum span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-top:4px}
.cc-qbox{background:var(--mist);border-radius:26px;padding:16px 16px 18px;display:flex;flex-direction:column;gap:14px}
.cc-qbox h2{font:600 30px/1 var(--display);text-transform:uppercase}
.cc-qbox .cc-qnum{border:0}
.cc-yn{display:inline-grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:28px;padding:4px;gap:0}
.cc-yn button{min-height:44px;padding:0 20px;background:none}
.cc-yn.big{display:grid;width:100%;background:none;gap:12px}.cc-yn.big button{min-height:56px;background:#fff;font-weight:600}
.cc-qcatch{flex-direction:row;align-items:center;justify-content:space-between}
.cc-qcount{display:flex;align-items:center;gap:18px}
.cc-qcount button{width:56px;height:56px;border-radius:28px;border:0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cc-qcount b{font:600 40px/1 var(--display);min-width:28px;text-align:center}
.cc-qload{margin-top:-8px}
.cc-qfoot{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;gap:14px;align-items:center;padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(254,253,251,0),var(--paper) 30%);max-width:560px;margin:0 auto}
.cc-qfoot .cc-btn.big{height:58px;border-radius:29px;font-size:18px;flex:1}
.cc-qfoot.two .cc-btn.big{flex:1 1 0}
.cc-qcam{width:58px;height:58px;border-radius:29px;border:0;background:var(--mist);color:var(--red);flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cc-qcam.on{background:var(--red);color:#fff}
.cc-btn.dark{background:var(--ink);color:#fff}
/* the + sheet */
.cc-qsheetwrap .cc-sheet{gap:20px}
.cc-qsheet{display:flex;flex-direction:column;gap:20px}
.cc-qday{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cc-qday button,.cc-qpick{min-height:56px;border-radius:28px;border:0;background:var(--mist);font:500 17px var(--sans);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;white-space:nowrap}
.cc-qday button[aria-pressed=true],.cc-qpick[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-qpick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.cc-qtiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-qtile{min-height:96px;border-radius:26px;border:0;background:var(--mist);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:16px 20px;cursor:pointer;text-align:left}
.cc-qtile svg{color:var(--red)}
.cc-qtile b{font:600 26px/1 var(--display);text-transform:uppercase}
.cc-qtile:active{background:var(--ink);color:#fff}
.cc-qclip,.cc-qsame{min-height:58px;border-radius:29px;border:0;background:var(--mist);font:600 18px var(--sans);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:0 18px;text-align:center}
.cc-qclip svg,.cc-qsame svg{color:var(--red);flex:0 0 auto}
.cc-qsame{background:#fff;border:1.5px solid var(--line);font-weight:500;font-size:16px}
.cc-qold{text-align:center}
/* Saved */
.cc-qsaved .cc-qok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:12vh}
.cc-qtick{width:120px;height:120px;border-radius:60px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}
.cc-qtick.small{width:72px;height:72px;flex:0 0 auto}
.cc-qok h1{font-size:52px;text-transform:uppercase}
.cc-qok p{font-size:18px;color:var(--soft);line-height:1.5}
.cc-qedit{color:var(--red);font:600 17px var(--sans);text-decoration:none}
.cc-qsaved .cc-qfoot{bottom:var(--cc-barspace);background:none;padding-bottom:16px}
/* Your clip */
.cc-askvid{position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#2F5D45,#0D1B2A);aspect-ratio:16/11.5}
.cc-askvid video{width:100%;height:100%;object-fit:cover}
.cc-asktag{position:absolute;left:16px;top:16px;background:rgba(13,27,42,.7);color:#fff;font:600 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:10px;pointer-events:none}
.cc-ask{background:var(--mist);border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:16px}
.cc-ask h2{font-size:22px}
/* Mark each shot */
.cc-tl{position:relative;padding-top:34px}
.cc-tl-track{position:relative;height:72px;border-radius:20px;background:repeating-linear-gradient(90deg,#2B4F3E 0 calc(12.5% - 2px),#fff calc(12.5% - 2px) 12.5%),linear-gradient(#2F5D45,#0D1B2A);background-blend-mode:normal;cursor:pointer;overflow:visible}
.cc-tl-head{position:absolute;top:-10px;bottom:-10px;width:8px;margin-left:-4px;border-radius:4px;background:#fff;border:2px solid var(--ink);pointer-events:none}
.cc-tl-marks{position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none}
.cc-tl-mark{position:absolute;top:0;width:34px;height:34px;margin-left:-17px;border-radius:17px;border:0;background:var(--red);color:#fff;font:600 14px var(--sans);cursor:pointer;pointer-events:auto}
.cc-tl-mark::after{content:"";position:absolute;left:15px;top:34px;width:4px;height:82px;background:var(--red);border-radius:2px}
.cc-tl-times{font:500 15px var(--mono);color:var(--soft);margin-top:8px}
.cc-shotrow{flex-wrap:nowrap;gap:14px}
.cc-shotrow .cc-btn.big{height:58px;border-radius:29px;font-size:19px}
.cc-round{width:58px;height:58px;border-radius:29px;border:0;background:var(--mist);flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.cc-center{text-align:center}
.cc-col{display:flex;flex-direction:column;gap:12px}
.cc-red{color:var(--red)}
/* Name the shots */
.cc-nlist{display:flex;flex-direction:column;gap:14px}
.cc-nrow{display:flex;align-items:center;gap:18px;background:var(--mist);border:0;border-radius:26px;padding:12px 14px;cursor:pointer;text-align:left;font:600 17px var(--sans);color:var(--ink)}
.cc-nrow b{flex:1}
.cc-nthumb{width:96px;height:68px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#2F5D45,#0D1B2A);flex:0 0 auto;display:block;position:relative}
.cc-nthumb.big{width:150px;height:104px;border-radius:20px}
.cc-nthumb video,.cc-nthumb img{width:100%;height:100%;object-fit:cover}
.cc-nwait{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:12px;position:relative}
.cc-nwait img{position:absolute;inset:0}
.cc-npill{background:var(--ink);color:#fff;border-radius:20px;padding:9px 16px;font-weight:600}
.cc-ncur{border:2.5px solid var(--ink);border-radius:30px;padding:16px;display:flex;flex-direction:column;gap:16px;background:#fff}
.cc-ncurtop{display:flex;align-items:center;gap:16px}
.cc-ncurtop h2{font:600 32px/1 var(--display);text-transform:uppercase}
.cc-nbtns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cc-nbtns button{min-height:56px;border-radius:28px;border:0;background:var(--mist);font:500 16px var(--sans);cursor:pointer;color:var(--ink);padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-nbtns button[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-nrem{align-self:center;color:var(--soft)}
/* N shots saved */
.cc-sdhead{display:flex;align-items:center;gap:18px}
.cc-sdhead h1{font-size:44px;text-transform:uppercase}
.cc-sdgrid{grid-template-columns:1fr 1fr!important}
.cc-sdname{display:block;font-size:17px;margin-top:-4px}
.cc-shotsdone .cc-qfoot{bottom:var(--cc-barspace);background:none}
/* Clips: New, Batting, Bowling, All, and a filming's clips */
.cc-clipfilter{margin-top:-4px}
.cc-chipn{background:rgba(255,255,255,.2);border-radius:9px;padding:0 6px;font-size:12px;margin-left:2px}
.cc-chip[aria-pressed=false] .cc-chipn{background:var(--mist)}
.cc-filmgroup{background:var(--mist);border-radius:28px;padding:20px 16px;display:flex;flex-direction:column;gap:14px}
.cc-fg-h{font-size:19px}
.cc-fg-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px}
.cc-fg-n{position:absolute;left:10px;top:8px;z-index:2;color:#fff;font:600 16px var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.4)}
.cc-fg-d{position:absolute;right:8px;bottom:8px;z-index:2;color:#fff;background:rgba(13,27,42,.7);font:500 13px var(--mono);padding:2px 8px;border-radius:9px}
.cc-fg-acts{flex-wrap:nowrap;gap:12px}.cc-fg-acts .cc-btn.big{flex:1 1 0;height:56px;border-radius:28px}.cc-fg-acts .cc-fg-later{background:#fff;color:var(--ink);flex:0.6 1 0}
.cc-filmentry{width:100%;margin-bottom:12px}

/* ---------- Film a session: phone on its side ---------- */
.cc-main.cc-filmpage{padding:0;max-width:none;margin:0;gap:0}
.cc-film{position:fixed;inset:0;display:flex;background:var(--night);color:#fff;z-index:30}
.cc-film-view{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;background:linear-gradient(#2B3E54,#173225)}
.cc-film-view video{width:100%;height:100%;object-fit:cover}
.cc-film-panel{flex:0 0 min(46vw,700px);background:var(--paper);color:var(--ink);padding:calc(24px + env(safe-area-inset-top,0px)) 32px calc(22px + env(safe-area-inset-bottom,0px)) 32px;display:flex;flex-direction:column;gap:16px;overflow:auto}
.cc-film[data-state=live] .cc-film-panel{display:none}
.cc-film-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-film-head h1{font-size:46px;text-transform:uppercase;line-height:1}
.cc-film-x{width:56px;height:56px;border-radius:28px;background:var(--mist);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--ink)}
.cc-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);border-radius:30px;padding:4px}
.cc-seg button{min-height:52px;border-radius:26px;border:0;background:none;font:500 19px var(--sans);color:var(--ink);cursor:pointer}
.cc-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-film-label{font:600 14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.cc-film-opts{display:flex;flex-direction:column;gap:12px}
.cc-film-opt{display:flex;align-items:center;gap:16px;min-height:72px;border-radius:36px;border:0;background:var(--mist);color:var(--ink);padding:10px 24px;text-align:left;cursor:pointer}
.cc-film-opt svg{color:var(--red);flex:0 0 auto}
.cc-film-opt b{display:block;font:600 19px/1.2 var(--sans)}
.cc-film-opt span span{display:block;color:var(--soft);font-size:16px}
.cc-film-opt.on{background:var(--ink);color:#fff}.cc-film-opt.on svg{color:#fff}.cc-film-opt.on span span{color:rgba(255,255,255,.8)}
.cc-film-panel .cc-btn.big{height:62px;border-radius:31px;font-size:20px;flex:0 0 auto}
.cc-film-note{margin-top:auto}
.cc-film-hint{position:absolute;left:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:rgba(13,27,42,.82);padding:8px 16px;border-radius:14px;font-size:16px;max-width:calc(100% - 48px)}
.cc-film-cam{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);max-width:80%;text-align:center;background:rgba(13,27,42,.82);padding:12px 18px;border-radius:16px}
.cc-film-pill{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;background:rgba(13,27,42,.86);padding:12px 26px;border-radius:30px;font:600 20px var(--sans);white-space:nowrap}
.cc-film-pill svg{color:var(--gold)}
.cc-film-box{position:absolute;border:3px dashed var(--gold);border-radius:14px;background:rgba(212,168,74,.12);touch-action:none;cursor:move}
.cc-film-box.live{border-style:solid;cursor:default;background:none}
.cc-film-boxlab{position:absolute;left:8px;top:6px;background:rgba(13,27,42,.8);color:#fff;font:600 12px var(--mono);letter-spacing:.06em;padding:3px 8px;border-radius:8px;white-space:nowrap}
.cc-film-box.live .cc-film-boxlab,.cc-film-box.live .cc-film-handle{display:none}
.cc-film-handle{position:absolute;right:-14px;bottom:-14px;width:30px;height:30px;border-radius:15px;background:var(--gold);border:3px solid var(--night);cursor:nwse-resize}
.cc-film-top{position:absolute;left:24px;right:24px;top:calc(18px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-film-pill.live{position:static;transform:none;font-size:20px;padding:12px 22px;gap:12px}
.cc-film-dot{width:14px;height:14px;border-radius:7px;background:#E2463B;animation:ccpulse 1.6s infinite}
@keyframes ccpulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.cc-film-dot{animation:none}}
.cc-film-acts{display:flex;gap:12px}
.cc-film-save,.cc-film-stop{min-height:58px;border-radius:29px;border:0;padding:0 26px;font:600 20px var(--sans);cursor:pointer}
.cc-film-save{background:#fff;color:var(--ink)}.cc-film-stop{background:var(--red);color:#fff}
.cc-film-flash{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#2E6B3E;color:#fff;font:600 24px var(--sans);padding:14px 30px;border-radius:32px;display:flex;align-items:center;gap:12px;white-space:nowrap}
.cc-film-warn{position:absolute;left:50%;top:calc(92px + env(safe-area-inset-top,0px));transform:translateX(-50%);background:#F6ECD8;color:var(--ink);padding:10px 18px;border-radius:14px;max-width:min(80%,640px);font-size:16px;text-align:center}
.cc-film-strip{position:absolute;left:24px;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;background:rgba(13,27,42,.86);border-radius:26px;padding:12px 16px}
.cc-film-thumbs{display:flex;gap:10px;flex:1;min-width:0;overflow:hidden}
.cc-film-th{width:110px;height:70px;border-radius:14px;flex:0 0 auto;background:linear-gradient(160deg,#2F5D45,#0D1B2A) center/cover;position:relative}
.cc-film-th b{position:absolute;left:8px;top:4px;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.cc-film-rule{font:500 15px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);white-space:nowrap}
/* Held upright: the picture on top, the choices below */
@media (orientation:portrait){
  .cc-film{flex-direction:column}
  .cc-film-view{flex:0 0 42vh}
  .cc-film[data-state=live] .cc-film-view{flex:1 1 auto}
  .cc-film-panel{flex:1 1 auto;padding:20px 20px calc(18px + env(safe-area-inset-bottom,0px))}
  .cc-film-head h1{font-size:36px}
  .cc-film-pill{font-size:16px;padding:10px 18px}
  .cc-film-top{left:12px;right:12px;flex-wrap:wrap}
  .cc-film-save,.cc-film-stop{min-height:50px;font-size:17px;padding:0 18px}
  .cc-film-strip{left:12px;right:12px}.cc-film-th{width:72px;height:48px}.cc-film-rule{display:none}
  .cc-film-hint{font-size:14px;left:12px}
}
@media (max-width:420px){
  .cc-qhead h1{font-size:38px}.cc-qchips button,.cc-nbtns button{font-size:15px}.cc-qchips.c5 button{font-size:15px;padding:0 2px}
  .cc-nbtns{gap:8px}.cc-qnum input{font-size:30px}.cc-qbox h2{font-size:26px}
}
.cc-qnum input::placeholder{color:#C9C4BA}
.cc-qfoot .cc-btn.quiet{background:var(--mist);border:0;color:var(--ink)}
.cc-fg-grid .cc-clip>b,.cc-fg-grid .cc-clip>small,.cc-fg-grid .cc-play{display:none}
.cc-fg-grid .cc-thumb{border-radius:18px}
/* Film a session on a phone on its side: everything fits without scrolling */
@media (orientation:landscape) and (max-height:560px){
  .cc-film-panel{gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 22px calc(12px + env(safe-area-inset-bottom,0px)) 18px;flex-basis:min(46vw,520px)}
  .cc-film-head h1{font-size:30px}.cc-film-x{width:46px;height:46px;border-radius:23px}
  .cc-seg button{min-height:44px;font-size:16px}
  .cc-film-label{font-size:11px}
  .cc-film-opts{gap:8px}.cc-film-opt{min-height:50px;padding:4px 18px;gap:12px;border-radius:25px}.cc-film-opt svg{width:20px;height:20px}
  .cc-film-opt b{font-size:15px}.cc-film-opt span span{font-size:13px;line-height:1.25}
  .cc-film-panel .cc-btn.big{height:50px;font-size:17px}
  .cc-film-note{display:none}
  .cc-film-pill{font-size:16px;padding:9px 18px}.cc-film-hint{font-size:14px;padding:6px 12px}
  .cc-film-pill.live{font-size:16px;padding:9px 16px}.cc-film-save,.cc-film-stop{min-height:48px;font-size:16px;padding:0 20px}
  .cc-film-flash{font-size:18px;padding:10px 22px}.cc-film-th{width:84px;height:54px}.cc-film-strip{padding:8px 12px}.cc-film-rule{font-size:12px}
}
.cc-sdgrid .cc-clip>small,.cc-sdgrid .cc-play{display:none}.cc-sdgrid .cc-clip>b{font-size:17px}
.cc-ask .cc-yn.big{grid-template-columns:1fr 1.6fr}
.cc-ask .cc-yn.big button{white-space:normal;line-height:1.2}
.cc-ask #cc-ask1{background:none}.cc-ask #cc-askn{background:var(--ink);color:#fff}
.cc-nrem{text-decoration:none}
/* brief 54: the old session page's heading kept clear of the floating top bar on every phone (Safari's own bars included) */
.cc-main.cc-sesspage{padding-top:calc(116px + env(safe-area-inset-top,0px))}
body.cc-hasview .cc-main.cc-sesspage{padding-top:calc(152px + env(safe-area-inset-top,0px))}
@media (min-width:700px){.cc-fg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.cc-fg-acts{max-width:560px}}
@media (orientation:portrait){.cc-film-view{flex-basis:32vh}.cc-film-opt{min-height:60px;padding:6px 20px}.cc-film-panel{gap:12px}.cc-film-panel .cc-btn.big{height:56px}.cc-film-note{display:none}}
.cc-qfilm{text-decoration:none;background:#fff;border:1.5px solid var(--line)}
/* Update 165: the camp leading the Training tab, Camp settings' sessions, the + sheet's camp sessions */
.cc-hubcamp{border-top:4px solid var(--gold)}
.cc-cslist{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.cc-csrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);min-height:56px}
.cc-csrow:first-child{border-top:0}
.cc-cstime{flex:0 0 64px;display:flex;flex-direction:column;line-height:1.15}
.cc-cstime b{font:500 15px var(--mono)}
.cc-cstime small{font:400 11px var(--mono);color:var(--soft);letter-spacing:.04em}
.cc-cstitle{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.cc-cstitle b{font-size:15px}.cc-cstitle small{font-size:12px;color:var(--soft)}
.cc-csrow .cc-btn.small{height:44px;border-radius:22px;padding:0 16px;font-size:14px;flex:0 0 auto;white-space:nowrap}
.cc-cslogged{color:var(--green)}
.cc-campdaynote{font-size:15px;margin:2px 0 0}
.cc-camplinks{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 0}
.cc-camplinks .cc-link{min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.cc-setday{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.cc-setdate{font-size:14px}
.cc-setrow{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;text-align:left;background:var(--mist);border:0;border-radius:12px;padding:8px 12px;font:inherit;color:var(--ink);cursor:pointer}
.cc-setrow span{font:500 14px var(--mono);flex:0 0 52px}.cc-setrow b{flex:1;font-weight:600}.cc-setrow small{color:var(--soft);font-size:12px}
.cc-setday .cc-link{min-height:44px;display:inline-flex;align-items:center;gap:4px}
.cc-qcampbox{background:var(--mist);border-radius:18px;padding:12px 14px;margin:10px 0;border-top:4px solid var(--gold)}
/* Update 165: the Clips tab (filters, the count, days, rows and the two-column grid) */
.cc-cfrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;-webkit-overflow-scrolling:touch}
.cc-cfrow::-webkit-scrollbar{display:none}
.cc-cfrow .cc-chip{flex:0 0 auto;height:44px;border-radius:22px;padding:0 16px}
.cc-cfrow .cc-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.cc-cfsub{margin-top:-2px}.cc-cfsub .cc-chip{font-size:13px}
.cc-cfsub .cc-chip[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
.cc-ccount{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:10px 0 0}
.cc-cday{margin-top:18px}
.cc-cdayh{font:600 22px var(--display);letter-spacing:.01em;margin:0 0 8px;text-transform:uppercase}
.cc-clist{display:flex;flex-direction:column;gap:8px}
.cc-crow{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);background:var(--mist);border-radius:16px;padding:8px;min-height:72px}
.cc-cthumb{position:relative;flex:0 0 112px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--night)}
.cc-cthumb img{width:100%;height:100%;object-fit:cover;display:block}
.cc-cthumb .cc-dur{right:6px;bottom:6px}
.cc-ctext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cc-ctext b{font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-ctext small{font-size:13px;color:var(--soft);line-height:1.3}
.cc-clist.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-crow.g{flex-direction:column;align-items:stretch;padding:0;background:transparent;gap:6px;min-height:0}
.cc-crow.g .cc-cthumb{flex:none;width:100%}
.cc-crow.g .cc-ctext{padding:0 2px}
.cc-crow.g .cc-ctext b{font-size:14px}
@media (min-width:760px){.cc-clist.grid{grid-template-columns:repeat(3,1fr)}.cc-cfrow{margin:0;padding:2px 0 4px;flex-wrap:wrap}}
/* Update 165: From your coaches, on Training */
.cc-fromco{gap:8px}
.cc-fcdot{font:500 11px var(--mono);letter-spacing:.06em;color:#fff;background:var(--red);border-radius:10px;padding:3px 8px}
.cc-fclist{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.cc-fcitem{position:relative;display:flex;gap:10px;text-decoration:none;color:var(--ink);background:var(--mist);border-radius:14px;padding:10px 12px;min-height:44px}
.cc-fcitem span{display:flex;flex-direction:column;gap:2px;min-width:0}
.cc-fcitem small{font-size:12px;color:var(--soft)}.cc-fcitem b{font-weight:500;font-size:15px;line-height:1.3}
.cc-unread{flex:0 0 10px;height:10px;border-radius:5px;background:var(--red);margin-top:5px}
.cc-fcrows{display:flex;flex-direction:column;margin-top:6px}
.cc-fcrow{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 0;border:0;border-top:1px solid var(--line);background:none;width:100%;text-align:left;text-decoration:none;color:var(--ink);font:inherit;cursor:pointer}
.cc-fcrow svg:first-child{color:var(--red);flex:0 0 auto}
.cc-fcrow span{flex:1;display:flex;flex-direction:column}.cc-fcrow b{font-size:15px}.cc-fcrow small{font-size:12px;color:var(--soft)}
/* the Clips tab's rows keep the clip classes older pages and tests know (Update 165) */
.cc-clips.cc-clipsbyday{display:block}
.cc-clip.cc-crow{flex-direction:row;gap:12px}.cc-clip.cc-crow.g{flex-direction:column;gap:6px}
.cc-clip.cc-crow small{margin-top:0}
.cc-selgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
/* the main filters wrap on narrow phones (nothing past the screen's edge); the deliveries and shots row scrolls */
#cc-cf.cc-cfrow{flex-wrap:wrap;overflow:visible;margin:0;padding:2px 0 4px}
.cc-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Update 167: Film a session: the quality chip, That was me, the setup's extra choices, labels and the review */
.cc-film-chip{position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top,0px));background:rgba(13,27,42,.86);color:#fff;font:600 14px var(--mono);letter-spacing:.06em;padding:6px 12px;border-radius:14px;z-index:2}
.cc-film-chip.low{background:#F6ECD8;color:var(--ink)}
.cc-film[data-state=live] .cc-film-chip{top:auto;bottom:calc(112px + env(safe-area-inset-bottom,0px))}
.cc-film-me{min-height:58px;border-radius:29px;border:3px solid var(--gold);background:rgba(13,27,42,.86);color:#fff;padding:0 22px;font:600 18px var(--sans);cursor:pointer}
.cc-film-handle{right:-22px;bottom:-22px;width:44px;height:44px;border-radius:22px}
.cc-seg.three{grid-template-columns:1fr 1fr 1fr}
.cc-film-field{display:flex;flex-direction:column;gap:6px}
.cc-film-field input{min-height:48px;border-radius:14px;border:1.5px solid var(--line);padding:0 14px;font:500 17px var(--sans);background:#fff;color:var(--ink)}
.cc-film-sub{color:var(--soft);margin-top:-8px}
.cc-film-gap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-film-gap>span:first-child{display:flex;flex-direction:column}.cc-film-gap .cc-small{color:var(--soft)}
.cc-film-step{display:flex;align-items:center;gap:8px}.cc-film-step b{min-width:42px;text-align:center;font:600 17px var(--mono)}
.cc-film-step button{width:48px;height:48px;border-radius:24px;border:0;background:var(--mist);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cc-film-tick{display:flex;align-items:flex-start;gap:12px;min-height:48px;cursor:pointer}
.cc-film-tick input{width:24px;height:24px;margin-top:2px;accent-color:var(--ink);flex:0 0 auto}
.cc-film-tick>span{display:flex;flex-direction:column}.cc-film-tick .cc-small{color:var(--soft)}
.cc-film-held{background:var(--mist);border-radius:14px;padding:10px 12px}.cc-film-held .cc-link{min-height:44px;font-weight:600}
.cc-film-go{position:sticky;bottom:0;background:var(--paper);padding-top:8px;margin-top:auto}
.cc-film-go .cc-btn.big{width:100%}
.cc-film-lab{position:absolute;right:6px;bottom:6px;font:600 11px var(--sans);font-style:normal;padding:2px 8px;border-radius:9px;background:#2E6B3E;color:#fff}
.cc-film-lab.none{background:var(--gold);color:var(--ink)}
.cc-film-review{position:absolute;inset:0;background:var(--night);color:#fff;display:flex;flex-direction:column;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(16px + env(safe-area-inset-bottom,0px));overflow:auto;z-index:5}
.cc-frv-head h2{font:600 28px var(--display);text-transform:uppercase;letter-spacing:.01em}.cc-frv-head p{color:rgba(255,255,255,.8)}
.cc-frv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cc-frv-item{position:relative;aspect-ratio:16/9;border-radius:14px;background:linear-gradient(160deg,#2F5D45,#0D1B2A) center/cover;touch-action:pan-y;user-select:none;transition:opacity .2s}
.cc-frv-item b{position:absolute;left:8px;top:4px;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.cc-frv-item.gone{opacity:.35;filter:grayscale(1)}
.cc-frv-x,.cc-frv-undo{position:absolute;right:4px;top:4px;min-width:44px;height:44px;border-radius:22px;border:0;background:rgba(13,27,42,.8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font:600 14px var(--sans);padding:0 10px}
.cc-frv-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;position:sticky;bottom:0;background:var(--night);padding-top:8px}
.cc-frv-acts .cc-btn.big{min-width:220px}
.cc-film[data-state=review] .cc-film-panel{display:none}
/* Update 170: camps that switch on: the night camp card, Add a camp or tour, Pause your home plan?, Change plan */
.cc-hubtop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-chgpill{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;font:600 15px var(--sans);white-space:nowrap}
.cc-hubcamp.night{background:var(--night);color:#fff;border-top:0;padding:22px 18px 16px;gap:10px}
.cc-hubcamp.night .cc-hubhead{color:#fff}.cc-hubcamp.night .cc-hubhead h2{font:600 34px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.cc-hubcampdate{font:500 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.cc-hubcampday{color:rgba(255,255,255,.85);font-size:15px}
.cc-campbar{height:6px;border-radius:3px;background:#24364D;overflow:hidden}.cc-campbar i{display:block;height:100%;background:var(--gold);border-radius:3px}
.cc-hubcamp.night .cc-cslist{gap:10px}
.cc-hubcamp.night .cc-csrow{background:#fff;color:var(--ink);border-radius:18px;padding:12px 12px 12px 16px;border-top:0;min-height:72px}
.cc-hubcamp.night .cc-cstime b{font:600 24px/1 var(--display)}.cc-hubcamp.night .cc-cstime small{margin-top:4px}
.cc-hubcamp.night .cc-cstitle b{font-size:17px}
.cc-cslog{background:var(--ink);color:#fff;border:0}
.cc-hubcamp.night .cc-cslogged{background:var(--green);color:#fff;border:0}
.cc-campclips{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#15263A;border-radius:18px;padding:10px 10px 10px 16px;font-size:16px}
.cc-goldbtn{background:var(--gold);color:var(--ink);border:0;height:44px;border-radius:22px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}
.cc-hubcamp.night .cc-camplinks .cc-link{color:rgba(255,255,255,.85)}
.cc-hubcamp.night .cc-campdaynote{color:rgba(255,255,255,.9)}
.cc-pausenote{display:flex;align-items:flex-start;gap:10px;border:1.5px dashed var(--line);border-radius:18px;padding:14px 16px;color:var(--soft);font-size:15px;margin:4px 0}
.cc-addhead{display:flex;align-items:center;gap:14px}.cc-addhead h1{font-size:34px;text-transform:uppercase}
.cc-roundback{width:48px;height:48px;border-radius:24px;background:var(--mist);display:flex;align-items:center;justify-content:center;color:var(--ink);flex:0 0 auto}
.cc-campadd{display:flex;flex-direction:column;gap:14px}
.cc-campadd .cc-field input,.cc-campadd .cc-field select{min-height:52px;border-radius:16px;background:var(--mist);border:0;font-size:17px}
.cc-campadd .cc-btn.big{margin-top:10px}
.cc-pauseh{font:600 32px/1.05 var(--display);text-transform:uppercase}
.cc-pauseopts{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.cc-pauseopt{display:flex;align-items:center;gap:14px;min-height:64px;border-radius:20px;border:1.5px solid var(--line);background:#fff;padding:10px 16px;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
.cc-pauseopt i{flex:0 0 26px;height:26px;border-radius:13px;border:2.5px solid var(--ink)}
.cc-pauseopt[aria-checked=true]{border:2.5px solid var(--ink)}.cc-pauseopt[aria-checked=true] i{background:radial-gradient(circle,var(--ink) 0 5px,transparent 6px)}
.cc-pauseopt span{display:flex;flex-direction:column}.cc-pauseopt b{font-size:17px}.cc-pauseopt small{color:var(--soft);font-size:14px}
.cc-follows{background:var(--mist);gap:10px}
.cc-follow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;border-radius:18px;border:1.5px solid var(--line);background:var(--mist);padding:12px 16px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);width:100%}
.cc-follow span{display:flex;flex-direction:column}.cc-follow b{font-size:18px}.cc-follow small{color:var(--soft);font-size:15px}
.cc-follow.on{background:#fff;border:2.5px solid var(--ink)}.cc-follow.on svg{color:var(--green)}
.cc-follow.done{opacity:.6}.cc-follow:disabled{cursor:default}
.cc-addcamp{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:1.5px dashed var(--line);border-radius:28px;color:var(--ink);text-decoration:none;font:600 17px var(--sans);margin:12px 0}
.cc-addcamp svg{color:var(--red)}
.cc-redlink{color:var(--red);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.cc-invite{gap:10px;padding:8px 0;border-top:1px solid var(--line)}.cc-invite:first-of-type{border-top:0}
.cc-follows .cc-follow,.cc-follows .cc-follow[aria-pressed]{background:var(--mist);color:var(--ink);border:1.5px solid var(--line)}
.cc-follows .cc-follow.on,.cc-follows .cc-follow[aria-pressed=true]{background:#fff;color:var(--ink);border:2.5px solid var(--ink)}
.cc-follows .cc-follow small{color:var(--soft)}
/* Update 170: zoom while filming (lens buttons, a fine slider, pinch); the picture can be pinched */
.cc-film-view{touch-action:none}
.cc-film-zoom{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(13,27,42,.72);border-radius:30px;padding:10px 8px;z-index:3}
.cc-film-lenses{display:flex;flex-direction:column;gap:8px}
.cc-film-lenses button{width:52px;height:52px;border-radius:26px;border:2px solid rgba(255,255,255,.5);background:rgba(13,27,42,.6);color:#fff;font:700 16px var(--mono);cursor:pointer}
.cc-film-lenses button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.cc-film-lenses button:disabled{opacity:.5}
.cc-film-fine{writing-mode:vertical-lr;direction:rtl;width:44px;height:130px;accent-color:var(--gold);margin:0}
.cc-film-fine[hidden]{display:none}
.cc-film-zx{font:600 14px var(--mono);color:#fff}
.cc-film-zoomno{position:absolute;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin:0;background:rgba(13,27,42,.86);color:#fff;font-size:15px;line-height:1.35;padding:10px 14px;border-radius:14px;z-index:2}
.cc-film[data-state=live] .cc-film-zoomno{display:none}
/* a phone on its side: the lenses in a column with the slider beside them, between the top bar and the strip */
@media (max-height:520px){
  .cc-film-zoom{flex-direction:row;padding:8px;gap:8px;border-radius:26px;right:12px;top:calc(50% - 20px)}
  .cc-film-lenses{gap:6px}.cc-film-lenses button{width:44px;height:44px;font-size:15px}
  .cc-film-fine{height:150px;width:36px}
  .cc-film-zx{position:absolute;bottom:-26px;right:8px;background:rgba(13,27,42,.72);border-radius:10px;padding:2px 8px}
  .cc-film[data-state=live] .cc-film-chip{right:auto;left:16px;bottom:auto;top:calc(76px + env(safe-area-inset-top,0px))}
}
@media (orientation:portrait){
  .cc-film[data-state=setup] .cc-film-zoom{top:auto;bottom:10px;right:50%;transform:translateX(50%);flex-direction:row;padding:6px 10px}
  .cc-film[data-state=setup] .cc-film-lenses{flex-direction:row}
  .cc-film[data-state=setup] .cc-film-lenses button{width:46px;height:46px}
  .cc-film[data-state=setup] .cc-film-fine{writing-mode:horizontal-tb;direction:ltr;width:110px;height:44px}
}
/* Update 170 Part C: Review the session, full-screen like the Highlights reel, then the Done screen */
.cc-main.cc-reviewpage{padding:0;max-width:none;margin:0;gap:0}
.cc-rv{position:fixed;inset:0;z-index:30;background:#050A10;color:#fff;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px));gap:10px;overflow:auto}
.cc-rv-wait{margin:auto;font-size:18px;color:rgba(255,255,255,.8)}
.cc-rv-top{display:flex;align-items:center;gap:14px}
.cc-rv-x{width:48px;height:48px;border-radius:24px;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cc-rv-h{flex:1;min-width:0}.cc-rv-h h1{font:700 30px/1 var(--display);text-transform:uppercase;margin:0;color:#fff}
.cc-rv-h p{margin:2px 0 0;font-size:15px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-rv-n{font:700 20px var(--mono);flex:0 0 auto}
.cc-rv-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}.cc-rv-bar i{display:block;height:100%;background:var(--gold);border-radius:3px}
.cc-rv-focus{align-self:flex-start;min-height:44px;border:0;border-radius:22px;background:var(--gold);color:var(--ink);font:700 16px var(--sans);padding:0 18px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-rv-focus.none{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.cc-rv-stage{position:relative;flex:1 1 auto;min-height:180px;display:flex;align-items:center;justify-content:center;touch-action:pan-x}
.cc-rv-stage video{width:100%;height:100%;max-height:100%;object-fit:contain;background:#000}
.cc-rv-was{position:absolute;left:10px;top:10px;background:rgba(13,27,42,.86);border-radius:12px;padding:4px 10px;font-size:14px}
.cc-rv-info{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-rv-info b{display:block;font-size:20px}.cc-rv-info .cc-small{color:rgba(255,255,255,.75)}
.cc-rv-half{min-height:48px;border-radius:24px;border:0;background:rgba(255,255,255,.16);color:#fff;font:600 16px var(--sans);padding:0 18px;cursor:pointer;flex:0 0 auto}
.cc-rv-half[aria-pressed=true]{background:#fff;color:var(--ink)}
.cc-rv-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cc-rv-b{min-height:76px;border-radius:22px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:700 17px/1.15 var(--sans);cursor:pointer;padding:6px}
.cc-rv-b.del{background:#2E3540;color:#fff}.cc-rv-b.good{background:var(--green);color:#fff}.cc-rv-b.ok{background:#fff;color:var(--ink)}.cc-rv-b.work{background:var(--gold);color:var(--ink)}
.cc-rv-foot{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:15px;color:rgba(255,255,255,.8);text-align:center}
.cc-rv-undo,.cc-rv-skip{min-height:44px;border-radius:22px;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;font:600 15px var(--sans);padding:0 16px;cursor:pointer}
.cc-rv-undo[hidden]{display:none}
.cc-rv-empty{margin:auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.cc-rv-empty h1{font:700 34px var(--display);text-transform:uppercase;color:#fff}
.cc-rv[data-state=done]{background:var(--paper);color:var(--ink)}
.cc-rv-done{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px;flex:1}
.cc-rv-dhead{display:flex;align-items:center;gap:16px}.cc-rv-dhead h1{font:700 42px/1 var(--display);text-transform:uppercase;margin:0}.cc-rv-dhead p{margin:4px 0 0;color:var(--soft);font-size:17px}
.cc-rv-tick{width:64px;height:64px;border-radius:32px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cc-rv-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cc-rv-tot{border-radius:22px;padding:12px 6px;text-align:center;background:var(--mist)}.cc-rv-tot b{display:block;font:700 42px/1 var(--display)}.cc-rv-tot span{font-size:15px}
.cc-rv-tot.good{background:var(--green);color:#fff}.cc-rv-tot.work{background:var(--gold)}.cc-rv-tot.del{background:transparent;color:var(--soft)}
.cc-rv-work{background:var(--mist);border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:12px}.cc-rv-work h2{font:700 20px var(--sans);margin:0}
.cc-rv-thumbs{display:flex;gap:10px;overflow-x:auto}
.cc-rv-th{flex:0 0 110px;height:76px;border-radius:16px;background:linear-gradient(#2B3E54,#173225) center/cover;position:relative}
.cc-rv-th b{position:absolute;right:8px;bottom:6px;background:rgba(13,27,42,.86);color:#fff;font:600 13px var(--mono);border-radius:10px;padding:2px 8px}
.cc-rv-note{font-size:16px;line-height:1.45;margin:0}
.cc-rv-dacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}
.cc-rv-sent{margin:0}
.cc-cdayrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cc-cdayrv{font-weight:600;color:var(--red);min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
@media (min-width:900px){.cc-rv{padding-left:max(24px,calc(50vw - 380px));padding-right:max(24px,calc(50vw - 380px))}}
.cc-rv-info,.cc-rv-btns,.cc-rv-foot,.cc-rv-top,.cc-rv-bar{width:100%;box-sizing:border-box}
.cc-rv-n{letter-spacing:0;white-space:nowrap}
@media (max-width:420px){.cc-rv-h h1{font-size:26px}.cc-rv-n{font-size:18px}.cc-rv-top{gap:10px}}
@media (orientation:portrait){
  .cc-film[data-state=setup][data-zoom=zoom] .cc-film-hint,.cc-film[data-state=setup][data-zoom=tele] .cc-film-hint{display:none}
  .cc-film[data-state=setup] .cc-film-zx{display:none}
}
.cc-film-zoomno{top:calc(60px + env(safe-area-inset-top,0px));bottom:auto;max-width:520px}
/* Update 170 Part D: the coach library, sending an example, the player's example, and Viewing as coach */
.cc-lib-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cc-lib-top h1{flex:1;min-width:0}
.cc-viewcoach{min-height:48px;border-radius:24px;border:2px solid var(--gold);background:#FBF3E2;color:var(--ink);font:600 16px var(--sans);padding:0 18px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.cc-viewcoach.on{background:var(--gold)}
.cc-hubtop .cc-viewcoach{min-height:44px;font-size:15px;padding:0 14px}
.cc-lib-sub{margin:-4px 0 0}
.cc-libgroup{background:var(--mist);display:flex;flex-direction:column;gap:8px}.cc-libgroup h2{font:700 21px var(--sans);margin:0}
.cc-lib-look{margin:0;color:var(--soft)}
.cc-lib-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}
.cc-lib-th{flex:0 0 112px;height:78px;border-radius:18px;background:linear-gradient(#2E5E45,#0F2A2A) center/cover;position:relative;display:block;border:0;cursor:pointer;padding:0}
.cc-lib-th b{position:absolute;right:8px;bottom:6px;background:rgba(13,27,42,.86);color:#fff;font:600 13px var(--mono);border-radius:10px;padding:2px 8px}
.cc-lib-th i{position:absolute;left:6px;top:6px;right:6px;font:600 12px var(--sans);font-style:normal;color:#fff;background:rgba(13,27,42,.7);border-radius:8px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.cc-lib-th i.cc-lib-wait{background:var(--gold);color:var(--ink)}
.cc-lib-th.pick[aria-checked=true]{outline:4px solid var(--red);outline-offset:2px}
.cc-lib-pick{display:flex;flex-wrap:wrap;gap:10px}
.cc-lib-add{align-self:stretch;justify-content:center}
.cc-lib-note{margin:0}
.cc-backbtn{width:48px;height:48px;border-radius:24px;background:var(--mist);display:flex;align-items:center;justify-content:center;color:var(--ink);flex:0 0 auto}
.cc-lib-hero{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(#2E5E45,#0F2A2A)}
.cc-lib-vid{width:100%;aspect-ratio:16/9;display:block;background:#0D1B2A;border-radius:20px;object-fit:contain}
.cc-lib-vid.empty{display:flex;align-items:center;justify-content:center;color:#fff}
.cc-lib-cap{position:absolute;left:18px;bottom:14px;color:#fff;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}
.cc-lib-open{display:flex;gap:8px;align-items:flex-start;color:var(--soft);margin:0}.cc-lib-open svg{flex:0 0 auto;color:var(--green);margin-top:3px}
.cc-lib-del{align-self:flex-start;color:var(--soft)}
.cc-tick{display:flex;gap:12px;align-items:flex-start;min-height:44px}.cc-tick input{width:24px;height:24px;flex:0 0 auto;margin-top:2px}
.cc-coachlib{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;min-height:64px}.cc-coachlib span{flex:1;display:flex;flex-direction:column}.cc-coachlib small{color:var(--soft)}
.cc-excard{background:var(--mist);display:flex;flex-direction:column;gap:14px}
.cc-exhead{display:flex;gap:14px;align-items:center}.cc-exhead h1{font:700 22px var(--sans);text-transform:none;margin:0;line-height:1.2}.cc-exhead p{margin:2px 0 0;color:var(--soft)}
.cc-exav{width:56px;height:56px;border-radius:28px;background:var(--night);color:var(--gold);display:flex;align-items:center;justify-content:center;font:700 22px var(--sans);flex:0 0 auto}
.cc-exnote{font-size:19px;line-height:1.45;margin:0}
.cc-exacts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-excmp{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-excmp figure{margin:0;display:flex;flex-direction:column;gap:4px}.cc-excmp figcaption{font-size:14px;color:var(--soft)}
.cc-expick{display:flex;flex-direction:column;gap:10px}
.cc-fcitem.ex small{color:var(--red)}
.cc-fcremind{display:flex;gap:10px;align-items:center;background:#FBF3E2;border-radius:16px;padding:10px 14px;margin:8px 0;color:var(--ink);min-height:44px}
.cc-fcask{background:var(--mist);border-radius:16px;padding:12px 14px;margin:8px 0}.cc-fcask p{margin:0 0 8px}
@media (max-width:420px){.cc-exacts{grid-template-columns:1fr}}
.cc-libgroup .cc-between .cc-small{white-space:nowrap;flex:0 0 auto}
.cc-lib-top h1{flex:1 0 auto}
.cc-film-zoomno{pointer-events:none}
/* ---------- Simple UX (Update 171): the + sheet with three choices, and Today ---------- */
.cc-plus3{display:flex;flex-direction:column;gap:14px;padding-top:8px}
.cc-p3{display:flex;align-items:center;gap:18px;min-height:84px;border-radius:26px;border:0;background:var(--mist);color:var(--ink);padding:14px 22px;text-align:left;text-decoration:none;cursor:pointer;font:inherit;width:100%}
.cc-p3 svg{color:var(--red);flex:0 0 auto}
.cc-p3 b{display:block;font:700 26px/1.05 var(--display);text-transform:uppercase}
.cc-p3 small{display:block;color:var(--soft);font-size:16px;margin-top:2px}
.cc-p3.dark{background:var(--night);color:#fff}.cc-p3.dark svg{color:var(--gold)}.cc-p3.dark small{color:rgba(255,255,255,.8)}
.cc-today{display:flex;flex-direction:column;gap:14px}
.cc-todayh{font:700 44px/1 var(--display);text-transform:uppercase;margin:0}
.cc-todaysub{margin:-8px 0 0;color:var(--soft);font-size:17px}
.cc-todaycard{background:var(--night);color:#fff;border-radius:28px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.cc-todaycard h2{font:700 34px/1.05 var(--display);text-transform:uppercase;margin:0;color:#fff}
.cc-todayfocus{margin:0;color:rgba(255,255,255,.85);font-size:17px}
.cc-todaybtns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.cc-tbtn{min-height:56px;border-radius:28px;border:0;background:#16293D;color:#fff;font:700 19px var(--sans);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer}
.cc-tbtn.gold{background:var(--gold);color:var(--ink)}
.cc-waiting{display:flex;flex-direction:column;gap:12px}
.cc-wcard{display:flex;align-items:center;gap:14px;background:var(--mist);border-radius:24px;padding:12px 14px}
.cc-wthumb{flex:0 0 96px;height:68px;border-radius:16px;background:linear-gradient(#2E5E45,#0F2A2A) center/cover;position:relative}
.cc-wthumb b{position:absolute;right:6px;bottom:5px;background:rgba(13,27,42,.86);color:#fff;font:600 13px var(--mono);border-radius:9px;padding:1px 7px}
.cc-wtext{flex:1;min-width:0}.cc-wtext b{display:block;font-size:19px}.cc-wtext small{color:var(--soft);font-size:15px}
.cc-wbtn{min-height:52px;min-width:72px;padding:0 18px;border-radius:26px;background:var(--red);color:#fff;font:700 18px var(--sans);display:flex;align-items:center;justify-content:center;text-decoration:none;flex:0 0 auto}
.cc-wline{display:flex;align-items:center;gap:12px;background:var(--mist);border-radius:22px;padding:14px 18px;min-height:56px;color:var(--ink);text-decoration:none}
.cc-wline b{flex:1;font-size:18px}.cc-wline .cc-unread{position:static;flex:0 0 auto}
.cc-moreh{margin-top:18px}
/* Simple UX Part B: film in sets (S03Setup, S04Live, S05Between) */
.cc-film-more{border-top:1px solid var(--line);padding-top:6px}
.cc-film-more>summary{min-height:48px;display:flex;align-items:center;font-weight:600;cursor:pointer;color:var(--ink)}
.cc-film-more[open]{display:flex;flex-direction:column;gap:14px}
.cc-film-busy{margin:-6px 0 0;text-align:center}
.cc-film-livebar{position:absolute;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;z-index:4}
.cc-film-livebar .cc-film-save{min-height:56px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(246,244,240,.92)}
.cc-film-livebar .cc-film-stop{min-height:64px;width:100%;font-size:21px;font-weight:700}
.cc-film-livebar p{margin:0;text-align:center;color:rgba(255,255,255,.85);font-size:15px}
.cc-film[data-state=live] .cc-film-strip{bottom:calc(178px + env(safe-area-inset-bottom,0px))}
.cc-film-batt{background:rgba(13,27,42,.86);color:#fff;border-radius:16px;padding:6px 12px;font:600 14px var(--mono);align-self:center}
.cc-film-batt.low{background:#F6ECD8;color:var(--ink)}
.cc-film-flash{background:var(--green)!important;color:#fff!important}
.cc-film-between{position:absolute;inset:0;z-index:6;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:14px;padding:calc(28px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));overflow:auto}
.cc-film-between h1{font:700 44px/1 var(--display);text-transform:uppercase;margin:0}
.cc-film-between p{margin:0;color:var(--soft);font-size:17px}
.cc-film-setbar{height:10px;border-radius:5px;background:var(--track);overflow:hidden}.cc-film-setbar i{display:block;height:100%;width:0;background:var(--green);transition:width .4s}
.cc-film-setthumbs{display:flex;gap:10px;overflow-x:auto}
.cc-film-setthumbs .cc-film-th{flex:0 0 96px;height:68px;border-radius:16px;background:linear-gradient(#2E5E45,#0F2A2A) center/cover;position:relative}
.cc-film-setthumbs .cc-film-th b{position:absolute;right:6px;bottom:5px;background:rgba(13,27,42,.86);color:#fff;font:600 13px var(--mono);border-radius:9px;padding:1px 7px}
.cc-film-nextset,.cc-film-finish{min-height:96px;border-radius:30px;border:0;font:700 21px var(--sans);cursor:pointer;width:100%}
.cc-film-nextset{background:var(--red);color:#fff;margin-top:auto}.cc-film-finish{background:var(--mist);color:var(--ink);min-height:72px}
@media (min-width:700px){.cc-film-between{padding-left:max(24px,calc(50vw - 340px));padding-right:max(24px,calc(50vw - 340px))}}
/* upright is the default: the picture full screen, the choices in a card at the bottom */
@media (orientation:portrait){
  .cc-film[data-state=setup]{display:block}
  .cc-film[data-state=setup] .cc-film-view{position:absolute;inset:0}
  .cc-film[data-state=setup] .cc-film-panel{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-height:62vh;border-radius:28px;padding:16px 18px;gap:12px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
  .cc-film[data-state=setup] .cc-film-head h1{font-size:30px}
  .cc-film[data-state=setup] .cc-film-head .cc-film-x{width:48px;height:48px}
  .cc-film[data-state=setup] .cc-film-note{display:none}
  .cc-film[data-state=setup] .cc-film-zoom{top:calc(60px + env(safe-area-inset-top,0px));bottom:auto;right:12px;transform:none;flex-direction:column;padding:8px}
  .cc-film[data-state=setup] .cc-film-lenses{flex-direction:column}
  .cc-film[data-state=setup] .cc-film-fine{writing-mode:vertical-lr;direction:rtl;width:40px;height:110px}
  .cc-film[data-state=setup] .cc-film-hint{display:none}
}
@media (max-height:520px){
  .cc-film-livebar{flex-direction:row;align-items:stretch;left:12px;right:auto;width:min(520px,60vw)}
  .cc-film-livebar .cc-film-save{min-height:52px;flex:1}.cc-film-livebar .cc-film-stop{min-height:52px;flex:1.3}
  .cc-film-livebar p{display:none}
  .cc-film[data-state=live] .cc-film-strip{display:none}
  .cc-film-between{gap:10px}.cc-film-nextset{min-height:60px}.cc-film-finish{min-height:52px}
}
/* Simple UX Part B (S29Uploads): what is waiting, and why */
.cc-upcard{border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:12px}
.cc-upcard.wifi{background:#FBF3E2}.cc-upcard.fail{background:var(--mist)}
.cc-upcard .cc-uphead{display:flex;gap:14px;align-items:flex-start}.cc-upcard .cc-uphead svg{flex:0 0 auto;margin-top:3px}
.cc-upcard.wifi svg{color:var(--gold-dark)}.cc-upcard.fail svg{color:var(--red)}
.cc-upcard b{display:block;font-size:20px}.cc-upcard small{display:block;color:var(--soft);font-size:16px}
.cc-upcard .cc-btn{min-height:52px;width:100%;justify-content:center}
.cc-film[data-state=live] .cc-film-strip{display:none}
.cc-film[data-state=live] .cc-film-chip{top:calc(74px + env(safe-area-inset-top,0px));bottom:auto;left:16px;right:auto}
.cc-film-setthumbs .cc-film-th b{left:auto;top:auto}
/* Simple UX Part C: sessions in Clips (S06), Sort (S07, S14, S15), Edit later (S09), Select (S08), Undo (S30), Empty (S31), Trim (S37) */
.cc-clipsub{margin:-6px 0 0;font-size:17px}
.cc-figs{margin:0;background:var(--mist);border-radius:18px;padding:10px 14px}
.cc-sesslist{display:flex;flex-direction:column;gap:16px}
.cc-sess{background:var(--mist);border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:12px}
.cc-sesshead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cc-sesshead h2{font:700 22px var(--sans);margin:0}.cc-sesshead p{margin:2px 0 0;color:var(--soft);font-size:16px}
.cc-sortbtn{min-height:56px;padding:0 24px;border-radius:28px;background:var(--red);color:#fff;font:700 20px var(--sans);display:flex;align-items:center;text-decoration:none;flex:0 0 auto;white-space:nowrap}
.cc-allsorted{color:var(--green);font-weight:600;font-size:17px;padding-top:12px;flex:0 0 auto}
.cc-ssthumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cc-ssth{aspect-ratio:7/5;border-radius:16px;background:linear-gradient(#2E5E45,#0F2A2A) center/cover;position:relative;display:block}
.cc-ssth b{position:absolute;right:6px;bottom:5px;background:rgba(13,27,42,.86);color:#fff;font:600 13px var(--mono);border-radius:9px;padding:1px 7px}
.cc-sesslinks{margin:0;font-weight:600;color:var(--red)}.cc-sesslinks a{color:var(--red);display:inline-flex;min-height:44px;align-items:center}
.cc-noclips{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 0 10px}
.cc-noclipsico{width:120px;height:120px;border-radius:60px;background:var(--mist);color:var(--red);display:flex;align-items:center;justify-content:center}
.cc-noclips h2{font:700 26px var(--sans);margin:12px 0 0}.cc-noclips p{color:var(--soft);font-size:18px;margin:0 0 20px;max-width:30ch}
.cc-noclipsgo{width:100%;min-height:120px;border-radius:30px;justify-content:center;font-size:21px}
.cc-undo{position:fixed;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;background:#fff;color:var(--ink);border-radius:26px;padding:12px 12px 12px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 30px rgba(0,0,0,.3);max-width:640px;margin:0 auto}
.cc-undo b{font-size:18px}.cc-undo button{min-height:52px;padding:0 26px;border-radius:26px;border:0;background:var(--ink);color:#fff;font:700 18px var(--sans);cursor:pointer}
/* the reel */
.cc-main.cc-sortpage{padding:0;max-width:none;margin:0;gap:0}
.cc-sr{position:fixed;inset:0;z-index:30;background:#0B1520;color:#fff;overflow:hidden;display:flex;flex-direction:column}
.cc-srwait{margin:auto}
.cc-srbg{position:absolute;inset:-40px;background:#0B1520 center/cover;filter:blur(28px) brightness(.55);z-index:0}
.cc-srtop{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 8px}
.cc-srx{width:48px;height:48px;border-radius:24px;background:rgba(13,27,42,.7);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cc-srtop h1{flex:1;min-width:0;font:700 26px/1 var(--display);text-transform:uppercase;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-srtop b{font:700 20px var(--mono);flex:0 0 auto}
.cc-srbar{position:relative;z-index:2;height:6px;margin:0 16px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}.cc-srbar i{display:block;height:100%;background:var(--gold)}
.cc-srstage{position:relative;z-index:1;flex:1 1 auto;min-height:160px;display:flex;align-items:center;justify-content:center;touch-action:pan-x}
.cc-srstage video{width:100%;max-height:100%;object-fit:contain}
.cc-srrail{position:absolute;right:12px;top:22%;z-index:3;display:flex;flex-direction:column;gap:14px}
.cc-srrail button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#fff;font:600 15px var(--sans);cursor:pointer;padding:0}
.cc-srrail button svg{width:56px;height:56px;padding:15px;border-radius:28px;background:rgba(36,50,66,.85);box-sizing:border-box}
.cc-srrail button[aria-pressed=true] svg{color:var(--gold)}
.cc-srbot{position:relative;z-index:2;padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;background:linear-gradient(transparent,rgba(11,21,32,.92) 30%)}
.cc-srrow{display:flex;flex-direction:column;gap:6px}
.cc-srlab{margin:0;font-size:17px}.cc-srlab span{color:rgba(255,255,255,.75);font-size:15px}
.cc-srchips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.cc-srchips button{flex:0 0 auto;min-height:52px;padding:0 20px;border-radius:26px;border:0;background:rgba(58,72,88,.9);color:#fff;font:600 18px var(--sans);cursor:pointer}
.cc-srchips button[aria-pressed=true]{background:var(--gold);color:var(--ink)}
.cc-srchips [data-out=out][aria-pressed=true],.cc-srchips [data-out=wicket][aria-pressed=true]{background:var(--red);color:#fff}
.cc-srrate{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.cc-srrate button{min-height:60px;border-radius:30px;border:0;font:700 19px var(--sans);cursor:pointer}
.cc-srrate .good{background:var(--green);color:#fff}.cc-srrate .ok{background:#fff;color:var(--ink)}.cc-srrate .work{background:var(--gold);color:var(--ink)}
.cc-srhint{margin:0;text-align:center;color:rgba(255,255,255,.8);font-size:15px}
.cc-sredit{position:relative;z-index:2;background:#F6F4F0;color:var(--ink);border-radius:28px 28px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}
.cc-srgrab{width:56px;height:5px;border-radius:3px;background:var(--line);align-self:center}
.cc-sredit .cc-srlab{font-weight:700;font-size:19px}
.cc-sredit .cc-srchips button{background:#EAE7E1;color:var(--ink)}.cc-sredit .cc-srchips button[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-sredit .cc-srhint{color:var(--soft)}
.cc-srdone{margin:auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;padding:24px}
.cc-srdone h1{font:700 40px var(--display);text-transform:uppercase;color:#fff;margin:0}.cc-srtick{width:72px;height:72px;border-radius:36px;background:var(--green);display:flex;align-items:center;justify-content:center}
@media (min-width:900px){.cc-srbot,.cc-sredit{padding-left:max(16px,calc(50vw - 380px));padding-right:max(16px,calc(50vw - 380px))}.cc-srrail{right:max(12px,calc(50vw - 460px))}}
/* select several */
.cc-selset{display:flex;flex-direction:column;gap:10px}.cc-seln{font-size:16px}
.cc-selgrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cc-selth{aspect-ratio:7/5;border-radius:18px;border:0;background:linear-gradient(#2E5E45,#0F2A2A) center/cover;position:relative;cursor:pointer;padding:0}
.cc-selth i{position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:22px;border:3px solid #fff;display:flex;align-items:center;justify-content:center;color:transparent;background:rgba(13,27,42,.35)}
.cc-selth[aria-checked=true] i{background:var(--red);color:#fff}
.cc-selth b{position:absolute;right:8px;bottom:6px;background:rgba(13,27,42,.86);color:#fff;font:600 13px var(--mono);border-radius:9px;padding:1px 7px}
.cc-selcount{font-weight:700;text-align:right;margin:0}
.cc-selacts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cc-selacts .wide{grid-column:1/-1}
.cc-selacts .cc-btn{min-height:60px;justify-content:center}.cc-selacts .del{color:var(--red)}
/* trim and zoom */
.cc-trim{position:fixed;inset:0;z-index:70;background:#1E2A33;color:#fff;display:flex;flex-direction:column}
.cc-trtop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 10px}
.cc-trtop h1{font:700 28px var(--display);text-transform:uppercase;margin:0;color:#fff}
.cc-trtop button{min-height:52px;padding:0 22px;border-radius:26px;border:0;background:#2B3742;color:#fff;font:700 18px var(--sans);cursor:pointer}
.cc-trim button.gold{background:var(--gold);color:var(--ink)}
.cc-trstage{flex:1 1 auto;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}
.cc-trstage video{width:100%;max-height:100%;object-fit:contain;transition:transform .05s}
.cc-trz{position:absolute;right:14px;top:14px;background:rgba(13,27,42,.86);border-radius:14px;padding:6px 12px;font:600 16px var(--sans)}
.cc-trbot{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}
.cc-trbot .cc-between b{font-size:22px}
.cc-trstrip{position:relative;height:64px;border-radius:14px;overflow:visible;background:#2B3742}
.cc-trframes{display:flex;height:100%;border-radius:14px;overflow:hidden}.cc-trframes canvas{flex:1;width:10%;height:100%;opacity:.75}
.cc-trwin{position:absolute;top:-6px;bottom:-6px;border:6px solid var(--gold);border-radius:12px;box-sizing:border-box}
.cc-trwin span{position:absolute;top:-6px;bottom:-6px;width:28px;cursor:ew-resize;touch-action:none}
.cc-trwin span[data-h=lo]{left:-20px}.cc-trwin span[data-h=hi]{right:-20px}
.cc-trhit{position:absolute;top:-16px;width:10px;height:10px;border-radius:5px;background:var(--red);transform:translateX(-50%)}
.cc-trbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-trbtns button{min-height:56px;border-radius:28px;border:0;background:#536068;color:#fff;font:700 19px var(--sans);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.cc-trbtns button:disabled{opacity:.45}
.cc-trnote{text-align:center;color:rgba(255,255,255,.8);margin:0}
.cc-srrail{top:calc(92px + env(safe-area-inset-top,0px));gap:16px}
.cc-srrail button{gap:2px;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.8);min-width:56px}
.cc-srrail button svg{width:50px;height:50px;padding:13px}
@media (min-height:900px){.cc-srrail{gap:14px}.cc-srrail button svg{width:56px;height:56px;padding:15px}}
/* Update 172: the version in the avatar menu, and the update banner */
.cc-mever{margin:10px 4px 0;color:var(--soft);font:500 13px var(--mono);text-align:center}
.cc-newver{position:fixed;left:16px;right:16px;top:calc(96px + env(safe-area-inset-top,0px));z-index:80;max-width:520px;margin:0 auto;min-height:52px;border:0;border-radius:26px;background:var(--ink);color:#fff;font:500 17px var(--sans);box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer}
.cc-newver b{font-weight:700}
/* ---------- Update 172: Today on one screen (S39TodayClean) ---------- */
.cc-main.cc-hub2{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.cc-today2{display:flex;flex-direction:column;gap:12px}
.cc-t2head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.cc-t2head .cc-todayh{font-size:42px}.cc-t2head .cc-todaysub{margin:2px 0 0;font-size:16px}
.cc-t2links{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-bottom:2px}
.cc-t2chg{color:var(--red);font-weight:600;font-size:17px;min-height:44px;display:inline-flex;align-items:center}
.cc-today2 .cc-todaycard{padding:16px 18px 10px;gap:6px}
.cc-t2next{margin:0;font:600 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.cc-today2 .cc-todaycard h2{font-size:28px}
.cc-today2 .cc-todaybtns{margin-top:4px}
.cc-t2rows{display:flex;flex-direction:column;margin-top:6px;border-top:1px solid rgba(255,255,255,.14)}
.cc-t2row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;min-height:46px;padding:4px 0;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:none;color:#fff;font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.cc-t2row:last-child{border-bottom:0}
.cc-t2time b{display:block;font:700 22px/1 var(--display)}.cc-t2time small{display:block;font:500 11px var(--mono);color:rgba(255,255,255,.7);margin-top:2px}
.cc-t2name{font-size:17px;font-weight:500}
.cc-t2st{font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:4px}.cc-t2st.done{color:#8FD19E}.cc-t2st.next{color:var(--gold)}
.cc-t2camplinks{margin:2px 0 0}.cc-t2camplinks a{color:rgba(255,255,255,.9);font-weight:500;min-height:40px;display:inline-flex;align-items:center}
.cc-doors2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cc-doors2.four{grid-template-columns:repeat(4,1fr)}
.cc-door2{background:var(--mist);border-radius:22px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink);text-decoration:none;min-height:88px;justify-content:center;text-align:center}
.cc-door2 svg{color:var(--red)}.cc-door2 b{font:700 24px/1 var(--display);text-transform:uppercase;margin-top:4px}.cc-door2 small{color:var(--soft);font-size:13px;line-height:1.2}
.cc-t2foot{margin:0;text-align:center;color:var(--soft);font-size:15px}
.cc-t2coach{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:600;min-height:44px;align-self:center}
.cc-today2 .cc-waiting{gap:10px}.cc-today2 .cc-wcard{padding:8px 10px}.cc-today2 .cc-wthumb{flex-basis:72px;height:50px}.cc-today2 .cc-wtext small{font-size:14px}
.cc-skanalysis{margin:6px 0 12px;background:var(--mist);border-radius:18px;padding:10px 14px}
.cc-scprog{margin-top:14px}
@media (max-height:700px){.cc-t2head .cc-todayh{font-size:36px}.cc-today2 .cc-todaycard h2{font-size:26px}.cc-door2{min-height:84px}}
.cc-today2 #cc-hubextra:empty{display:none}.cc-today2 .cc-trialbanner{margin:0;padding:8px 14px}
.cc-today2 .cc-fuelstrip{margin-top:-2px}
.cc-t2coachrow{display:flex;justify-content:center;gap:20px;margin:0;flex-wrap:wrap}
/* Today: the Trials banner as one slim line; a little less space so a busy day still fits one screen */
.cc-today2 .cc-trialbanner{min-height:36px;padding:6px 14px;border-radius:18px;background:var(--mist);color:var(--ink)}
.cc-today2 .cc-trialbanner:hover{color:var(--ink);background:var(--mist)}
.cc-today2 .cc-tbtxt small{display:none}.cc-today2 .cc-tbtxt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-today2{gap:10px}.cc-today2 .cc-t2row{min-height:42px}.cc-today2 .cc-door2{min-height:78px;padding:10px 6px}
/* Change plan sits level with "Today", so the line under it has the full width */
.cc-t2head{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}
.cc-t2head>div{display:contents}
.cc-t2head .cc-todayh{grid-column:1;grid-row:1}
.cc-t2head .cc-t2links{grid-column:2;grid-row:1;padding:0}
.cc-t2head .cc-todaysub{grid-column:1/-1;grid-row:2}
.cc-today2 .cc-wtext b{font-size:18px}.cc-today2 .cc-wtext small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-t2head .cc-todaysub{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cc-t2head .cc-t2chg{min-height:40px}
.cc-today2 .cc-t2name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cc-t2head .cc-todaysub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cc-main.cc-hub2{padding-bottom:calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 4px)}
.cc-today2 .cc-door2{min-height:74px;padding:8px 6px}.cc-today2 .cc-door2 b{font-size:22px}
/* ---------- Update 172: every clip opens in the reel (S07Sort, S09Edit, S37Trim) ---------- */
.cc-rl .cc-rlstage{position:absolute;inset:0;z-index:1;min-height:0}
.cc-rl .cc-rlstage video{width:100%;height:100%;max-height:none;object-fit:contain}
.cc-rl[data-shape=tall] .cc-rlstage video{object-fit:cover}
.cc-rl .cc-srtop{background:linear-gradient(rgba(11,21,32,.75),rgba(11,21,32,0));padding-bottom:22px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.cc-rlbot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:48px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(11,21,32,0),rgba(11,21,32,.88) 50%);display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cc-rllabels{margin:0;font:700 21px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cc-rlwhen{margin:0;color:rgba(255,255,255,.82);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-rlchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.cc-rlchips button{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid rgba(255,255,255,.35);background:rgba(13,27,42,.6);color:#fff;font:600 15px var(--sans);display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-shadow:none}
.cc-rlchips #cc-rlspeed{min-width:76px;justify-content:center;font-family:var(--mono)}
.cc-rlscrub{position:relative;height:18px;margin-top:8px;cursor:pointer;touch-action:none}
.cc-rlscrub::before{content:"";position:absolute;left:0;right:0;top:8px;height:3px;border-radius:2px;background:rgba(255,255,255,.3)}
.cc-rlscrub i{position:absolute;left:0;top:8px;height:3px;border-radius:2px;background:var(--gold);display:block}
.cc-rlscrub b{position:absolute;top:5px;width:9px;height:9px;margin-left:-4px;border-radius:5px;background:#fff}.cc-rlscrub b.gold{background:var(--gold)}
.cc-rlpaused{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:38px;background:rgba(13,27,42,.6);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.cc-rlpaused[hidden],.cc-rlstep[hidden]{display:none}
.cc-rlstep{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:center;gap:140px;transform:translateY(-50%);pointer-events:none}
.cc-rlstep button{pointer-events:auto;width:52px;height:52px;border-radius:26px;border:0;background:rgba(13,27,42,.7);color:#fff;font:600 30px/1 var(--sans);cursor:pointer}
.cc-rlwait{padding:16px;max-width:420px;width:100%;color:var(--ink)}
.cc-rl button[disabled]{opacity:.5}
.cc-rlsheet .cc-sredit{background:none;padding:0;border-radius:0}
.cc-rlfblist{margin-top:14px}.cc-rlfblist #cc-cform{display:none}
@media (min-width:900px){.cc-rlbot{padding-left:max(16px,calc(50vw - 380px));padding-right:max(16px,calc(50vw - 380px))}}
.cc-rl .cc-srbg{inset:0}.cc-rlwhen .cc-edited{display:inline-block;padding:1px 8px;border-radius:9px;background:rgba(255,255,255,.2);font-size:13px;margin-right:4px}
/* ---------- Update 172: the Highlights overlay (S38Highlights) ---------- */
.cc-hmain .cc-hinfo{left:16px;right:96px;bottom:calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 16px);gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.35)}
.cc-hwho{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:nowrap}
.cc-hav{flex:0 0 40px;display:flex}
.cc-hinfo .cc-hav .cc-av{width:40px;height:40px;font-size:17px}
.cc-hname{min-width:0;flex:0 1 auto;overflow:hidden}.cc-hname b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:1.2}
.cc-hmain .cc-hinfo .cc-follow{flex:0 0 auto;height:32px;min-height:32px;padding:0 12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.9);background:transparent;color:#fff;font:600 14px var(--sans);text-shadow:none;box-shadow:none;white-space:nowrap}
.cc-hmain .cc-hinfo .cc-follow[aria-pressed=true]{background:rgba(255,255,255,.16)}
.cc-hmain .cc-hwhat{margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.cc-hmain .cc-hmeta{margin:0;font-size:14px;color:rgba(255,255,255,.85);opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-hmain .cc-hacts{right:8px;bottom:calc(max(var(--cc-barspace),env(safe-area-inset-bottom,0px)) + 16px);gap:12px;width:80px}
.cc-hacts .cc-hbtn[type],.cc-hacts .cc-hbtn[type][aria-pressed]{width:80px;min-width:0;height:auto;padding:0;border-radius:0;background:none;box-shadow:none;flex-direction:column;gap:4px;color:#fff;font:600 13px var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.85)}
.cc-hico{width:52px;height:52px;border-radius:26px;background:rgba(28,27,24,.62);display:flex;align-items:center;justify-content:center;flex:0 0 52px}
.cc-hbtn.react .cc-hico{background:var(--red)}
.cc-hbtn[aria-pressed=true] .cc-hico{box-shadow:0 0 0 2px #fff}
.cc-hbtn[data-save][aria-pressed=true] .cc-hico svg{fill:currentColor}
.cc-hlab{white-space:nowrap;line-height:1.15;max-width:80px;overflow:hidden;text-overflow:ellipsis}.cc-hlab b{font-weight:600}
.cc-hacts .cc-hcount{color:inherit;font:inherit;margin:0}
.cc-htabs{display:flex;gap:6px}
.cc-htab{height:36px;padding:0 14px;border-radius:18px;border:0;background:rgba(28,27,24,.55);color:#fff;font:600 14px var(--sans);cursor:pointer}
.cc-htab[aria-selected=true]{background:#fff;color:var(--ink)}
.cc-hfbar .cc-hfbtn{position:relative;width:36px;height:36px;padding:0;justify-content:center;border-radius:18px;border:0;background:rgba(28,27,24,.55);color:#fff;box-shadow:none}
.cc-hfn{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font:600 11px/18px var(--sans);box-sizing:border-box}
.cc-hsound{position:absolute;left:16px;top:calc(130px + env(safe-area-inset-top,0px));z-index:3}
body.cc-hasupill .cc-hsound{top:calc(166px + env(safe-area-inset-top,0px))}
.cc-hsound .cc-sound{font-size:13px;padding:6px 12px;border-radius:16px;background:rgba(28,27,24,.55)}
.cc-sheet .cc-hacts .cc-hbtn[type],.cc-main:not(.cc-hmain) .cc-hacts .cc-hbtn[type]{color:var(--ink);text-shadow:none;width:72px}
.cc-sheet .cc-hico,.cc-main:not(.cc-hmain) .cc-hico{background:var(--mist);color:var(--ink)}
.cc-sheet .cc-hbtn.react .cc-hico,.cc-main:not(.cc-hmain) .cc-hbtn.react .cc-hico{background:var(--red);color:#fff}
.cc-sheet .cc-hbtn[aria-pressed=true] .cc-hico,.cc-main:not(.cc-hmain) .cc-hbtn[aria-pressed=true] .cc-hico{box-shadow:0 0 0 2px var(--ink)}
.cc-sheet .cc-hwho .cc-follow,.cc-main:not(.cc-hmain) .cc-hwho .cc-follow{height:32px;padding:0 12px;border-radius:16px}
@media (min-width:900px){.cc-htab{background:var(--mist);color:var(--ink)}.cc-htab[aria-selected=true]{background:var(--ink);color:#fff}.cc-hfbar .cc-hfbtn{background:#fff;color:var(--ink);border:1px solid var(--line)}}
/* Highlights' Follow chip shares its class name with Change plan's choices: keep it a small chip */
.cc-hwho .cc-follow,.cc-hwho .cc-follow[aria-pressed]{display:inline-flex;align-items:center;justify-content:center;gap:0;flex:0 0 auto;width:auto;min-width:0;height:32px;min-height:32px;padding:0 12px;border-radius:16px;text-align:center;font:600 14px var(--sans);margin-left:0}
.cc-hmain .cc-hwho .cc-follow{border:1.5px solid rgba(255,255,255,.9);background:transparent;color:#fff}
.cc-hmain .cc-hwho .cc-follow[aria-pressed=true]{background:rgba(255,255,255,.16);color:#fff;border:1.5px solid rgba(255,255,255,.9)}
.cc-sheet .cc-hwho .cc-follow,.cc-main:not(.cc-hmain) .cc-hwho .cc-follow{border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.cc-sheet .cc-hwho .cc-follow[aria-pressed=true],.cc-main:not(.cc-hmain) .cc-hwho .cc-follow[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-hname{color:#fff}
/* ---------- Update 172, part 5 (simple UX Part D): coaches ---------- */
.cc-cjobs{display:flex;flex-direction:column;gap:12px}
.cc-cjob{display:flex;align-items:center;gap:14px;min-height:84px;padding:14px 18px;border-radius:24px;background:var(--mist);color:var(--ink);text-decoration:none;position:relative}
.cc-cjob svg{color:var(--red);flex:0 0 auto}.cc-cjob span{display:flex;flex-direction:column;min-width:0}
.cc-cjob b{font:700 24px/1.05 var(--display);text-transform:uppercase}.cc-cjob small{color:var(--soft);font-size:15px;margin-top:2px}
.cc-cjob.dark{background:var(--night);color:#fff}.cc-cjob.dark svg{color:var(--gold)}.cc-cjob.dark small{color:rgba(255,255,255,.75)}
.cc-cjob.quiet{background:#fff;border:1.5px solid var(--line);min-height:68px}
.cc-cjn{position:absolute;right:16px;top:50%;transform:translateY(-50%);min-width:34px;height:34px;border-radius:17px;background:var(--red);color:#fff;font:700 17px/34px var(--sans);text-align:center;font-style:normal;padding:0 8px;box-sizing:border-box}
.cc-crvq{position:absolute;left:16px;right:96px;top:calc(96px + env(safe-area-inset-top,0px));z-index:3;background:rgba(13,27,42,.78);border-radius:18px;padding:10px 14px;color:#fff}
.cc-crvq b{font-size:14px;color:var(--gold)}.cc-crvq p{margin:2px 0 0;font-size:17px}.cc-crvat{color:rgba(255,255,255,.7);font-size:14px}
.cc-crvacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.cc-crvacts button{min-height:56px;border-radius:28px;border:0;background:#fff;color:var(--ink);font:700 17px var(--sans);cursor:pointer}
.cc-crvacts .good{background:var(--green);color:#fff}
.cc-pklist{display:flex;flex-direction:column;gap:8px}
.cc-pkrow{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:18px;border:1.5px solid var(--line);background:#fff;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.cc-pkrow[aria-checked=true]{border:2.5px solid var(--ink)}
.cc-pktick{width:30px;height:30px;border-radius:15px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center}
.cc-pkrow[aria-checked=true] .cc-pktick{background:var(--ink);border-color:var(--ink);color:#fff}
.cc-pkname{font-weight:600;font-size:17px}.cc-pkav{font-size:14px;color:var(--soft)}.cc-pkav.yes{color:var(--green);font-weight:600}.cc-pkav.no{color:var(--red)}
.cc-film-who{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.cc-film-who .cc-chips{flex-wrap:wrap}
.cc-film-on{display:inline-flex;gap:6px;flex-wrap:wrap}
.cc-film-on button{min-height:36px;border-radius:18px;border:0;background:rgba(13,27,42,.75);color:#fff;font:500 14px var(--sans);padding:0 12px;cursor:pointer}
.cc-film-on .cc-film-nextbowl{background:var(--gold);color:var(--ink);font-weight:700}
.cc-newfrom{background:var(--night);color:#fff;border-radius:24px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.cc-nfhead b{display:block;font-size:18px}.cc-nfhead small{color:rgba(255,255,255,.75);font-size:14px}
.cc-nfthumbs{display:flex;gap:8px}.cc-nfthumbs span{width:72px;height:52px;border-radius:12px;background:#244 center/cover}
.cc-newfrom .cc-btn.quiet{background:rgba(255,255,255,.12);color:#fff}
.cc-film-top .cc-film-on{position:absolute;left:0;right:0;top:104px;z-index:6}
.cc-crvacts button{font-size:16px;white-space:nowrap;padding:0 8px}
/* Update 172 (S18SCExercise): where you are on one line; Easier and Harder */
.cc-gline{margin:-4px 0 4px;font:600 15px var(--mono);color:var(--soft)}
.cc-geasy{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-geasy button{min-height:48px;border-radius:24px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:600 16px var(--sans);cursor:pointer}
.cc-camptz summary{cursor:pointer;color:var(--soft);font-size:15px;min-height:36px;display:flex;align-items:center}.cc-camptz summary b{color:var(--ink);margin:0 4px}
/* Update 172 (simple UX Part F) */
.cc-whoyou{display:flex;flex-direction:column;gap:12px}
.cc-whoyou .cc-tile-btn{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px;min-height:84px;justify-content:center}
.cc-whoyou .cc-tile-btn b{font:700 24px var(--display);text-transform:uppercase}
.cc-promises{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:6px}
.cc-promises li{display:flex;gap:8px;align-items:center;font-weight:600}.cc-promises li::before{content:"";width:18px;height:18px;border-radius:9px;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat;flex:0 0 18px}
.cc-wa{background:#1F8F4E;color:#fff;text-align:center;text-decoration:none}
.cc-invurl{word-break:break-all}
/* ---------- Update 172 (simple UX Part G): plans and limits ---------- */
.cc-lm{display:flex;flex-direction:column;gap:6px}.cc-lmbig{font-size:22px}
.cc-lmbar{height:10px;border-radius:5px;background:var(--mist);overflow:hidden}.cc-lmbar i{display:block;height:100%;background:var(--red);border-radius:5px}
.cc-lmsoon{margin:4px 0 0;color:var(--soft);font-weight:600}
.cc-clearnote{background:#FFF4DA;border:1.5px solid #E9C66B;border-radius:20px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}
.cc-clearnote b{font-size:18px}.cc-clearnote small{color:var(--soft)}
.cc-clearpick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
.cc-clearpick button{position:relative;aspect-ratio:4/3;border-radius:14px;border:2px solid transparent;background:#244 center/cover;cursor:pointer}
.cc-clearpick button b{position:absolute;right:6px;bottom:5px;background:rgba(13,27,42,.86);color:#fff;font:600 12px var(--mono);border-radius:8px;padding:1px 6px}
.cc-clearpick button i{position:absolute;left:6px;top:6px;width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,.85);color:transparent;display:flex;align-items:center;justify-content:center}
.cc-clearpick button[aria-checked=true]{border-color:var(--red)}.cc-clearpick button[aria-checked=true] i{background:var(--red);color:#fff}
.cc-plans{display:flex;flex-direction:column;gap:12px}
.cc-plan{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:16px 18px}.cc-plan.on{border:2.5px solid var(--ink)}
.cc-plan h2{margin:0;font:700 26px var(--display);text-transform:uppercase}.cc-planprice{display:block;font-size:20px;margin:4px 0 6px;color:var(--red)}
.cc-plan ul{margin:0;padding-left:18px;display:grid;gap:4px}
/* ---------- Update 173: the Set done screen while uploading (S44Uploading) ---------- */
.cc-film-ready{margin:0;font-weight:700;font-size:18px;color:var(--green)}
.cc-film-keepopen{margin:0;font-size:15px;font-weight:600;color:var(--ink)}
.cc-film-setbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:auto}
.cc-film-show{min-height:72px;border-radius:36px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:700 19px var(--sans);cursor:pointer}
.cc-film-setbtns .cc-film-nextset{width:100%;margin-top:0}
.cc-film-qline{margin:2px 0 0;color:var(--soft);text-align:center}
@media (max-height:700px){.cc-film-show{min-height:60px}}
#cc-fqual button{display:flex;flex-direction:column;align-items:center;gap:2px}#cc-fqual small{font-size:12px;opacity:.75}
.cc-fshowbox{position:fixed;inset:0;z-index:60;background:#000;display:flex;flex-direction:column;color:#fff;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
.cc-fshowtop{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.cc-fshowx{width:48px;height:48px;border-radius:24px;border:0;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;cursor:pointer}
#cc-fshowv{flex:1;min-height:0;width:100%;object-fit:contain;touch-action:none}
.cc-fshownav{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px}
.cc-fshownav button{width:56px;height:56px;border-radius:28px;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:30px;cursor:pointer}
.cc-fshownav span{text-align:center;color:rgba(255,255,255,.7)}
/* ---------- Update 174, Part B: Face ID, devices ---------- */
.cc-pkin{display:flex;flex-direction:column;gap:8px}.cc-pkin .cc-btn{display:flex;align-items:center;justify-content:center;gap:10px}
.cc-or{display:flex;align-items:center;gap:10px;margin:4px 0 0;color:var(--soft);font-size:14px}.cc-or::before,.cc-or::after{content:"";flex:1;height:1px;background:var(--line)}
.cc-devs{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.cc-dev{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--mist)}
.cc-dev>div{flex:1;min-width:0}.cc-dev b{display:block}.cc-dev small{color:var(--soft)}
.cc-devic{width:36px;height:36px;border-radius:18px;background:var(--paper);display:grid;place-items:center;flex:none}
.cc-note{margin:0;padding:10px 14px;border-radius:12px;background:#FBF3E0;color:var(--ink);font-size:15px}
#cc-devbox h3{margin:18px 0 4px}#cc-devbox .cc-link{margin:2px 0 4px}
/* ---------- Update 174, Part D: academies, roles, Ask the squad, View as ---------- */
.cc-vabar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(6px + env(safe-area-inset-top,0px)) 14px 6px;background:var(--gold);color:var(--ink);font-size:14px;min-height:44px}
.cc-vabar b{font-weight:700}.cc-vabtns{display:flex;gap:8px;flex:none}.cc-vabtns button{min-height:36px;padding:0 14px;border-radius:18px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:600 14px var(--sans);cursor:pointer}
.cc-vabtns #cc-vaexit{background:var(--ink);color:var(--gold)}
body.cc-va .cc-top{top:calc(56px + env(safe-area-inset-top,0px))}body.cc-va .cc-main{padding-top:calc(136px + env(safe-area-inset-top,0px))}body.cc-va .cc-test{top:calc(120px + env(safe-area-inset-top,0px))}
.cc-achead{display:flex;align-items:center;gap:14px}.cc-achead h1{margin:0}
.cc-backbig{width:52px;height:52px;border-radius:26px;background:var(--mist);display:grid;place-items:center;flex:none;color:var(--ink)}
.cc-accard{background:var(--mist);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:14px}
.cc-acrow{display:flex;align-items:center;gap:16px}.cc-acrow h2,.cc-acrow h1{margin:0}.cc-acrow p{margin:4px 0 0}
.cc-aclogo{width:64px;height:64px;border-radius:18px;background:var(--night);display:grid;place-items:center;overflow:hidden;flex:none}.cc-aclogo.big{width:72px;height:72px}
.cc-aclogo b{font:600 30px var(--display,var(--sans));color:var(--gold)}.cc-aclogo img{width:100%;height:100%;object-fit:cover}
.cc-acacts{display:flex;justify-content:space-around;gap:10px}.cc-acacts .cc-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:17px;min-height:48px;cursor:pointer}
.cc-ach2{margin:6px 0 0;font-size:20px}
.cc-acsquads{display:flex;flex-direction:column;gap:10px}.cc-acsquad{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:20px;background:var(--mist);color:var(--ink);text-decoration:none;min-height:64px}
.cc-acsquad b{display:block;font-size:18px}.cc-acsquad small{color:var(--soft);font-size:15px}
.cc-acadd{display:flex;align-items:center;justify-content:center;gap:8px}.cc-aclinks{margin:0;font-size:15px}
.cc-acinvite{margin-top:8px}
.cc-roles{display:flex;flex-direction:column;gap:12px}.cc-rolecard{text-align:left;padding:14px 16px;border-radius:20px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit}
.cc-rolecard b{font-size:18px}.cc-rolecard span{color:var(--soft)}.cc-rolecard[aria-checked=true]{border:2.5px solid var(--ink)}
.cc-sqchips{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-sqchip{min-height:56px;border-radius:28px;border:0;background:var(--mist);color:var(--ink);font:700 17px var(--sans);cursor:pointer}.cc-sqchip[aria-pressed=true]{background:var(--ink);color:#fff}
.cc-acsend{display:flex;flex-direction:column;align-items:center;gap:8px}.cc-wa{background:var(--green);color:#fff;width:100%}
.cc-whotable{border:1px solid var(--line);border-radius:22px;overflow:hidden}.cc-whotable table{width:100%;border-collapse:collapse}
.cc-whotable thead th{background:var(--mist);font:500 14px var(--mono);padding:14px 6px;text-align:center}.cc-whotable tbody th{text-align:left;font-weight:600;padding:14px 12px;font-size:15px}
.cc-whotable td{text-align:center;color:var(--green);font-weight:700;font-size:20px;width:13%}.cc-whotable tbody tr:nth-child(even){background:#FAF9F6}
.cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cc-whorules{background:var(--mist);border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.cc-whorules p{margin:0;display:flex;gap:10px;align-items:flex-start}.cc-whorules svg{color:var(--green);flex:none;margin-top:2px}
.cc-askcard{background:var(--mist);border-radius:22px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.cc-askcounts{margin:0;font-size:19px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cc-askcounts .yes{color:var(--green)}.cc-askcounts .maybe{color:var(--gold-dark)}.cc-askcounts .no{color:var(--red)}.cc-askcounts .wait{color:var(--soft)}
.cc-askremind{font-weight:700;font-size:18px;min-height:48px}
.cc-asklist{display:flex;flex-direction:column}.cc-askrow{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid var(--line);font-size:17px}
.cc-askrow .yes{color:var(--green);font-weight:600}.cc-askrow .maybe{color:var(--gold-dark);font-weight:600}.cc-askrow .no{color:var(--red);font-weight:600}.cc-askrow .wait{color:var(--soft)}
.cc-askfoot{text-align:center}
.cc-varoles{display:flex;flex-direction:column;gap:10px}.cc-varole{text-align:left;padding:16px;border-radius:20px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;display:flex;align-items:center;gap:14px;cursor:pointer;min-height:76px}
.cc-varoles .cc-label{margin:10px 0 0}.cc-vaini{flex:none;width:48px;height:48px;border-radius:24px;background:var(--wash,#F3F1EC);display:grid;place-items:center;font-weight:700;font-size:16px;color:var(--ink)}
.cc-vatext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-varole b{font-size:18px}.cc-vatext>span{color:var(--soft);font-size:15px}.cc-varole>svg{flex:none;color:var(--soft)}.cc-varole small{color:var(--gold-dark)}.cc-varole[aria-current=true]{border-color:var(--gold);background:#FBF3E0}
.cc-whotable thead th{white-space:nowrap;font-size:13px;padding:14px 2px;letter-spacing:0}.cc-whotable td{width:15%}.cc-whotable tbody th{padding:14px 8px 14px 14px}
/* ---------- Update 174, Parts F and H: usernames and the web page settings ---------- */
.cc-uname{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:0 0 0 12px}.cc-uname i{font-style:normal;color:var(--soft);white-space:nowrap}.cc-uname input{border:0!important;background:transparent;flex:1;min-width:0;padding-left:2px!important}
.cc-pgaddr{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:20px;background:var(--mist)}.cc-pgaddr svg{color:var(--green)}.cc-pgaddr b{flex:1;font-size:17px;overflow:hidden;text-overflow:ellipsis}.cc-link.red{color:var(--red);font-weight:600}
.cc-pgsw{display:flex;flex-direction:column}.cc-pgrow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.cc-pgrow b{display:block;font-size:18px}.cc-pgrow small{color:var(--soft);font-size:15px}
.cc-switch{appearance:none;-webkit-appearance:none;width:64px;height:36px;border-radius:18px;background:#D9D6CF;position:relative;flex:none;cursor:pointer;transition:background .15s}.cc-switch::after{content:"";position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:14px;background:#fff;transition:left .15s}
.cc-switch:checked{background:var(--green)}.cc-switch:checked::after{left:32px}
.cc-pgalumni{display:flex;flex-direction:column;gap:8px}
.cc-tick{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:10px;background:var(--gold);color:var(--night);font:700 12px/1 system-ui;font-style:normal;margin-left:6px;vertical-align:middle}
.cc-field .cc-uname,.cc-field .cc-uname i{text-transform:none;font:16px/1.4 var(--sans);letter-spacing:0;color:var(--soft)}.cc-field .cc-uname input{color:var(--ink)}
/* Update 174 (Part K): Your coach page */
.cp-state{display:flex;flex-direction:column;gap:6px;background:var(--wash,#F4F2EE)}.cp-state.live{background:#EAF3EA}.cp-state.ask{background:#FBF3E0}.cp-state span{color:var(--soft)}
.cp-cvbox{display:flex;flex-direction:column;gap:8px}.cp-photorow{display:flex;align-items:center;gap:14px}.cp-ph{width:72px;height:88px;border-radius:14px;background:#1E3150 center/cover no-repeat;flex:none}
.cp-sec{display:flex;flex-direction:column;gap:6px}.cp-sec textarea{width:100%;font:inherit;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line)}.cp-pdf{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.cp-radio{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);font-weight:600;cursor:pointer}.cp-radio input{width:20px;height:20px;accent-color:var(--red);margin:0}