.grandma-strip{border:1px solid rgba(var(--grandma-rgb), .35);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--color-subtle) 74%, transparent), color-mix(in srgb, var(--color-surface) 74%, transparent));overflow:hidden}.grandma-strip-bar{height:1.875rem;font-family:var(--font-display);font-weight:600;font-size:var(--text-micro);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:0 .75rem;line-height:1;display:flex}.grandma-strip-bar b{background:rgb(var(--grandma-rgb));width:7px;height:7px;box-shadow:0 0 8px rgb(var(--grandma-rgb))}.grandma-strip-line{min-height:3.25rem;font-family:var(--font-mono);font-size:var(--text-body-sm);background:repeating-linear-gradient(0deg,#0000 0 2px,#00000029 2px 4px);padding:.75rem .875rem .875rem;line-height:1.55}.grandma-type{animation:.5s steps(18,end) both grandma-type;display:inline-block}.grandma-toast{z-index:3;border:1px solid rgba(var(--grandma-rgb), .4);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--color-subtle) 96%, transparent), color-mix(in srgb, var(--color-surface) 96%, transparent));box-shadow:0 14px 30px -8px var(--color-void);font-family:var(--font-mono);font-size:var(--text-caption);pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);padding:.625rem .75rem;line-height:1.5;position:absolute;top:.75rem;left:1.5rem;right:1.5rem;transform:translateY(-8px)}.grandma-toast[data-shown]{animation:grandma-toast-in .35s var(--ease-out) both;opacity:1;transform:none}@keyframes grandma-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes grandma-toast-in{0%{opacity:0;transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.grandma-type,.grandma-toast[data-shown]{animation:none!important}.grandma-toast{transition-property:none!important}}
.theatre-stage{--cmask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M 0,0 L 96,0 Q 98.2,6 96.6,14 L 97.8,28 L 96.2,42 L 97.6,56 L 96.4,70 L 97.7,84 Q 97.2,93 95.8,100 L 0,100 Z'/%3E%3C/svg%3E");--vmask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M 0,0 L 100,0 L 100,55 Q 96.5,82 92,60 Q 87.5,88 82,62 Q 76,91 70,63 Q 64,94 57.5,64 Q 51,95 44.5,64 Q 38,93 32,62 Q 26,90 20,61 Q 14.5,87 9,59 Q 4,80 0,53 Z'/%3E%3C/svg%3E");--velvet:repeating-linear-gradient(90deg, var(--color-velvet-950) 0 7px, var(--color-velvet-800) 7px 13px, var(--color-velvet-600) 13px 17px, var(--color-velvet-900) 17px 30px, var(--color-velvet-700) 30px 37px, var(--color-velvet-950) 37px 48px);--velvet-light:repeating-linear-gradient(90deg, transparent 0 7px, color-mix(in srgb, var(--color-accent) 10%, transparent) 7px 13px, color-mix(in srgb, var(--color-accent-hot) 26%, transparent) 13px 17px, transparent 17px 30px, color-mix(in srgb, var(--color-accent) 14%, transparent) 30px 37px, transparent 37px 48px);--valance-h:clamp(40px, 6vh, 56px);--wleg:11%;isolation:isolate;background:linear-gradient(0deg, color-mix(in srgb, var(--color-bulb) 6%, transparent), transparent 18%), radial-gradient(ellipse 90% 75% at 50% 30%, var(--color-stage-glow), var(--color-stage) 78%);flex-direction:column;display:flex;position:relative}.theatre-stage[data-legs=narrow]{--wleg:7%}@media (min-width:40rem){.theatre-stage{--wleg:19%}.theatre-stage[data-legs=narrow]{--wleg:12%}}.theatre-set{z-index:2;padding-top:var(--valance-h);padding-inline:calc(.54 * var(--wleg));transition:opacity .6s var(--ease-out), filter .6s var(--ease-out);flex-direction:column;flex:auto;display:flex;position:relative}.theatre-stage[data-curtain=closed] .theatre-set,.theatre-stage[data-curtain=asleep] .theatre-set{opacity:.25;filter:blur(2px)}.theatre{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.theatre-wing{width:54%;transition:transform 1.5s var(--ease-curtain);filter:drop-shadow(6px 0 26px #000000d9);position:absolute;top:0;bottom:0}.theatre-wing[data-side=l]{transform:translateX(calc(-100% + var(--wleg)));left:0}.theatre-wing[data-side=r]{transform:scaleX(-1) translateX(calc(-100% + var(--wleg)));right:0}.theatre-stage[data-curtain=closed] .theatre-wing[data-side=l],.theatre-stage[data-curtain=asleep] .theatre-wing[data-side=l]{transform:none}.theatre-stage[data-curtain=closed] .theatre-wing[data-side=r],.theatre-stage[data-curtain=asleep] .theatre-wing[data-side=r]{transform:scaleX(-1)}.theatre-stage[data-curtain=asleep] .theatre-wing{transition-duration:2.2s}.theatre-sway{transform-origin:50% -12%;position:absolute;inset:0}.theatre-stage[data-curtain=closed] .theatre-sway,.theatre-stage[data-curtain=asleep] .theatre-sway{animation:5.5s ease-in-out infinite alternate theatre-breath}.theatre-stage[data-curtain=closed] .theatre-wing[data-side=r] .theatre-sway,.theatre-stage[data-curtain=asleep] .theatre-wing[data-side=r] .theatre-sway{animation-duration:6.5s;animation-delay:-2.2s}.theatre-stage[data-stirring] .theatre-wing[data-side] .theatre-sway{animation:.32s ease-in-out infinite alternate theatre-twitch}.theatre-stage[data-stirring] .theatre-wing[data-side=r] .theatre-sway{animation:.32s ease-in-out -.16s infinite alternate theatre-twitch}.theatre-cloth,.theatre-light{-webkit-mask-image:var(--cmask);-webkit-mask-image:var(--cmask);mask-image:var(--cmask);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theatre-cloth{background:linear-gradient(180deg, #0000008c, transparent 20%, transparent 68%, #000000b3), linear-gradient(90deg, #00000059, transparent 55%, #0000004d 96%), var(--velvet)}.theatre-light{mix-blend-mode:screen;opacity:.16;background:linear-gradient(90deg, transparent 90%, color-mix(in srgb, var(--color-accent-hot) 22%, transparent) 99%);transition:opacity .9s}.theatre-weave{background:var(--velvet-light);position:absolute;inset:0 -24px}.theatre-stage[data-curtain=closed] .theatre-light,.theatre-stage[data-curtain=asleep] .theatre-light{opacity:.3}.theatre-stage[data-curtain=closed] .theatre-weave,.theatre-stage[data-curtain=asleep] .theatre-weave{animation:6s ease-in-out infinite alternate theatre-rustle}.theatre-stage[data-curtain=closed] .theatre-wing[data-side=r] .theatre-weave,.theatre-stage[data-curtain=asleep] .theatre-wing[data-side=r] .theatre-weave{animation-duration:7.5s;animation-delay:-3s}.theatre-valance{height:var(--valance-h);filter:drop-shadow(0 8px 18px #000000d9);position:absolute;top:0;left:0;right:0}.theatre-vcloth,.theatre-vlight{-webkit-mask-image:var(--vmask);-webkit-mask-image:var(--vmask);mask-image:var(--vmask);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theatre-vcloth{background:linear-gradient(180deg, #00000080, transparent 45%, #0000008c), var(--velvet)}.theatre-vlight{mix-blend-mode:screen;opacity:.2;background:var(--velvet-light)}.theatre-foots{mix-blend-mode:screen;opacity:.85;background:radial-gradient(46px 30px at 8% 102%, color-mix(in srgb, var(--color-bulb) 18%, transparent), transparent 70%), radial-gradient(46px 30px at 22% 102%, color-mix(in srgb, var(--color-bulb) 14%, transparent), transparent 70%), radial-gradient(46px 30px at 36% 102%, color-mix(in srgb, var(--color-bulb) 16%, transparent), transparent 70%), radial-gradient(46px 30px at 50% 102%, color-mix(in srgb, var(--color-bulb) 18%, transparent), transparent 70%), radial-gradient(46px 30px at 64% 102%, color-mix(in srgb, var(--color-bulb) 15%, transparent), transparent 70%), radial-gradient(46px 30px at 78% 102%, color-mix(in srgb, var(--color-bulb) 16%, transparent), transparent 70%), radial-gradient(46px 30px at 92% 102%, color-mix(in srgb, var(--color-bulb) 18%, transparent), transparent 70%);height:72px;transition:opacity .9s;position:absolute;bottom:0;left:0;right:0}.theatre-stage[data-curtain=closed] .theatre-foots{animation:3.6s ease-in-out infinite alternate theatre-foots}.theatre-stage[data-curtain=asleep] .theatre-foots{opacity:.2}.theatre-loadline{z-index:14;color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500;font-size:var(--text-caption);letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;margin:0;transition:opacity .4s;position:absolute;bottom:7.5rem;left:50%;transform:translate(-50%)}.theatre-stage[data-curtain=closed] .theatre-loadline{opacity:1}.theatre-over{z-index:14;pointer-events:none;position:absolute;inset:0}.theatre-over>*{pointer-events:auto}@keyframes theatre-breath{0%{transform:translate(-1.4%)rotate(-.3deg)}to{transform:translate(1.4%)rotate(.3deg)}}@keyframes theatre-twitch{0%{transform:translate(-.7%)rotate(-.18deg)}to{transform:translate(.7%)rotate(.18deg)}}@keyframes theatre-rustle{0%{transform:translate(-22px)}to{transform:translate(22px)}}@keyframes theatre-foots{0%{opacity:.45}to{opacity:.95}}@media (prefers-reduced-motion:reduce){.theatre-sway,.theatre-weave,.theatre-foots{animation:none!important}.theatre-wing,.theatre-light,.theatre-foots,.theatre-set,.theatre-loadline{transition-property:none!important}}