:root{--brand:#7c4dff;--brand-strong:#6a3df0;--brand-light:#c9bdff;--magenta:#a23fd0;--accent:#ff3d7f;--accent-light:#ff9cc0;--blue:#4f7bd0;--bg:#0c0a18;--bg-soft:#100d20;--surface:#ffffff0b;--surface-2:#ffffff12;--surface-solid:#16142a;--surface-alt:#100d22;--line:#ffffff17;--line-strong:#ffffff2b;--text:#f4f2fb;--text-soft:#c6c2db;--text-muted:#8c88a8;--grad:linear-gradient(135deg, #7c4dff 0%, #a23fd0 52%, #ff3d7f 100%);--effort-easy:#4f7bd0;--effort-tempo:#7c4dff;--effort-interval:#ff3d7f;--effort-easy-soft:#4f7bd029;--effort-tempo-soft:#7c4dff29;--effort-interval-soft:#ff3d7f29;--effort-easy-text:#9dbaf0;--effort-tempo-text:#c9bdff;--effort-interval-text:#ff9cc0;--good:#059669;--warn:#b45309;--r-sm:10px;--r-md:18px;--r-lg:24px;--font-display:"Instrument Sans", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-brand:"Newtown", "Sora", sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--brand-light:#6a3df0;--accent-light:#d81b60;--bg:#fff;--bg-soft:#f7f5fd;--surface:#120f2608;--surface-2:#120f260e;--surface-solid:#f5f3f9;--surface-alt:#f2eefc;--line:#120f261f;--line-strong:#120f2633;--text:#16142a;--text-soft:#47425c;--text-muted:#6b6683;--effort-easy-text:#2c5697;--effort-tempo-text:#6a3df0;--effort-interval-text:#c81e5a}}:root[data-theme=light]{--brand-light:#6a3df0;--accent-light:#d81b60;--bg:#fff;--bg-soft:#f7f5fd;--surface:#120f2608;--surface-2:#120f260e;--surface-solid:#f5f3f9;--surface-alt:#f2eefc;--line:#120f261f;--line-strong:#120f2633;--text:#16142a;--text-soft:#47425c;--text-muted:#6b6683;--effort-easy-text:#2c5697;--effort-tempo-text:#6a3df0;--effort-interval-text:#c81e5a}
@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans.woff2)format("woff2-variations");font-weight:400 700;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/sora.woff2)format("woff2-variations");font-weight:100 800;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2)format("woff2-variations");font-weight:200 800;font-display:swap}@font-face{font-family:Newtown;src:url(/fonts/newtown-wordmark.woff2)format("woff2");font-weight:700;font-display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hero-gradient:radial-gradient(circle at 12% 16%, #7c4dff52, transparent 46%), radial-gradient(circle at 88% 10%, #ff3d7f38, transparent 46%), radial-gradient(circle at 62% 92%, #4f7bd033, transparent 52%), linear-gradient(160deg, #16122e 0%, #0c0a18 62%);--field-scrim:linear-gradient(102deg, var(--bg) 4%, #0c0a18d6 32%, #0c0a182e 68%, transparent 84%);--field-scrim-narrow:linear-gradient(176deg, #0c0a18b8 0%, #0c0a1866 46%, transparent 88%);--nav-bg:#0c0a18eb;--nav-bg-solid:#0c0a18f7;--eco-ink:#ffffffe6;--eco-ink-soft:#ffffff9e;--eco-shell:#0a0814eb;--eco-screen:#ffffff0e;--eco-filament:#ffffff1a;--eco-hairline:#ffffff14;--eco-specular:#ffffff80;--eco-coach:#a98bff;--eco-manager:#8fb2ec;--eco-athlete:#ff87b1;--panel:#120f26e6;--panel-soft:#120f26b8;--bar:#0c0a18f2;--btn-bg:#f4f2fb;--btn-fg:#16142a;--btn-bg-hover:#fff;--btn-radius:999px;--btn-pad:11px 19px;--shadow-btn:0 1px 2px #00000059;--shadow-sm:0 6px 20px #00000061;--shadow-md:0 20px 48px #00000080;--glow:0 14px 40px #7c4dff66;--ease:cubic-bezier(.4, 0, .2, 1);--dur:.2s;--text-display:clamp(2.5rem, 5vw, 4rem);--text-display-hero:clamp(2.6rem, 5.4vw, 4.05rem);--text-display-xl:clamp(3.25rem, 8vw, 7rem);--text-h2:clamp(1.875rem, 3.2vw, 2.625rem);--text-h3:clamp(1.25rem, 2vw, 1.5rem);--text-body:1.0625rem;--text-small:.9375rem;--text-label:.8125rem;--text-micro:.6875rem;--measure:62ch;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:64px;--space-6:96px;--space-7:144px;--space-8:200px;--hero-min-h:min(86vh, 760px);--hero-min-h-page:528px;--rail-w:84px;--page-max:1160px;--header-h:76px;--edge:24px}@media (min-width:768px){:root{--text-body:1.125rem;--edge:40px}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#fff;--panel-soft:#fbfaff;--bar:#ffffffeb;--btn-bg:#16142a;--btn-fg:#fff;--btn-bg-hover:#262244;--shadow-btn:0 1px 2px #0f172a1a;--shadow-sm:0 6px 20px #120f2614;--shadow-md:0 20px 48px #120f261a;--glow:0 12px 30px #7c4dff47;--hero-gradient:radial-gradient(circle at 12% 16%, #7c4dff1a, transparent 46%), radial-gradient(circle at 88% 10%, #ff3d7f12, transparent 46%), radial-gradient(circle at 62% 92%, #4f7bd012, transparent 52%), linear-gradient(160deg, #faf8ff 0%, #fff 62%);--field-scrim:linear-gradient(102deg, var(--bg) 6%, #ffffffd1 34%, #ffffff1a 66%, transparent 82%);--field-scrim-narrow:linear-gradient(176deg, #ffffffc7 0%, #ffffff6b 46%, transparent 88%);--nav-bg:#ffffffe6;--nav-bg-solid:#fffffff7;--eco-ink:#120f26db;--eco-ink-soft:#120f2680;--eco-shell:#fff;--eco-screen:#120f260a;--eco-filament:#120f261f;--eco-hairline:#120f2614;--eco-specular:#ffffffb8;--eco-coach:#6238e6;--eco-manager:#3f66b4;--eco-athlete:#c81e5a}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#fff;--panel-soft:#fbfaff;--bar:#ffffffeb;--btn-bg:#16142a;--btn-fg:#fff;--btn-bg-hover:#262244;--shadow-btn:0 1px 2px #0f172a1a;--shadow-sm:0 6px 20px #120f2614;--shadow-md:0 20px 48px #120f261a;--glow:0 12px 30px #7c4dff47;--hero-gradient:radial-gradient(circle at 12% 16%, #7c4dff1a, transparent 46%), radial-gradient(circle at 88% 10%, #ff3d7f12, transparent 46%), radial-gradient(circle at 62% 92%, #4f7bd012, transparent 52%), linear-gradient(160deg, #faf8ff 0%, #fff 62%);--field-scrim:linear-gradient(102deg, var(--bg) 6%, #ffffffd1 34%, #ffffff1a 66%, transparent 82%);--field-scrim-narrow:linear-gradient(176deg, #ffffffc7 0%, #ffffff6b 46%, transparent 88%);--nav-bg:#ffffffe6;--nav-bg-solid:#fffffff7;--eco-ink:#120f26db;--eco-ink-soft:#120f2680;--eco-shell:#fff;--eco-screen:#120f260a;--eco-filament:#120f261f;--eco-hairline:#120f2614;--eco-specular:#ffffffb8;--eco-coach:#6238e6;--eco-manager:#3f66b4;--eco-athlete:#c81e5a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);overscroll-behavior-y:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-soft);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:var(--hero-gradient);position:fixed;inset:0}img,svg{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--brand-light);outline-offset:3px;border-radius:4px}.display,.h2,.h3{font-family:var(--font-display);color:var(--text);text-wrap:balance;letter-spacing:-.02em}.display{font-size:var(--text-display);letter-spacing:-.03em;font-weight:700;line-height:1.06}.display--hero{font-size:var(--text-display-hero);letter-spacing:-.032em;line-height:1.02}.h2{font-size:var(--text-h2);font-weight:700;line-height:1.12}.h3{font-size:var(--text-h3);font-weight:600;line-height:1.25}.lede{font-size:var(--text-body);color:var(--text-soft);max-width:var(--measure)}.eyebrow{font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.label{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.micro{font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.data{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1}.wordmark{align-items:center;font-size:1.35rem;line-height:1;display:inline-flex}.app-surface{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.page{grid-template-columns:1fr min(calc(100vw - var(--edge) * 2), var(--page-max)) 1fr;display:grid}.page>*{grid-column:2}.grid{column-gap:var(--space-3);row-gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}@media (min-width:900px){.grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.rule{background:var(--line);border:0;height:1px}.chip{border:1px solid var(--line-strong);font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;background:var(--surface-2);color:var(--text-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.chip[data-effort=easy]{background:var(--effort-easy-soft);color:var(--effort-easy-text);border-color:#4f7bd080}.chip[data-effort=tempo]{background:var(--effort-tempo-soft);color:var(--brand-light);border-color:#7c4dff80}.chip[data-effort=interval]{background:var(--effort-interval-soft);color:var(--accent-light);border-color:#ff3d7f80}.btn{padding:var(--btn-pad);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-size:var(--text-small);letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-btn);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:0;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px);box-shadow:0 6px 18px -6px #00000080}.btn--ghost{border:1px solid var(--line-strong);color:var(--text);box-shadow:none;background:0 0}.btn--ghost:hover{background:var(--surface);border-color:var(--text-muted);box-shadow:none;transform:none}.btn__arrow{transition:transform var(--dur) var(--ease)}.btn:hover .btn__arrow{transform:translate(3px)}.link-arrow{font-family:var(--font-display);font-size:var(--text-small);color:var(--brand-light);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow:hover{color:var(--text)}.link-arrow:hover span{transform:translate(3px)}.link-arrow span{transition:transform var(--dur) var(--ease)}.ilink{color:var(--brand-light);text-underline-offset:3px;transition:color var(--dur) var(--ease), text-decoration-color var(--dur) var(--ease);-webkit-text-decoration:underline #c9bdff66;text-decoration:underline #c9bdff66}.ilink:hover{color:var(--text);text-decoration-color:currentColor}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.visually-hidden:focus-visible{clip:auto;clip-path:none;width:auto;height:auto;top:var(--space-2);left:var(--space-2);z-index:100;border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-size:var(--text-label);box-shadow:var(--shadow-btn);padding:12px 18px;font-weight:700;text-decoration:none;overflow:visible}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .64s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}.band{grid-column:1/-1;grid-template-columns:1fr min(calc(100vw - var(--edge) * 2), var(--page-max)) 1fr;--text:#16142a;--text-soft:#47425c;--text-muted:#6b6683;--line:#120f261f;--line-strong:#120f2633;--surface:#120f2608;--surface-2:#120f260e;--surface-solid:#f5f3f9;--brand-light:var(--brand-strong);--accent-light:#c81e5a;--grad-text:linear-gradient(135deg, #6a3df0 0%, #8e2bb5 52%, #c2185b 100%);--effort-easy-text:#2c5697;--effort-tempo-text:var(--brand-strong);--effort-interval-text:#c81e5a;--accent-soft:#7c4dff1f;--panel:#fff;--btn-bg:#16142a;--btn-fg:#fff;--btn-bg-hover:#262244;--shadow-btn:0 1px 2px #0f172a1a;--panel-soft:#fbfaff;--bar:#ffffffe0;--shadow-sm:0 6px 20px #120f2614;--shadow-md:0 20px 48px #120f261a;--glow:0 12px 30px #7c4dff47;color:var(--text-soft);background:#fff;display:grid}.band>*{grid-column:2}.sec{padding-block:var(--space-4);align-items:start}.sec__head{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;grid-column:1/-1;display:flex}.sec__head .lede{max-width:40ch;font-size:var(--text-small)}.sec__body,.sec__aside{grid-column:1/-1}@media (min-width:900px){.sec{padding-block:var(--space-5)}.sec__head{grid-column:1/span 4;margin-bottom:0}.sec__body,.sec__aside{grid-column:6/-1}}.sec__n{font-family:var(--font-display);font-size:var(--text-micro);letter-spacing:.16em;color:var(--text-muted);align-items:center;gap:10px;font-weight:700;display:flex}.sec__n:after{content:"";background:var(--grad);width:28px;height:1px}.index{gap:0 var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.index a{font-family:var(--font-display);font-size:var(--text-label);letter-spacing:-.005em;color:var(--text-muted);white-space:nowrap;transition:color var(--dur) var(--ease);padding-block:12px;font-weight:600;text-decoration:none;display:block;position:relative}.index a:after{content:"";background:var(--grad);transform-origin:0;width:100%;height:2px;transition:transform var(--dur) var(--ease);border-radius:2px;position:absolute;bottom:6px;left:0;transform:scaleX(0)}.index a:hover{color:var(--text-soft)}.index a[aria-current=true]{color:var(--text)}.index a[aria-current=true]:after{transform:scaleX(1)}.scrollbar{z-index:80;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.scrollbar span{transform-origin:0;background:var(--grad);will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0)}
.sp-main{min-height:60vh}.docs-wrap{max-width:calc(var(--page-max) + var(--edge) * 2);padding-inline:var(--edge);margin-inline:auto}body:before{display:none}:root{--docs-hero-field:radial-gradient(circle at 14% 0%, #7c4dff17, transparent 58%), linear-gradient(180deg, #faf8ff 0%, #fff 82%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--docs-hero-field:radial-gradient(circle at 14% 0%, #7c4dff29, transparent 58%), linear-gradient(180deg, #141130 0%, var(--bg) 82%)}}:root[data-theme=dark]{--docs-hero-field:radial-gradient(circle at 14% 0%, #7c4dff29, transparent 58%), linear-gradient(180deg, #141130 0%, var(--bg) 82%)}.dnav__id,.dnav__top,.dnav__strip a,.foot__col a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sp-build{font-size:var(--text-micro);color:var(--text-muted);opacity:.6}:root{--strip-h:32px;--bar-h:64px;--header-h:calc(var(--strip-h) + var(--bar-h))}.dnav{z-index:70;background:var(--bg);box-shadow:inset 0 -1px 0 var(--line);position:sticky;top:0}.dnav__strip{min-height:var(--strip-h);max-width:calc(var(--page-max) + var(--edge) * 2);padding:0 var(--edge);font-size:var(--text-label);color:var(--text-muted);box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:8px;margin-inline:auto;display:flex}.dnav__what{margin-right:auto}.dnav__strip a{color:var(--text-soft);text-decoration:none}@media (hover:hover) and (pointer:fine){.dnav__strip a:hover{color:var(--brand-light)}}.dnav__sep{color:var(--line-strong)}.dnav__bar{align-items:center;gap:var(--space-3);min-height:var(--bar-h);max-width:calc(var(--page-max) + var(--edge) * 2);padding:10px var(--edge);margin-inline:auto;display:flex}.dnav__id{flex:none;align-items:center;text-decoration:none;display:flex}.dnav .wordmark{font-size:1.75rem}.dnav__tag{font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);border-left:1px solid var(--line-strong);margin-left:10px;padding-left:10px;font-weight:500}.dnav__top{width:28px;height:28px;color:var(--text-soft);border-radius:8px;flex:none;place-items:center;display:grid}.dnav__top svg{width:15px;height:15px}.dnav__bar-fill{background:var(--grad);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (max-width:639px){:root{--strip-h:0px;--bar-h:52px}.dnav__strip{display:none}.dnav__bar{gap:var(--space-2);padding:6px var(--edge)}.dnav .wordmark{font-size:1.45rem}.dnav[data-reading] .dnav__id{display:none}.dnav[data-reading] .dnav__find-link{margin-left:var(--space-2)}}.wm{width:calc(var(--wm-w) * 1em);height:calc(var(--wm-h) * 1em);display:block;overflow:visible}.foot{border-top:1px solid var(--line);margin-top:0}.foot__inner,.foot__base{max-width:calc(var(--page-max) + var(--edge) * 2);padding-inline:var(--edge);margin-inline:auto}.foot__inner{gap:var(--space-4) var(--space-3);padding-block:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.foot__inner{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1000px){.foot__inner{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}}.foot__brand{gap:var(--space-1);flex-direction:column;grid-column:1/-1;display:flex}@media (min-width:1000px){.foot__brand{grid-column:auto}}.foot__mark{font-size:1.5rem}.foot__col ul{margin:var(--space-2) 0 0;flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.foot__col a{font-size:var(--text-small);color:var(--text-soft);overflow-wrap:anywhere;border-bottom:1px solid #0000;text-decoration:none}@media (hover:hover) and (pointer:fine){.foot__col a:hover{color:var(--text);border-bottom-color:var(--line-strong)}}.foot__base{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--line);display:flex}.foot__grp{display:block}.foot__sum{cursor:default;list-style:none}.foot__sum::-webkit-details-marker{display:none}.foot__chev{display:none}@media (max-width:639px){.foot__inner{padding-block:var(--space-3);flex-direction:column;gap:0;display:flex}.foot__brand{order:-2}.foot__act{margin-block:var(--space-3);order:-1}.foot__act ul{gap:var(--space-1);margin-top:0}.foot__act-cta,.foot__act-head{display:none}.foot__cta{min-height:48px;padding-inline:var(--space-3);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);box-shadow:var(--shadow-btn);border:0;justify-content:center;align-items:center;margin-top:0;font-weight:600;display:flex}.foot__signin{min-height:48px;color:var(--text);justify-content:flex-start;align-items:center;font-weight:500;display:flex}.foot__grp{border-bottom:1px solid var(--line)}.foot__grp:first-of-type{border-top:1px solid var(--line)}.foot__sum{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;min-height:48px;display:flex}.foot__chev{border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);width:9px;height:9px;transition:transform var(--dur) var(--ease);margin-right:3px;display:block;transform:rotate(45deg)}.foot__grp[open] .foot__chev{transform:rotate(-135deg)}.foot__grp .foot__col ul{margin:0 0 var(--space-1);padding-left:var(--space-2);gap:0}.foot__grp .foot__col a{align-items:center;min-height:44px;display:flex}}@media (prefers-reduced-motion:reduce){.foot__chev{transition:none}}.dnav__strip a:active,.foot__col a:active,.foot__signin:active{color:var(--brand-light)}.foot__sum:active,.dnav__top:active{background:var(--surface-2)}
.sp-main{min-height:60vh}.sp-wrap{max-width:880px;padding:var(--space-6,48px) var(--space-4,24px);margin:0 auto}.sp-center{text-align:center}.sp-eyebrow{font-size:var(--text-small,14px);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}.sp-h1{font-family:var(--font-display);margin:0 0 12px;font-size:clamp(32px,5vw,48px);line-height:1.1}.sp-h2{font-family:var(--font-display);margin:0 0 12px;font-size:22px}.sp-lede{color:var(--text-soft);max-width:60ch;font-size:18px}.sp-center .sp-lede{margin-inline:auto}.sp-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.sp-center .sp-actions{justify-content:center}.sp-sec{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.sp-tk{margin:0;padding:0;list-style:none}.sp-tk__row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;column-gap:56px;display:grid}.sp-tk__field{background:var(--surface);border-inline:1px solid var(--line);gap:8px;padding:14px 22px;display:grid}.sp-tk__row:first-child .sp-tk__field{border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding-top:22px}.sp-tk__row:last-child .sp-tk__field{border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;padding-bottom:22px}.sp-tk__label{font-family:var(--font-display);font-size:var(--text-label);color:var(--text);font-weight:600}.sp-tk__control{border:1px solid var(--line-strong);background:var(--bg);border-radius:10px;align-content:center;gap:9px;min-height:40px;padding:10px 12px;display:grid;position:relative}.sp-tk__control i,.sp-tk__shot--full i{background:var(--line-strong);border-radius:4px;height:7px;display:block}.sp-tk__control--select{padding-right:36px}.sp-tk__control--select:after{content:"";border-right:1.6px solid var(--text-muted);border-bottom:1.6px solid var(--text-muted);width:7px;height:7px;position:absolute;top:50%;right:15px;transform:translateY(-70%)rotate(45deg)}.sp-tk__control--area{align-content:start;padding-block:13px}.sp-tk__caret{position:relative}.sp-tk__caret:after{content:"";background:var(--brand-light);border-radius:1px;width:2px;height:15px;position:absolute;top:-4px;left:calc(100% + 5px)}.sp-tk__shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sp-tk__shot{aspect-ratio:4/3;border:1.5px dashed var(--line-strong);border-radius:10px;position:relative}.sp-tk__shot:not(.sp-tk__shot--full):before,.sp-tk__shot:not(.sp-tk__shot--full):after{content:"";background:var(--text-muted);width:14px;height:1.6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-tk__shot:not(.sp-tk__shot--full):after{transform:translate(-50%,-50%)rotate(90deg)}.sp-tk__shot--full{border:1px solid var(--line-strong);background:var(--bg);align-content:start;gap:6px;padding:8px;display:grid;overflow:hidden}.sp-tk__shot--full i{height:5px}.sp-tk__shot--full i:first-child{background:var(--grad);width:100%;height:8px;margin-bottom:2px}.sp-tk__shot--full i:nth-child(2){width:80%}.sp-tk__shot--full i:nth-child(3){width:55%}.sp-tk__note{color:var(--text-soft);margin:0;position:relative}.sp-tk__note:before{content:"";border-top:1px solid var(--line-strong);width:44px;position:absolute;top:50%;right:calc(100% + 12px)}.sp-tk__note:after{content:"";background:var(--brand-light);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:calc(100% + 52px);transform:translateY(-50%)}@media (max-width:639px){.sp-tk__row{background:var(--surface);border-inline:1px solid var(--line);grid-template-columns:minmax(0,1fr);padding:12px 18px}.sp-tk__row:first-child{border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding-top:18px}.sp-tk__row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;padding-bottom:18px}.sp-tk__row .sp-tk__field,.sp-tk__row:first-child .sp-tk__field,.sp-tk__row:last-child .sp-tk__field{background:0 0;border:0;border-radius:0;padding:0}.sp-tk__note{font-size:var(--text-small);color:var(--text-muted);margin-top:8px}.sp-tk__note:before,.sp-tk__note:after{content:none}}.sp-note{color:var(--text-soft);margin-top:20px}.sp-navlinks{gap:var(--space-3);align-items:center;margin-left:auto;display:flex}.sp-navlinks a,.sp-navlinks .sp-linkbtn{min-height:44px;font-family:var(--font-display);font-size:var(--text-small);color:var(--text-soft);white-space:nowrap;-webkit-tap-highlight-color:transparent;align-items:center;padding:0;font-weight:500;text-decoration:none;display:inline-flex}.sp-navlinks a:active,.sp-navlinks .sp-linkbtn:active{color:var(--brand-light)}@media (hover:hover) and (pointer:fine){.sp-navlinks a:hover,.sp-navlinks .sp-linkbtn:hover{color:var(--brand-light)}}@media (max-width:639px){.dnav__bar:has(.sp-linkbtn){flex-wrap:wrap;row-gap:0}.dnav__bar:has(.sp-linkbtn) .sp-navlinks{gap:var(--space-2);flex-basis:100%;margin-left:0}}.sp-narrow{max-width:480px}.sp-card{border:1px solid var(--line);background:var(--surface,transparent);border-radius:16px;padding:28px}.sp-h1--card{font-size:28px}.sp-muted{color:var(--text-muted)}.sp-sso{gap:10px;margin:20px 0 8px;display:grid}.sp-provider{justify-content:center;width:100%;min-height:44px}.sp-or{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0;display:flex}.sp-or:before,.sp-or:after{content:"";border-top:1px solid var(--line);flex:1}.sp-field{gap:6px;margin:0 0 14px;font-size:14px;font-weight:600;display:grid}.sp-field input,.sp-field select,.sp-field textarea{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:10px;min-height:44px;padding:10px 12px;font-weight:400}.sp-field textarea{resize:vertical;min-height:120px}.sp-wide{justify-content:center;width:100%;min-height:44px}.sp-linkbtn{color:var(--brand-light);cursor:pointer;font:inherit;background:0 0;border:0;min-height:44px;padding:8px 0;text-decoration:underline}.sp-error{border:1px solid var(--accent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0;padding:10px 14px;display:flex}.sp-error__links{flex-wrap:wrap;gap:16px;display:flex}.sp-whoami-wrap{padding-bottom:0;padding-top:var(--space-3,16px)}.sp-whoami{font-size:var(--text-small);color:var(--text-muted);margin:0}.sp-ok{border:1px solid var(--line);border-radius:10px;padding:12px 14px}.sp-loading{text-align:center;color:var(--text-muted);padding:48px 24px}.sp-card__foot{border-top:1px solid var(--line);color:var(--text-soft);margin-top:20px;padding-top:16px;font-size:14px}.btn--sm{min-height:36px;padding:6px 12px;font-size:14px}.sp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.sp-head .sp-h1{margin:0;font-size:clamp(28px,4vw,36px)}.sp-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.sp-row{border-bottom:1px solid var(--line)}.sp-row__link{color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 16px;min-height:44px;padding:14px 4px;text-decoration:none;display:grid}.sp-row__link:hover .sp-row__subject{text-decoration:underline}.sp-row__num{color:var(--text-muted);font-variant-numeric:tabular-nums}.sp-row__main{gap:2px;min-width:0;display:grid}.sp-row__subject{overflow-wrap:anywhere;font-weight:600}.sp-row__meta,.sp-row__date{color:var(--text-muted);font-size:14px}.sp-row__side{justify-items:end;gap:4px;display:grid}.sp-pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.sp-pill--waiting{border-color:var(--accent)}.sp-pill--open{border-color:var(--brand)}.sp-pill--resolved{color:var(--text-muted)}.sp-empty{justify-items:start;gap:12px;padding:32px 0;display:grid}@media (max-width:640px){.sp-row__link{grid-template-columns:1fr}.sp-row__side{grid-auto-flow:column;justify-content:start;justify-items:start;gap:12px}}.sp-form-wrap{max-width:680px}.sp-form{gap:4px;display:grid}.sp-left{color:var(--text-muted);font-size:13px;font-weight:400}.sp-shots{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 12px;display:flex}.sp-shots label.btn{cursor:pointer}.sp-shots .is-disabled{opacity:.5;pointer-events:none}.sp-shots__hint{font-size:13px}.sp-chips{flex-wrap:wrap;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.sp-chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;max-width:240px;padding:2px 2px 2px 12px;font-size:13px;display:inline-flex}.sp-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-chip button{min-width:36px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.sp-ticket__head .sp-h1{overflow-wrap:anywhere;font-size:clamp(24px,3.5vw,32px)}.sp-ticket__tags{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px;display:flex}.sp-thread{gap:14px;margin:28px 0;display:grid}.sp-msg{border:1px solid var(--line);border-radius:14px;padding:14px 16px}.sp-msg--staff{border-color:var(--brand)}.sp-msg__meta{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;font-size:14px;display:flex}.sp-msg__meta strong{color:inherit}.sp-msg--staff .sp-msg__meta strong{color:var(--brand-light)}.sp-msg__body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.sp-msg__shots{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sp-shot img{object-fit:contain;border:1px solid var(--line);border-radius:8px;width:auto;max-width:240px;height:auto;max-height:180px;display:block}.sp-expected{border-left:3px solid var(--line);margin:10px 0 0 16px;padding:8px 12px}.sp-expected__label{color:var(--text-muted);margin-bottom:2px;font-size:13px}.sp-reply{border-top:1px solid var(--line);padding-top:20px}.sp-reply__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}
