:root{--bg-studio: #09090b;--foil-base: #d6d8dc;--foil-light: #eff1f4;--foil-mid: #cbced4;--foil-dark: #9ea3ac;--ink-primary: #1e2024;--ink-secondary: #32363d;--cobalt-dot: #1a56ff;--foil-radius: 13px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:var(--bg-studio);color:#f4f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;user-select:none}.font-batch{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}.studio-stage{background:radial-gradient(circle at 50% 42%,#262a346b,#0e0f12e0 52%,#070709)}.foil-surface{position:relative;background-color:#d5d7dc;background-image:radial-gradient(320px circle at var(--sheen-x, 38%) var(--sheen-y, 28%),rgba(255,255,255,.52) 0%,rgba(255,255,255,.14) 38%,rgba(255,255,255,0) 72%),repeating-linear-gradient(45deg,rgba(255,255,255,.23) 0px,rgba(255,255,255,.23) 1px,transparent 1px,transparent 3.5px),repeating-linear-gradient(-45deg,rgba(55,60,70,.12) 0px,rgba(55,60,70,.12) 1px,transparent 1px,transparent 3.5px),repeating-linear-gradient(0deg,#ffffff2e,#0000000a,#ffffff1f 2px),linear-gradient(165deg,#eceef1,#d8dade 36%,#c5c9d0 74%,#d4d7dc);box-shadow:inset 0 1.5px 1px #ffffffeb,inset 1px 0 1px #ffffffa6,inset 0 -2px 3px #484c568c,inset -1px 0 2px #52566061,0 20px 42px -8px #000000d9,0 6px 16px #000000a6;border:1px solid rgba(255,255,255,.38)}.blister-header{position:relative;z-index:30;width:356px;max-width:calc(100vw - 32px);height:84px;border-radius:var(--foil-radius);cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.blister-header:hover{transform:translateY(-1px)}.blister-header:active{transform:translateY(1px) scale(.993)}.blister-panel-clip{position:relative;z-index:20;width:396px;max-width:100vw;padding:10px 20px 48px;margin-top:-2px;overflow:hidden;pointer-events:none}.blister-panel{width:356px;max-width:calc(100vw - 32px);margin:0 auto;border-radius:var(--foil-radius);overflow:hidden;pointer-events:auto;transform-origin:top center;transition:transform .46s cubic-bezier(.22,1.06,.36,1),opacity .32s cubic-bezier(.22,1,.36,1);transform:translateY(0);opacity:1}.blister-panel.collapsed{transform:translateY(calc(-100% - 18px));opacity:0;pointer-events:none}.blister-row{position:relative;height:88px;display:flex;align-items:center;padding:0 26px 0 18px;cursor:pointer;transition:background-color .15s ease}.blister-row:hover{background-color:#ffffff24}.blister-row:active{background-color:#0000000d}.foil-perforation{position:relative;height:2px;width:100%;background-image:radial-gradient(circle,rgba(48,52,60,.65) 1.15px,rgba(255,255,255,.78) 1.65px,transparent 2.2px);background-size:6.5px 3px;background-repeat:repeat-x;background-position:center;opacity:.88}.blister-pocket{position:relative;width:112px;height:64px;border-radius:9999px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pocket-rim{position:absolute;inset:0;width:100%;height:100%;border-radius:9999px;object-fit:contain;pointer-events:none;z-index:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.22));transition:opacity .18s ease}.popped-cavity{position:absolute;inset:0;width:100%;height:100%;border-radius:9999px;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28));transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease}.bare-capsule{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 4px rgba(0,0,0,.36));transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .18s ease,filter .2s ease}.blister-row:hover .bare-capsule.visible-state{transform:scale(1.065) translateY(-1.5px);filter:drop-shadow(0 6px 8px rgba(0,0,0,.44)) brightness(1.04)}.pocket-dome-gloss{position:absolute;inset:6px 11px;border-radius:9999px;pointer-events:none;z-index:4;background:linear-gradient(145deg,#ffffff57,#ffffff14 32%,#fff0 56%,#ffffff1f);box-shadow:inset 0 1px 1.5px #ffffff8c;transition:opacity .18s ease}.hidden-state{opacity:0;transform:scale(.74)}.visible-state{opacity:1;transform:scale(1)}@keyframes cavityCrushIn{0%{transform:scale(.84);filter:brightness(1.35)}45%{transform:scale(1.05);filter:brightness(.92)}to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}}.animate-cavity-crush{animation:cavityCrushIn .26s cubic-bezier(.22,1,.36,1) forwards}@keyframes bareCapsuleLand{0%{transform:scale(1.24) translateY(-3px);filter:drop-shadow(0 10px 14px rgba(0,0,0,.52)) brightness(1.08)}55%{transform:scale(.92) translateY(1px)}to{transform:scale(1) translateY(0);filter:drop-shadow(0 3px 4px rgba(0,0,0,.36))}}.animate-capsule-land{animation:bareCapsuleLand .34s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes menuCapsuleSpring{0%{transform:scale(.82) translateY(-5px)}65%{transform:scale(1.06) translateY(1px)}to{transform:scale(1) translateY(0)}}.animate-menu-capsule{animation:menuCapsuleSpring .38s cubic-bezier(.34,1.56,.64,1) backwards}#flyingPill{position:fixed;left:0;top:0;width:112px;height:64px;object-fit:contain;pointer-events:none;z-index:60;opacity:0;will-change:transform,opacity,filter}.foil-ink{color:var(--ink-primary);text-shadow:0 1px 0 rgba(255,255,255,.62)}.foil-ink-muted{color:var(--ink-secondary);text-shadow:0 1px 0 rgba(255,255,255,.55)}.active-blue-dot{width:8.5px;height:8.5px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#5282ff,#1a56ff 55%,#0f38b8);box-shadow:0 0 8px #1a56ff8c,0 1px 1px #ffffffb3;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,width .24s cubic-bezier(.22,1,.36,1),margin-right .24s cubic-bezier(.22,1,.36,1);flex-shrink:0}.active-blue-dot.inactive{transform:scale(0);opacity:0;width:0px;margin-right:0}.active-blue-dot.active{transform:scale(1);opacity:1;width:8.5px;margin-right:10px}.chevron-icon{transition:transform .36s cubic-bezier(.22,1,.36,1)}.chevron-icon.collapsed{transform:rotate(180deg)}#fxCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:55}