.ss-demo{margin-block:2.5rem 3rem}.ss-demo>.ss-fit{outline-offset:-1px;border-radius:.5rem;outline:1px solid oklch(0% 0 0/.1);overflow:hidden}.ss-demo{--demo-blue:#2563eb;--demo-blue-2:#4f7cff;--demo-violet:#7c3aed;--demo-pink:#db2777;--demo-orange:#f97316;--demo-yellow:#facc15;--demo-green:#16a34a;--demo-green-ink:#15803d;--demo-red:#dc2626;--demo-grid:oklch(0% 0 0/.045)}.ss-demo .ss-stage:not([data-theme=dark]){--ss-text:#636367;--ss-text-faint:#6c6c70}.ss-demo .ss-stage{--ss-font:var(--font-sans);--ss-accent:var(--demo-blue);--ss-accent-2:var(--demo-blue-2);--ss-shadow-card:0 0 0 1px oklch(0% 0 0/.05), 0 2px 6px oklch(0% 0 0/.05), 0 10px 24px -10px oklch(0% 0 0/.14);background:0 0;overflow:clip}.ss-demo>.ss-fit{background-color:#f6f6f7;background-image:linear-gradient(to right, var(--demo-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--demo-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:20px 20px}.ss-demo__hint{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.75rem;line-height:1.4}.ss-demo button{cursor:pointer;font:inherit;color:inherit}.ss-demo button:disabled{cursor:default}.ss-demo .demo-seg{background:var(--ss-ink-1);border-radius:8px;padding:2px;display:inline-flex}.ss-demo .demo-seg button{height:26px;color:var(--ss-text);background:0 0;border:1px solid #0000;border-radius:6px;padding-inline:10px;font-size:12px;transition:background-color .15s ease-out,color .15s ease-out}.ss-demo .demo-seg button[aria-pressed=true]{background:linear-gradient(180deg, var(--demo-blue-2), var(--demo-blue));color:#fff;border-color:#1d4ed8;box-shadow:0 1px 2px oklch(35% .2 265/.3)}.ss-demo .demo-btn{border:1px solid var(--color-border-strong);height:30px;color:var(--ss-text-strong);background:var(--ss-surface);border-radius:999px;padding-inline:12px;font-size:13px;font-weight:500;transition:background-color .15s ease-out,scale .15s ease-out}@media (hover:hover){.ss-demo .demo-btn:hover:not(:disabled){background:var(--ss-canvas)}}@media (prefers-reduced-motion:no-preference){.ss-demo .demo-btn:active:not(:disabled){scale:.96}}.ss-demo .demo-btn[data-tone=primary]{color:#fff;background:linear-gradient(180deg, var(--demo-blue-2), var(--demo-blue));border-color:#1d4ed8;box-shadow:0 1px 2px oklch(35% .2 265/.3),inset 0 1px oklch(100% 0 0/.25)}@media (hover:hover){.ss-demo .demo-btn[data-tone=primary]:hover:not(:disabled){background:linear-gradient(180deg, var(--demo-blue-2), #1d4ed8)}}@keyframes demo-rise{0%{opacity:0;filter:blur(4px);translate:0 12px}}@keyframes demo-fade{0%{opacity:0}}.ss-demo[data-in] :is(.demo-card,.demo-rise){animation:.3s ease-out backwards demo-fade;animation-delay:var(--rise,0s)}@media (prefers-reduced-motion:no-preference){.ss-demo[data-in] :is(.demo-card,.demo-rise){animation:.45s cubic-bezier(.22,1,.36,1) backwards demo-rise;animation-delay:var(--rise,0s)}}.ss-demo .demo-card{border-radius:var(--ss-radius-lg);background:var(--ss-surface);box-shadow:var(--ss-shadow-card)}.ss-demo .demo-btn:disabled{opacity:.5}.ss-demo .demo-sr{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rauta{--rt-ground:#0d0a08;--rt-surface:#ffffff0e;--rt-line:#ffffff17;--rt-line-strong:#ffffff61;--rt-text:#f6efe8;--rt-text-3:#9c9188;--rt-orange:#ff6a2b;--rt-orange-soft:#ff6a2b29;--rt-orange-text:#ff8d5c}.rauta>.ss-fit{background:var(--rt-ground);outline-color:oklch(0% 0 0/.2)}.rauta .rh-scene{position:absolute;inset:0}.rauta .rh-video{object-fit:cover;width:100%;height:100%;display:block}.rauta .rk-scene{color:var(--rt-text);flex-direction:column;gap:12px;padding:16px;font-size:13px;line-height:1.4;display:flex;position:absolute;inset:0}.rauta .rk-scene[data-fading]{opacity:0}.rauta .rk-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.rauta .rk-profile{font-size:14px;font-weight:600}.rauta .rk-fit,.rauta .rk-muscles,.rauta .rk-rank,.rauta .rk-aside{color:var(--rt-text-3)}.rauta .rk-fit{font-size:12px}.rauta .rk-panel{border:1px solid var(--rt-line);background:var(--rt-surface);border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.rauta .rk-title{color:var(--rt-orange-text);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;display:flex}.rauta .rk-aside{letter-spacing:0;text-transform:none;font-size:12px;font-weight:400}.rauta .rk-list{flex-direction:column;gap:2px;display:flex;position:relative}.rauta .rk-body{flex-direction:column;gap:12px;display:flex}.rauta .rk-row{border:1px solid #0000;border-radius:10px;grid-template-columns:14px minmax(0,1fr) 132px 96px 36px;align-items:center;column-gap:10px;min-height:34px;padding:0 8px;display:grid}.rauta .ss-stage[data-layout=compact] .rk-row{grid-template-columns:14px minmax(0,1fr) 52px 34px;min-height:46px}.rauta .ss-stage[data-layout=compact] .rk-row .rk-rank,.rauta .ss-stage[data-layout=compact] .rk-row .rk-bar,.rauta .ss-stage[data-layout=compact] .rk-row .rk-score{grid-row:1/span 2}.rauta .ss-stage[data-layout=compact] .rk-row .rk-name{grid-column:2;align-self:end}.rauta .ss-stage[data-layout=compact] .rk-row .rk-muscles{grid-area:2/2;align-self:start}.rauta .ss-stage[data-layout=compact] .rk-row .rk-bar{grid-column:3}.rauta .ss-stage[data-layout=compact] .rk-row .rk-score{grid-column:4}.rauta .rk-row[data-picked]{border-color:var(--rt-orange);background:var(--rt-orange-soft)}.rauta .rk-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.rauta .rk-muscles{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rauta .rk-rank{font-family:var(--font-mono);font-size:11px}.rauta .rk-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.rauta .rk-bar>span{border-radius:inherit;background:var(--rt-orange);height:100%;display:block}.rauta .rk-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.rauta .rk-session .rk-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;display:grid}.rauta .ss-stage[data-layout=compact] .rk-session .rk-list{grid-template-columns:minmax(0,1fr);gap:0}.rauta .ss-stage[data-layout=compact] .rk-slot{align-items:center;min-height:26px;padding-top:0}.rauta .ss-stage[data-layout=compact] .rk-slot__text{flex-direction:row;align-items:baseline;gap:8px}.rauta .ss-stage[data-layout=compact] .rk-slot .rk-name{white-space:nowrap;flex:0 auto;min-width:0;display:block}.rauta .ss-stage[data-layout=compact] .rk-slot .rk-muscles{flex:0 auto;min-width:0}.rauta .rk-slot{border-top:1px dashed var(--rt-line-strong);grid-template-columns:14px minmax(0,1fr);align-items:start;column-gap:8px;min-height:54px;padding-top:6px;display:grid}.rauta .rk-slot:not([data-empty]){border-top-style:solid;border-top-color:var(--rt-orange)}.rauta .rk-slot__text{flex-direction:column;min-width:0;display:flex}.rauta .rk-slot .rk-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}@media (prefers-reduced-motion:no-preference){.rauta .rk-scene{transition:opacity .26s ease-out}.rauta .rk-row{transition:background-color .2s ease-out,border-color .2s ease-out}.rauta .rk-bar>span{transition:width .45s cubic-bezier(.22,1,.36,1)}.rauta .rk-slot{transition:border-color .2s ease-out}}@media (forced-colors:active){.rauta .rk-row[data-picked]{border-color:highlight}.rauta .rk-bar{border:1px solid canvastext}.rauta .rk-bar>span{forced-color-adjust:none;background:highlight}}