*,*::before,*::after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#141B24;color:#F1ECE3;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}#wrap{position:fixed;inset:0;cursor:pointer}#stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;overflow:hidden;background:#141B24;transform-origin:50% 50%;--sans:'Manrope',system-ui,sans-serif;--display:'Bricolage Grotesque','Manrope',system-ui,sans-serif}#stage .scenebox{position:absolute;inset:0;overflow:hidden}#stage h1,#stage h2,#stage h3,#stage p{margin:0}body.idle #wrap{cursor:none}#big{position:fixed;inset:0;display:grid;place-items:center;background:rgba(20,27,36,.35);transition:opacity .4s ease;z-index:4}#big.gone{opacity:0;pointer-events:none}#big button{all:unset;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 32px 18px 24px;border-radius:999px;background:#D9581F;color:#141B24;font:800 22px 'Manrope',system-ui,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.45)}#big button:focus-visible{outline:3px solid #F2874E;outline-offset:4px}body:not(.ready) #big button{opacity:.5;pointer-events:none}#ui{position:fixed;left:0;right:0;bottom:0;z-index:5;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(to top,rgba(20,27,36,.9),rgba(20,27,36,0));transition:opacity .5s ease}body.idle #ui{opacity:0;pointer-events:none}.ctrl{display:flex;align-items:center;gap:4px;padding:10px 14px 6px}.ctrl button{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#F1ECE3;display:grid;place-items:center;cursor:pointer;flex:none}.ctrl button:hover{background:rgba(241,236,227,.1)}.ctrl button:focus-visible{outline:2px solid #F2874E;outline-offset:2px}#sname{font-size:15px;opacity:.85;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.grow{flex:1}#time{font-size:14px;opacity:.7;font-variant-numeric:tabular-nums;margin-right:4px;white-space:nowrap}#bar{display:flex;gap:3px;padding:6px 16px 14px;cursor:pointer}.seg{position:relative;height:5px;border-radius:3px;background:rgba(241,236,227,.18);overflow:hidden}.seg i{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:#F2874E}@media (max-width:600px){#sname{display:none}.ctrl{padding:6px 8px 4px}#bar{padding:4px 10px 10px}}#stage{--ground:#141B24;--main:#D9581F;--second:#F1ECE3;--accent:#F2874E;--muted:color-mix(in srgb,var(--second) 62%,var(--ground));--card:color-mix(in srgb,var(--ground) 90%,var(--second));--line:color-mix(in srgb,var(--ground) 78%,var(--second));color:var(--second);font-family:var(--sans,system-ui,sans-serif)}.ground{position:absolute;inset:0;overflow:hidden;background-color:var(--ground);background-image:radial-gradient(color-mix(in srgb,var(--second) 7%,transparent) 1.6px,transparent 2px);background-size:44px 44px}.words{position:absolute;margin:0;display:flex;flex-direction:column;gap:24px}.words > *{margin:0}.line{font-family:var(--display,var(--sans,system-ui,sans-serif));font-size:96px;line-height:1.02;font-weight:800;letter-spacing:-2px}.sub{font-size:36px;line-height:1.4;color:var(--muted)}.eyebrow{font-size:28px;font-weight:700;color:var(--accent);letter-spacing:.02em}.card{position:absolute;box-sizing:border-box;border-radius:18px;background:var(--card);border:1px solid var(--line)}.line.xl{font-size:132px;letter-spacing:-3px}.line.md{font-size:72px;letter-spacing:-1.5px}.h3{font-family:var(--display,var(--sans,system-ui,sans-serif));font-size:40px;font-weight:700;line-height:1.15}.body{font-size:28px;line-height:1.4;color:var(--muted)}.it{position:absolute;left:0;top:0;transform-origin:50% 50%}.paper{box-sizing:border-box;border-radius:12px;background:var(--second);color:var(--ground);box-shadow:0 18px 36px rgba(0,0,0,.35)}.slab{box-sizing:border-box;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.3)}.bars{display:flex;flex-direction:column;gap:9px}.bars i{display:block;height:9px;border-radius:5px;background:var(--line)}.paper .bars i{background:color-mix(in srgb,var(--ground) 22%,var(--second))}.tag{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 20px;border-radius:999px;font-size:26px;font-weight:700;white-space:nowrap;background:var(--main);color:var(--ground)}.pill{display:inline-flex;align-items:center;box-sizing:border-box;padding:12px 24px;border-radius:999px;font-size:28px;white-space:nowrap;background:var(--card);border:1px solid var(--line);color:var(--second)}.note{box-sizing:border-box;padding:16px 18px;border-radius:6px;background:var(--second);color:var(--ground);border-top:10px solid var(--main);font-size:26px;font-weight:800;white-space:nowrap;box-shadow:0 12px 24px rgba(0,0,0,.3)}.hot{color:var(--accent)}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--main)}.disc{position:absolute;left:990px;top:70px;width:940px;height:940px;border-radius:50%;background:color-mix(in srgb,var(--main) 14%,var(--ground))}.phone{position:absolute;left:1180px;top:40px;width:560px;height:1000px;box-sizing:border-box;padding:16px;border-radius:72px;background:color-mix(in srgb,var(--second) 18%,var(--ground));border:2px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.45)}.scr{position:relative;width:100%;height:100%;border-radius:58px;overflow:hidden;background:color-mix(in srgb,var(--ground) 96%,var(--second));display:flex;flex-direction:column}.hdr{flex:none;display:flex;align-items:center;gap:16px;padding:46px 28px 20px;background:var(--card);border-bottom:1px solid var(--line)}.av{flex:none;width:60px;height:60px;border-radius:50%;background:var(--main);color:var(--ground);display:grid;place-items:center;font-family:var(--display,var(--sans,system-ui,sans-serif));font-weight:800;font-size:28px}.hname{font-size:26px;font-weight:700;line-height:1.2}.hstat{font-size:20px;color:var(--accent)}.chat{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px 22px}.bub{max-width:410px;box-sizing:border-box;padding:16px 22px;border-radius:26px;font-size:27px;line-height:1.35}.bub.in{align-self:flex-start;background:color-mix(in srgb,var(--ground) 80%,var(--second));border-bottom-left-radius:8px;transform-origin:0 100%}.bub.out{align-self:flex-end;background:var(--main);color:var(--ground);border-bottom-right-radius:8px;transform-origin:100% 100%}.opts{align-self:flex-end;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:470px}.opt{display:inline-flex;box-sizing:border-box;padding:10px 20px;border-radius:999px;border:2px solid var(--main);color:var(--accent);font-size:25px;font-weight:700;white-space:nowrap}.opt.on{background:var(--main);color:var(--ground)}.panel{position:absolute;box-sizing:border-box;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.3)}.dots{align-self:flex-start;display:flex;gap:8px;padding:18px 22px;border-radius:26px;background:color-mix(in srgb,var(--ground) 80%,var(--second))}.dots i{width:12px;height:12px;border-radius:50%;background:var(--muted)}.prod{box-sizing:border-box;width:780px;height:340px;padding:44px 48px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 50px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:16px}.prod-n{font-family:var(--display,var(--sans,system-ui,sans-serif));font-size:30px;font-weight:800;color:var(--accent)}.prod-ic{position:absolute;right:44px;top:40px;width:96px;height:96px;border-radius:50%;background:var(--main);color:var(--ground);display:grid;place-items:center}