.platform-inks{--praise-ink:color-mix(in oklab, #32b488 65%, var(--foreground));--success-ink:color-mix(in oklab, #7759a1 90%, var(--foreground));--issue-ink:color-mix(in oklab, var(--coral) 85%, var(--foreground));--figure-ink:color-mix(in oklab, var(--teal) 55%, var(--foreground))}
.spotlight{--stock:color-mix(in oklab, var(--background) 65%, white);--cursor-delay:.75s;--cursor-time:1s;--press:calc(var(--cursor-delay) + var(--cursor-time) * .9);--idea-ink:color-mix(in oklab, var(--teal) 80%, var(--foreground));--slate-ink:color-mix(in oklab, #6888b4 80%, var(--foreground));--star-ink:color-mix(in oklab, #e4b835 80%, var(--foreground));--bar:color-mix(in oklab, var(--ink-warm) 11%, transparent)}.spotlight-stage{background-color:color-mix(in oklab, var(--maroon) 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 5%, transparent)}.spotlight-sheet{background-color:var(--stock);border:1px solid color-mix(in oklab, var(--foreground) 9%, transparent)}.spotlight-back{-webkit-mask-image:linear-gradient(to bottom, #000 var(--solid,60%), transparent);mask-image:linear-gradient(to bottom, #000 var(--solid,60%), transparent);box-shadow:0 18px 36px -28px #12151d4d}@container (min-width:56rem){.spotlight-back{transform-origin:0 0;transform:perspective(2200px)rotateY(10deg)rotateX(5deg)}}.spotlight-dim{opacity:.62;filter:saturate(.55)}.spotlight-front{box-shadow:0 1px 2px #12151d0f,0 14px 28px -16px #4a281438,0 44px 80px -40px #4a28146b}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.spotlight :is(.spotlight-lift,.spotlight-cursor,.spotlight-note){animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-play-state:paused;animation-fill-mode:both}.spotlight .spotlight-lift{animation-name:spotlight-lift;animation-duration:.9s;animation-delay:calc(.15s + var(--at,0) * .18s)}.spotlight .spotlight-cursor{animation-name:spotlight-cursor;animation-duration:var(--cursor-time);animation-delay:var(--cursor-delay)}.spotlight .spotlight-note{animation-name:spotlight-note;animation-duration:.6s;animation-delay:calc(1.1s + var(--at,0) * .12s)}.spotlight [data-played] :is(.spotlight-lift,.spotlight-cursor,.spotlight-note){animation-play-state:running}}@keyframes spotlight-lift{0%{translate:.5rem .75rem;rotate:0deg;box-shadow:0 1px 2px #12151d0f}}@keyframes spotlight-cursor{0%{opacity:0;translate:2.5rem 2rem}40%{opacity:1}80%{scale:1}90%{scale:.88}}@keyframes spotlight-note{0%{opacity:0;translate:0 .375rem}}
