@layer reset,tokens,base,layout;@layer components{.sp{width:min(100% - 2rem,34rem);height:fit-content;max-height:min(100svh - 2rem,46rem);color:var(--tt-text);background:var(--tt-surface);border:1px solid var(--tt-border);box-shadow:var(--tt-shadow);margin:auto;padding:0;position:fixed;inset:0}.sp::backdrop{background:color-mix(in oklch, var(--tt-bg) 72%, transparent);backdrop-filter:blur(6px)}.sp>*{margin-inline:clamp(1rem,4vw,1.5rem)}.sp-head{justify-content:space-between;align-items:center;margin-block:1.25rem .75rem;display:flex}.sp-title{font:800 1.15rem / 1 var(--tt-font-display);letter-spacing:.02em;text-transform:uppercase;margin:0}.sp-close{block-size:2.75rem;inline-size:2.75rem;font:400 1.6rem / 1 var(--tt-font-ui);color:var(--tt-text-dim);cursor:pointer;background:0 0;border:0}.sp-close:hover,.sp-close:focus-visible{color:var(--tt-text)}.sp-preview{--sp-class:var(--tt-accent);background:color-mix(in oklch, var(--sp-class) 12%, var(--tt-surface-2));clip-path:var(--tt-cut-path-sm,none);align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.sp-preview[data-class=spark]{--sp-class:var(--tt-class-spark)}.sp-preview[data-class=pulse]{--sp-class:var(--tt-class-pulse)}.sp-preview[data-class=drift]{--sp-class:var(--tt-class-drift)}.sp-preview[data-class=flow]{--sp-class:var(--tt-class-flow)}.sp-preview[data-class=surge]{--sp-class:var(--tt-class-surge)}.sp-preview[data-class=trance]{--sp-class:var(--tt-class-trance)}.sp-preview[data-class=apex]{--sp-class:var(--tt-class-apex)}.sp-preview[data-class=overdrive]{--sp-class:var(--tt-class-overdrive)}.sp-preview[data-class=hyperdrive]{--sp-class:var(--tt-class-hyperdrive)}.sp-preview[data-class=transcend]{--sp-class:var(--tt-class-transcend)}.sp-plate{block-size:3.1rem;inline-size:2.6rem;color:var(--sp-class);flex:none}.sp-preview-text{font:500 .88rem / 1.4 var(--tt-font-ui);color:var(--tt-text-dim);gap:.25rem;margin:0;display:grid}.sp-preview-text strong{font:800 1rem / 1.2 var(--tt-font-display);color:var(--tt-text)}.sp-link{gap:.5rem;margin-block:1rem;display:flex}.sp-link-field{min-inline-size:0;font:500 .88rem / 1 var(--tt-font-typing);color:var(--tt-text);background:var(--tt-surface-2);border:1px solid var(--tt-border);flex:1;padding:.7rem .8rem}.sp-targets{margin-block:0 1rem}.sp-targets-title{font:800 .86rem / 1.2 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text);margin:0 0 .6rem}.sp-group+.sp-group{margin-block-start:.8rem}.sp-group-title{font:600 .72rem / 1.15 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim);margin:0 0 .4rem}.sp-target-grid{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.sp-target-grid>li{display:grid}.sp-target{min-block-size:4.5rem;inline-size:100%;font:700 .72rem / 1.15 var(--tt-font-ui);letter-spacing:.02em;text-align:center;color:var(--tt-text);background:var(--tt-surface-2);cursor:pointer;transition:background .16s var(--tt-ease-out,ease-out);border:0;align-content:center;justify-items:center;gap:.4rem;padding:.6rem .3rem;text-decoration:none;display:grid}.sp-target:hover,.sp-target:focus-visible{background:color-mix(in oklch, var(--tt-accent) 16%, var(--tt-surface-2))}.sp-target[aria-busy=true]{cursor:progress;opacity:.72}.sp-target[data-state=ready]{box-shadow:inset 0 0 0 2px var(--tt-accent)}.sp-target-label{overflow-wrap:anywhere}.sp-mark{block-size:1.6rem;inline-size:1.6rem;fill:var(--sp-brand,currentColor)}.sp-mark[data-glyph]{fill:none;stroke:var(--sp-brand,currentColor);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.sp-mark-ring{stroke:var(--sp-brand);stroke-width:1.6px}.sp-mark[data-mono]{fill:#fff}:root[data-theme-mode=light] .sp-mark[data-mono]{fill:#000}@media (prefers-color-scheme:light){:root:not([data-theme]) .sp-mark[data-mono]{fill:#000}}.sp-followup{font:600 .84rem / 1.4 var(--tt-font-ui);margin-block:.6rem 0}.sp-followup a{color:var(--tt-text)}.sp-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sp-challenge{border-block-start:1px solid var(--tt-border);margin-block-start:1.25rem;padding-block-start:1rem}.sp--challenge .sp-challenge{border-block-start:0;margin-block-start:0;padding-block-start:0}.sp-challenge-title{font:800 .86rem / 1.2 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text));margin:0 0 .35rem}.sp-challenge-text{font:500 .88rem / 1.45 var(--tt-font-ui);color:var(--tt-text-dim);margin:0}.sp-challenge .sp-link{margin-block:.75rem}@media (width<=30rem){.sp-challenge .sp-link{flex-direction:column}}.sp-challenge .sp-targets{margin-block:.25rem .75rem}.sp-status{min-block-size:1.4em;font:600 .84rem / 1.4 var(--tt-font-ui);color:var(--tt-text);margin-block:1rem 1.25rem}@media (prefers-reduced-motion:reduce){.sp-target{transition:none}}@media (forced-colors:active){.sp-target{border:1px solid canvastext}}}@layer utilities;