.stage{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--signal) 8%,transparent),transparent 60%),var(--ground);color:var(--ink);font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}.strip{padding:14px 28px 12px;border-bottom:1px solid var(--rule);display:grid;gap:6px}.strip-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.strip-brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.strip-brand em{font-style:normal;font-weight:700;color:var(--signal);margin-left:6px}.strip select,.strip-key input{width:auto;min-width:200px;min-height:0;font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:4px;padding:6px 10px}.strip-key{display:flex;gap:8px}.strip-btn{font:600 13px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.06em;background:var(--signal);color:var(--on-signal);border:0;border-radius:4px;padding:8px 14px;cursor:pointer}.strip-btn:disabled{opacity:.5;cursor:progress}.strip-count{margin-left:auto;font:500 13px IBM Plex Mono,monospace;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.strip-say{margin:0;font-family:Manrope,sans-serif;font-weight:700;font-size:22px;line-height:1.25}.strip-say:before{content:"►  ";color:var(--signal)}.strip-paused{margin:0;color:var(--signal);font-weight:600}.strip-error{margin:0;color:var(--stop);font-weight:600}.strip-next{justify-self:start}.stage-row{--phone-w: calc(433px * var(--phone-scale, .6));--phone-h: calc(892px * var(--phone-scale, .6));display:grid;grid-template-columns:repeat(4,var(--phone-w)) minmax(280px,1fr);gap:28px;align-items:start;justify-content:center;padding:calc(var(--phone-h) * .09) 28px calc(var(--phone-h) * .1)}.phone-slot{margin:0;width:var(--phone-w);position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease,opacity .45s ease;transform-origin:50% 45%}.phone-slot.is-dim{filter:brightness(.55) saturate(.7)}.phone-slot.is-active{transform:scale(1.16);z-index:5}.phone-slot.is-active .phone{animation:phone-glow 1.4s ease-out;box-shadow:0 0 0 3px var(--signal),0 30px 80px #0000008c}@keyframes phone-glow{0%{box-shadow:0 0 0 0 var(--signal),0 0 #0000}40%{box-shadow:0 0 0 10px color-mix(in srgb,var(--signal) 60%,transparent),0 0 90px var(--signal)}to{box-shadow:0 0 0 3px var(--signal),0 30px 80px #0000008c}}.phone{width:433px;height:892px;transform:scale(var(--phone-scale, .6));transform-origin:0 0;border-radius:68px;background:linear-gradient(145deg,#3a3f3c,#1b1f1d 40%,#2b302d);padding:20px;box-shadow:0 20px 60px #00000073,inset 0 0 0 2px #ffffff14;margin-bottom:calc(var(--phone-h) - 892px)}.phone-bezel{position:relative;width:393px;height:852px;border-radius:50px;overflow:hidden;background:#0d110f;display:grid;grid-template-rows:54px 1fr}.phone-status{display:flex;align-items:center;justify-content:space-between;padding:6px 34px 0;font:600 16px -apple-system,DM Sans,sans-serif;color:#f4efe2;pointer-events:none}.phone-island{width:124px;height:36px;border-radius:20px;background:#000}.phone-signal{font-size:11px;letter-spacing:1px}.phone-screen{width:393px;height:798px;border:0;display:block;background:var(--ground)}.phone-catch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:transparent;border:0;cursor:zoom-in}.phone-label{margin-top:10px;text-align:center;display:grid;gap:2px}.phone-label strong{font:600 13px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.phone-label span{font-size:13px;color:var(--ink-2)}.inbox{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:14px;max-height:calc(var(--phone-h) + 40px);overflow:auto;transition:box-shadow .45s ease}.inbox.is-lit{box-shadow:0 0 0 3px var(--signal),0 0 60px color-mix(in srgb,var(--signal) 40%,transparent)}.inbox-title{margin:0 0 10px;font:700 16px Manrope,sans-serif;display:flex;justify-content:space-between}.inbox-title span{font:500 13px IBM Plex Mono,monospace;color:var(--ink-2)}.inbox-empty{color:var(--ink-2);font-size:14px}.inbox-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.inbox-list button{width:100%;text-align:left;display:grid;gap:2px;padding:10px;border-radius:4px;cursor:pointer;background:var(--surface-lifted);color:var(--ink);border:1px solid var(--rule);font:inherit}.inbox-list span{font-size:12px;color:var(--ink-2)}.mail h3{margin:6px 0 10px;font:700 17px Manrope,sans-serif}.mail-meta{font:12px IBM Plex Mono,monospace;color:var(--ink-2)}.mail-body{white-space:pre-wrap;font-size:14px;line-height:1.5}.mail-back,.mail-link{font:600 12px IBM Plex Mono,monospace;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--signal);border:0;padding:4px 0}.mail-link{display:block;margin:8px 0;padding:10px;background:var(--signal);color:var(--on-signal);border-radius:4px}.tray{display:flex;align-items:center;gap:14px;padding:12px 28px 18px;border-top:1px solid var(--rule);transition:box-shadow .45s ease}.tray.is-lit{box-shadow:inset 0 3px 0 var(--signal)}.tray-label{font:600 13px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}.tray-item{display:grid;gap:4px;justify-items:center;cursor:grab;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:6px 8px}.tray-item img{height:58px;width:92px;object-fit:cover;border-radius:3px}.tray-item span{font-size:12px}.stage-narrow{min-height:100vh;display:grid;place-content:center;text-align:center;padding:16px;background:var(--ground);color:var(--ink);font-family:DM Sans,sans-serif}