.obsdemo{position:relative;height:100svh;min-height:640px;overflow:hidden;background:#05060a;color:#eef2f7;font-family:var(--mono);contain:layout paint;--void:#05060a;--deep:#0a0d14;--ink:#eef2f7;--dim:#7d8798;--faint:#4a5262;--rule:rgba(238,242,247,.08);--amber:#ffc178;--display:"Bodoni Moda",Didot,Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--graph-h:clamp(110px,17vh,168px);--pad:clamp(20px,3vw,52px)}.obsdemo canvas{display:block}#drops,#flow,#scene{inset:0;height:100%}#drops,#flow,#graph,#scene{position:absolute;width:100%}#graph{left:0;right:0;bottom:26px;height:var(--graph-h)}.lab{font-family:var(--mono);font-weight:300;font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin:0}.tl{position:absolute;top:var(--pad);left:var(--pad)}.tl-mark{width:clamp(96px,9vw,126px);height:auto;color:var(--ink);display:block;margin-top:10px}.tl hr{border:0;border-top:1px solid var(--rule);margin:12px 0 0;width:132px}.tr{position:absolute;top:var(--pad);right:var(--pad);display:flex;gap:clamp(18px,2.6vw,42px);text-align:right}.tr b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(20px,2.4vw,33px);line-height:.95;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tr span{display:block;margin-top:8px}.tr .lo b{color:var(--dim)}.ask{position:absolute;right:var(--pad);bottom:calc(var(--graph-h) + 76px);width:clamp(272px,25vw,356px);padding:18px 20px 16px;background:rgba(8,10,16,.55);border:1px solid rgba(255,193,120,.26);border-left:2px solid var(--amber);backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2)}.ask-top{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}.ask-top b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.ask-when{margin-left:auto;font-size:9px;color:var(--faint);font-weight:300}.ask-n{font-size:8px;letter-spacing:.18em;color:rgba(255,193,120,.6);border:1px solid rgba(255,193,120,.22);padding:2px 5px}.ask h2{font-family:var(--display);font-weight:400;font-size:clamp(16px,1.6vw,20px);line-height:1.22;margin:0 0 14px;text-wrap:balance}.opt{display:grid;grid-template-columns:16px 1fr;grid-gap:9px;gap:9px;width:100%;text-align:left;padding:8px 10px;margin-bottom:4px;background:transparent;border:1px solid var(--rule);color:var(--ink);font-family:var(--mono);cursor:pointer;transition:background .2s,border-color .2s}.opt:hover{background:rgba(255,193,120,.09);border-color:rgba(255,193,120,.4)}.opt:focus-visible{outline:1px solid var(--amber)}.opt u{width:15px;height:15px;display:grid;place-items:center;margin-top:2px;border:1px solid var(--rule);border-radius:2px;font-size:8.5px;color:var(--faint);text-decoration:none;font-weight:300;transition:border-color .2s,color .2s}.opt:hover u{border-color:rgba(255,193,120,.5);color:var(--dim)}.opt b{display:block;font-size:12px;font-weight:450}.opt span{display:block;font-size:10.5px;color:var(--dim);margin-top:2px;line-height:1.4;font-weight:300}.grate{position:absolute;right:var(--pad);bottom:calc(var(--graph-h) + 34px);text-align:right}.grate b{font-family:var(--display);font-size:clamp(26px,3.4vw,46px);line-height:.9;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grate span{display:block;margin-top:7px}.gtitle{bottom:calc(var(--graph-h) + 34px)}.foot,.gtitle{position:absolute;left:var(--pad)}.foot{right:var(--pad);bottom:10px;display:flex;justify-content:space-between;gap:16px}.foot .add{color:rgba(134,196,156,.85)}.foot .del{color:rgba(209,124,108,.85)}.preview{display:flex;align-items:center;gap:7px}.preview button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;color:var(--faint);font-family:var(--mono);font-weight:300;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;cursor:pointer;transition:color .2s,border-color .2s}.preview button:hover{color:var(--dim);border-color:rgba(238,242,247,.2)}.preview button[aria-pressed=true]{color:var(--ink);border-color:rgba(238,242,247,.32)}.preview button:focus-visible{outline:1px solid var(--amber)}.dock{position:absolute;top:var(--pad);right:var(--pad);bottom:calc(var(--graph-h) + 56px);width:clamp(330px,29vw,432px);display:flex;flex-direction:column;background:rgba(7,9,15,.68);border:1px solid rgba(238,242,247,.1);backdrop-filter:blur(34px) saturate(1.15);-webkit-backdrop-filter:blur(34px) saturate(1.15);opacity:0;transform:translateX(12px);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:5}.dock.on{opacity:1;transform:none;pointer-events:auto}.dock-top{display:flex;align-items:baseline;gap:9px;padding:15px 18px 12px;border-bottom:1px solid var(--rule)}.dock-dot{width:7px;height:7px;border-radius:50%;align-self:center;flex:0 0 auto}.dock-name{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:450}.dock-branch{font-size:9px;color:var(--faint);font-weight:300;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-diff{margin-left:auto;flex:0 0 auto;border:1px solid var(--rule);background:transparent;cursor:pointer;padding:2px 6px;font:300 8px var(--mono);letter-spacing:.06em;color:var(--faint);transition:border-color .2s,color .2s}.dock-diff:hover{border-color:rgba(238,242,247,.25);color:var(--dim)}.dock-diff .add{color:rgba(134,196,156,.9)}.dock-diff .del{color:rgba(209,124,108,.9)}.dock-state{flex:0 0 auto;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:300}.dock-state.run{color:var(--dim)}.dock-state.st-ask{color:var(--amber)}.dock-x{flex:0 0 auto;border:1px solid var(--rule);background:transparent;color:var(--faint);font:300 8px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:3px 7px;cursor:pointer;transition:color .2s,border-color .2s}.dock-x:hover{color:var(--dim);border-color:rgba(238,242,247,.22)}.dock-tabs{display:flex;padding:0 10px;border-bottom:1px solid var(--rule)}.dock-tabs:empty{display:none}.dtab{border:0;background:transparent;color:var(--faint);cursor:pointer;font:300 8.5px var(--mono);letter-spacing:.06em;padding:8px 10px 9px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;margin-bottom:-1px}.dtab:hover{color:var(--dim)}.dtab.on{color:var(--ink);border-bottom-color:rgba(238,242,247,.4)}.dock-body{flex:1 1;min-height:0;display:flex}.dock-spine{flex:0 0 16px;position:relative;margin:10px 0 10px 7px}.dock-spine:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--rule)}.sp-tick{position:absolute;left:4px;width:7px;height:2px;cursor:pointer;background:rgba(238,242,247,.22)}.sp-tick.you{background:rgba(238,242,247,.8);height:3px}.sp-tick.ok{background:rgba(134,196,156,.75)}.sp-tick.err{background:rgba(209,124,108,.75)}.sp-tick.ask{background:var(--amber);height:3px}.sp-tick:hover{background:var(--ink)}.sp-cursor{position:absolute;left:0;width:15px;height:1px;background:rgba(238,242,247,.5);pointer-events:none;transition:top .12s linear}.dock-log{flex:1 1;min-width:0;overflow-y:auto;padding:4px 18px 14px 6px;scrollbar-width:none}.dock-log::-webkit-scrollbar{display:none}.dl-time{font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);opacity:.75;margin:18px 0 2px}.dl-you{font-family:var(--display);font-size:15px;line-height:1.35;margin:14px 0 10px;text-wrap:pretty}.dl-cl{font-size:10.5px;line-height:1.62;color:#c2cad6;margin:10px 0}.dl-act,.dl-cl{font-weight:300}.dl-act{display:flex;gap:8px;font-size:9.5px;color:var(--faint);margin:7px 0}.dl-act i{font-style:normal;flex:0 0 auto}.dl-ok i{color:rgba(134,196,156,.9)}.dl-err i{color:rgba(209,124,108,.9)}.dl-in{animation:dl-in .35s ease-out both}@keyframes dl-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.dl-ask{border:1px solid rgba(255,193,120,.26);border-left:2px solid var(--amber);padding:12px 12px 8px;margin:14px 0 10px}.dl-ask h3{font-family:var(--display);font-weight:400;font-size:15px;line-height:1.3;margin:0 0 10px}.dl-ask .opt{padding:6px 8px}.dl-ask .opt b{font-size:11px}.dl-ask .opt span{font-size:9.5px}.df-head{display:flex;align-items:baseline;gap:10px;margin:16px 0 10px}.df-back{border:0;background:transparent;color:var(--faint);cursor:pointer;font:300 8.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:2px 0;transition:color .2s}.df-back:hover{color:var(--dim)}.df-title{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.df-file{display:flex;align-items:baseline;gap:10px;padding:7px 2px;border-bottom:1px solid var(--rule);font-size:10px;font-weight:300}.df-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c2cad6}.df-n{flex:0 0 auto;font-size:9px}.df-n.add{color:rgba(134,196,156,.9)}.df-n.del{color:rgba(209,124,108,.9)}.df-bar{flex:0 0 34px;height:1.25px;display:flex;gap:1px;align-self:center}.df-bar i{display:block;height:100%}.df-hunk{margin:14px 0 0;border:1px solid var(--rule);padding:10px 12px}.df-hunk-t{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}.df-line{font-size:9.5px;font-weight:300;line-height:1.7;white-space:pre;overflow-x:auto;color:var(--dim)}.df-line.a{color:rgba(134,196,156,.95)}.df-line.d{color:rgba(209,124,108,.9);text-decoration:line-through;-webkit-text-decoration-color:rgba(209,124,108,.4);text-decoration-color:rgba(209,124,108,.4)}.df-actions{display:flex;gap:8px;margin:16px 0 8px}.df-commit{border:1px solid rgba(238,242,247,.28);background:transparent;cursor:pointer;color:var(--ink);font:300 9px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;transition:background .2s,border-color .2s}.df-commit:hover{background:rgba(238,242,247,.06);border-color:rgba(238,242,247,.45)}.df-clean{margin:22px 0;text-align:center;font-size:9.5px;color:var(--faint);font-weight:300;letter-spacing:.08em}.tl-clock{margin-top:10px}.dock-in{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--rule)}.dock-caret{color:var(--faint);font-size:11px;transition:color .2s}.dock-in:focus-within .dock-caret{color:var(--ink)}.dock-in input{flex:1 1;min-width:0;background:transparent;border:0;outline:none;color:var(--ink);font:400 11px var(--mono)}.dock-in input::placeholder{color:var(--faint)}.dock-enter{font-size:9px;color:var(--faint);opacity:0;transition:opacity .2s}.dock-in.hot .dock-enter{opacity:1}@media (max-width:900px){.dock{left:var(--pad);width:auto}}@media (prefers-reduced-motion:reduce){.dock{transition:none}.dl-in{animation:none}}.opt{transition:background .2s,border-color .2s,opacity .35s}.opt.sel{background:var(--amber);border-color:var(--amber);color:#0a0d14}.opt.sel u{color:rgba(10,13,20,.85);border-color:rgba(10,13,20,.35)}.opt.sel span span{color:rgba(10,13,20,.72)}.ask.deciding .opt:not(.sel){opacity:.3}.foot,.grate,.gtitle,.tl,.tr{opacity:0;animation:lat-rise .9s ease-out forwards}.tl{animation-delay:.15s}.tr{animation-delay:.4s}.grate,.gtitle{animation-delay:.65s}.foot{animation-delay:.85s}.ask{opacity:0;animation:lat-settle 1s cubic-bezier(.22,1,.36,1) 1.7s forwards}@keyframes lat-rise{to{opacity:1}}@keyframes lat-settle{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.ask.in{animation:none;opacity:1;transform:none}.ask.again{animation:lat-settle .8s cubic-bezier(.22,1,.36,1) .3s forwards;opacity:0}.ask.away{animation:none;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.srstatus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.ask,.foot,.grate,.gtitle,.tl,.tr{animation:none;opacity:1;transform:none}.ask.away{display:none}}@media (max-width:900px){.ask{bottom:calc(var(--graph-h) + 60px);width:auto;left:var(--pad);right:var(--pad)}.tr{gap:16px}}@media (max-width:640px){.foot,.grate,.gtitle,.preview,.tr{display:none}.dock{width:100%}}.wall{--void:#05060a;--deep:#0a0d14;--deep-lit:#0d1119;--ink:#eef2f7;--dim:#aab5c6;--faint:#8791a3;--rule:rgba(238,242,247,0.08);--amber:#ffc178;--sage:#86c49c;--clay:#d17c6c;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;--read:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;--gap:18px;--lift:1.02;--ease:cubic-bezier(0.22,1,0.36,1);position:relative;display:flex;flex-direction:column;height:100svh;min-height:620px;overflow:hidden;background:var(--void);color:var(--ink);font-family:var(--mono);contain:layout paint;padding-bottom:30px}.wall-top{flex:none;display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);padding:0 clamp(16px,3vw,40px);height:52px;border-bottom:1px solid var(--rule);font-size:11px;letter-spacing:.02em;color:var(--dim);white-space:nowrap}.wall-count{color:var(--ink)}.wall-need{color:var(--amber);transition:opacity .6s var(--ease)}.wall-dim{color:var(--faint)}.wall-rate b{color:var(--ink);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wall-gap{flex:1 1}.wall-chip{border:1px solid var(--rule);border-radius:4px;padding:4px 10px;color:var(--dim);font-size:11px}.wall-grid{flex:1 1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-gap:var(--gap);gap:var(--gap);padding:clamp(14px,2vw,22px)}.wpane{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--deep);border:1px solid rgba(238,242,247,.07);border-radius:8px;transform-origin:center;transition:transform .13s var(--ease),box-shadow .2s var(--ease),border-color .2s linear,background-color .2s linear;contain:content}.wpane[data-warn=true]{border-color:rgba(255,193,120,.28)}.wpane[data-focused=true]{z-index:1;background:var(--deep-lit);border-color:rgba(238,242,247,.17);transform:scale(var(--lift)) translateY(-3px);transition-duration:.18s,.28s,.2s,.2s;box-shadow:inset 0 1px 0 rgba(238,242,247,.1),0 0 0 1px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.45),0 16px 38px -12px rgba(0,0,0,.66)}.wpane[data-focused=true][data-warn=true]{border-color:rgba(255,193,120,.5)}.wpane-head{flex:none;display:flex;align-items:baseline;gap:7px;padding:10px 13px 0;font-size:11.5px;line-height:15px}.wpane-head i{align-self:center;flex:none;width:6px;height:6px;border-radius:999px}.wpane-head b{font-weight:400;min-width:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpane[data-focused=true] .wpane-head b{font-weight:600}.wpane-title{flex:1 1;min-width:0;font-size:10.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpane[data-focused=true] .wpane-title{color:var(--dim)}.wpane-head kbd{flex:none;font:inherit;font-size:10px;color:var(--faint);border:1px solid var(--rule);border-radius:3px;padding:0 4px;opacity:0;transition:opacity .16s linear,color .16s linear,border-color .16s linear}.wpane[data-focused=true] .wpane-head kbd{opacity:1}.wpane-head kbd.lit{opacity:1;color:var(--ink);border-color:rgba(238,242,247,.45);background:rgba(238,242,247,.1)}.wpane-state{flex:none;display:flex;gap:8px;margin:3px 0 0;padding:0 13px 8px;font-size:10.5px;line-height:14px;color:var(--dim);border-bottom:1px solid var(--rule)}.wpane-state>span:first-child{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpane-state .amber{color:var(--amber)}.wpane-when{color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wpane-body{flex:1 1;min-height:0;overflow:hidden;padding:10px 13px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;font-size:11px;line-height:17px;color:var(--dim)}.wpane[data-focused=true] .wpane-body{color:var(--ink)}.wl{margin:0;animation:wl-in .62s var(--ease) both}@keyframes wl-in{0%{opacity:0}to{opacity:1}}.wl-you{color:var(--ink);padding-left:9px;border-left:1px solid rgba(238,242,247,.22)}.wl-cl,.wl-you{font-family:var(--read);font-size:12px;line-height:18px}.wl-act,.wl-err{display:flex;gap:6px;font-size:10.5px;color:var(--faint)}.wpane[data-focused=true] .wl-act{color:var(--dim)}.wl-err{color:var(--clay)}.wl-act>i,.wl-err>i{flex:none;font-style:normal}.wl-act u,.wl-err u{-webkit-text-decoration-color:rgba(238,242,247,.25);text-decoration-color:rgba(238,242,247,.25);text-underline-offset:2px}.wl-ask{font-family:var(--read);font-size:12px;line-height:18px;color:var(--amber);padding-left:9px;border-left:1px solid rgba(255,193,120,.45)}.wpane-in{flex:none;display:flex;align-items:baseline;gap:7px;padding:8px 13px 10px;border-top:1px solid var(--rule);color:var(--faint);font-size:11.5px;line-height:17px}.wpane[data-focused=true] .wpane-in{color:var(--dim)}.wpane-draft{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;color:var(--ink)}.wpane-draft em{font-style:normal;color:var(--faint)}.caret{display:inline-block;width:1px;height:12px;margin-left:1px;vertical-align:-2px;background:var(--ink);animation:caret 1.1s step-end infinite}@keyframes caret{50%{opacity:0}}.wall-foot{flex:none;display:flex;gap:clamp(12px,2vw,26px);justify-content:center;align-items:center;height:38px;border-top:1px solid var(--rule);font-size:10.5px;color:var(--faint);white-space:nowrap;padding-bottom:2px}@media (max-width:1039px){.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-hide-sm,.wpane[data-idx="4"],.wpane[data-idx="5"]{display:none}}@media (max-width:639px){.wall-grid{grid-template-columns:minmax(0,1fr)}.wpane[data-idx="2"],.wpane[data-idx="3"]{display:none}.wall-top{height:46px;font-size:10.5px}.wall-chip,.wall-dim{display:none}.wall{--gap:12px}}@media (prefers-reduced-motion:reduce){.caret,.wall-need,.wl,.wpane{transition:none;animation:none}.wpane[data-focused=true]{transform:none;box-shadow:0 0 0 2px var(--ink)}}:root{--nav-h:60px}.stage-wrap{position:relative;height:240svh}.stage{position:-webkit-sticky;position:sticky;top:var(--nav-h);height:calc(100svh - var(--nav-h));min-height:560px;border-radius:inherit;overflow:hidden;background:var(--canvas);--p:0}.stage-layer{position:absolute;inset:0;transform-origin:50% 46%;will-change:opacity,transform}.stage-field .ask,.stage-field .foot,.stage-field .grate,.stage-field .srstatus,.stage-field .tr{opacity:clamp(0,calc((.46 - var(--p)) * 9),1)}.stage-field{opacity:clamp(0,calc((.58 - var(--p)) * 5.6),1);translate:0 calc(clamp(0, calc((var(--p) - .34) * 2.4), 1) * 64px);scale:calc(1 - clamp(0, calc((var(--p) - .34) * 2.4), 1) * .05)}.stage .wall{background:transparent}.stage-wall{opacity:1}.stage .wall-foot,.stage .wall-top{opacity:clamp(0,calc((var(--p) - .63) * 9),1)}.stage .wpane{--pi:clamp(0,calc((var(--p) - 0.66 - var(--i) * 0.042) * 9),1);opacity:var(--pi);translate:0 calc((1 - var(--pi)) * 26px)}.stage[data-on=field] .stage-wall,.stage[data-on=wall] .stage-field{pointer-events:none}.stage-hint{bottom:20px;z-index:12;margin:0;height:14px;font-family:var(--font-mono);font-weight:300;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;pointer-events:none}.stage-hint,.stage-hint span{position:absolute;left:50%;transform:translateX(-50%)}.hint-a{opacity:clamp(0,calc((.34 - var(--p)) * 8),1)}.stage .wall{padding-bottom:46px}.stage .fold{animation:none;opacity:clamp(0,calc((var(--p) - .9) * 8),1)}.stage .obsdemo .gtitle,.stage .obsdemo .preview,.stage .obsdemo .tl hr,.stage .obsdemo .tl-clock,.stage .obsdemo .tl-mark{display:none}@media (max-width:639px){.stage,.stage-wrap{height:auto}.stage{position:static;min-height:0}.stage-field{display:none}.stage-wall{position:static;opacity:1}.stage .wall-foot,.stage .wall-top,.stage .wpane{opacity:1}.stage .wpane{translate:none}.stage-hint{display:none}}@media (prefers-reduced-motion:reduce){.stage,.stage-wrap{height:auto}.stage{position:static;min-height:0}.stage-layer{position:static;opacity:1;transform:none;will-change:auto}.stage[data-on=field] .stage-wall,.stage[data-on=wall] .stage-field{pointer-events:auto}.stage-hint{display:none}}.deck{position:relative}.deck-after,.deck-card,.herolate{width:calc(100vw - var(--card-inset) * 2);margin-left:calc(50% - 50vw + var(--card-inset))}.deck-after,.herolate{position:relative;background:var(--canvas);border-radius:var(--card-radius) var(--card-radius) 0 0;box-shadow:inset 0 1px 0 rgba(238,242,247,.2),0 0 0 1px rgba(0,0,0,.7),0 -30px 64px -18px rgba(0,0,0,.9),0 -4px 14px -4px rgba(0,0,0,.7)}:root{--card-radius:26px;--card-inset:clamp(0px,2.6vw,46px)}.deck-words{position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:1;transform:scale(calc(1 - var(--covered, 0) * .08));opacity:calc(1 - var(--covered, 0) * .78);transform-origin:50% 30%}.deck-words,.herolate{will-change:transform,opacity}.herolate{z-index:2;margin-top:0;margin-bottom:0;overflow:hidden;transform:scale(calc(1 - var(--exiting, 0) * .06));opacity:calc(1 - var(--exiting, 0) * .62);transform-origin:50% 38%}.herolate .stage{border-radius:var(--card-radius) var(--card-radius) 0 0}.deck-after{z-index:3;margin-top:calc(var(--hold) * -1);padding-top:var(--space-16)}:root{--hold:90svh}.deck-after>.wrap{position:relative}@media (max-width:639px){:root{--card-radius:0px;--card-inset:0px;--hold:0px}.deck-words{position:static}.deck-words,.herolate{transform:none;opacity:1;will-change:auto}.deck-after{padding-top:var(--space-8)}}@media (prefers-reduced-motion:reduce){:root{--hold:0px}.deck-words{position:static}.deck-words,.herolate{transform:none;opacity:1;will-change:auto}}