._4-6f5G_demo{--phone:340px;--gap:clamp(56px,9vw,120px);grid-template-columns:var(--phone) minmax(0,1fr);column-gap:var(--gap);color:#fff;background:radial-gradient(90% 70% at 78% 8%,#2c3579b3,#2c357900 70%), linear-gradient(180deg,#09122f 0%,var(--night) 100%);border-radius:24px;grid-template-areas:"pick presets""phone screen""cap cap";align-items:end;row-gap:24px;padding:28px;display:grid;position:relative}._4-6f5G_pick{grid-area:pick;gap:6px;display:grid}._4-6f5G_presets{grid-area:presets;gap:6px;min-width:0;display:grid}._4-6f5G_label{color:#e9eefcb8;font-size:.8rem;font-weight:600}._4-6f5G_select{background:var(--night-2);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;border:1.5px solid #ffffff38;border-radius:12px;min-height:48px;padding:0 12px;font-size:.95rem}._4-6f5G_select:hover{border-color:#ffffff73}._4-6f5G_chips{flex-wrap:wrap;gap:8px;display:flex}._4-6f5G_chip{color:#fff;cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff38;border-radius:999px;min-height:44px;padding:0 16px;font-size:.88rem;line-height:1.25;transition:border-color .15s,background-color .15s}._4-6f5G_chip:hover{border-color:var(--signal);background:#22e3c814}._4-6f5G_chip:active{transform:translateY(1px)}._4-6f5G_phone{width:100%;max-width:var(--phone);background:#060c22;border-radius:46px;grid-area:phone;justify-self:center;height:600px;padding:10px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff29,0 30px 60px -24px #000000b3}._4-6f5G_phone:before{content:"";z-index:2;background:#060c22;border-radius:12px;width:84px;height:22px;margin-left:-42px;position:absolute;top:20px;left:50%}._4-6f5G_display{height:100%;color:var(--ink);background:#e7ecf3;border-radius:36px;flex-direction:column;display:flex;overflow:hidden}._4-6f5G_head{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:48px 16px 12px;display:flex}._4-6f5G_head b{font-size:.92rem;line-height:1.2;display:block}._4-6f5G_head small{color:var(--ink-3);font-size:.74rem;display:block}._4-6f5G_avatar{background:var(--night);color:#fff;width:40px;height:40px;font:700 .78rem/1 var(--fd);border-radius:50%;flex:none;place-items:center;display:grid}._4-6f5G_log{overscroll-behavior:contain;background-image:radial-gradient(#0f173012 1px,#0000 1.2px);background-size:18px 18px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px 12px;list-style:none;display:flex;overflow-y:auto}._4-6f5G_log>li:first-child{margin-top:auto}._4-6f5G_log:focus-visible{outline:3px solid var(--signal-ink);outline-offset:-3px;border-radius:0}._4-6f5G_msg{flex-direction:column;align-items:flex-start;max-width:84%;display:flex}._4-6f5G_mine{align-self:flex-end;align-items:flex-end}._4-6f5G_author{color:var(--signal-ink);margin:0 0 2px 10px;font-size:.7rem;font-weight:650}._4-6f5G_bubble{background:var(--paper);overflow-wrap:anywhere;border-radius:16px 16px 16px 4px;padding:8px 12px;font-size:.84rem;line-height:1.4;box-shadow:0 1px 1px #0f173014}._4-6f5G_mine ._4-6f5G_bubble{background:#c9f2ea;border-radius:16px 16px 4px}._4-6f5G_quiet{color:var(--ink-2);margin-top:4px;font-size:.7rem;animation:.4s .35s both _4-6f5G_show}._4-6f5G_passed{color:#076456;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;font-weight:650;animation:.4s both _4-6f5G_show;display:inline-flex}@keyframes _4-6f5G_show{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}._4-6f5G_composer{background:var(--paper);border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}._4-6f5G_input{border:1.5px solid var(--line);background:#f4f6fa;border-radius:22px;flex:1;min-width:0;min-height:44px;padding:0 14px;font-size:.88rem}._4-6f5G_input:focus{border-color:var(--night);outline:none;box-shadow:0 0 0 3px #22e3c873}._4-6f5G_send{background:var(--night);color:#fff;cursor:pointer;border:0;border-radius:22px;flex:none;min-height:44px;padding:0 14px;font-size:.84rem;font-weight:650}._4-6f5G_send:hover{background:var(--night-2)}._4-6f5G_send:focus-visible{outline-color:var(--signal-ink)}._4-6f5G_screen{background:#0a1534;border-radius:20px;flex-direction:column;grid-area:screen;min-width:0;height:600px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 60px -24px #0009}._4-6f5G_screenHead{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 18px;display:flex}._4-6f5G_screenTitle{font:600 .9rem/1.2 var(--fd);letter-spacing:.01em}._4-6f5G_screenHead .live-dot{font-size:.76rem}._4-6f5G_count{color:#e9eefca6;font-variant-numeric:tabular-nums;gap:12px;margin-left:auto;font-size:.78rem;display:flex}._4-6f5G_countAlarm{color:#ff8597;font-weight:650}._4-6f5G_tickets{overscroll-behavior:contain;flex:1;align-content:start;gap:8px;min-height:0;padding:12px;list-style:none;display:grid;overflow-y:auto}._4-6f5G_ticket{background:#ffffff0a;border-left:3px solid #ffffff24;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:11px 14px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}._4-6f5G_tHead{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:650;overflow:hidden}._4-6f5G_tNum{font:600 .76rem/1 var(--fd);color:var(--signal);font-variant-numeric:tabular-nums;margin-right:4px}._4-6f5G_tWhen{color:#e9eefc9e;white-space:nowrap;justify-self:end;font-size:.76rem}._4-6f5G_tWhere{color:#e9eefce0;font-size:.8rem}._4-6f5G_tText{color:#e9eefc9e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}._4-6f5G_urg{white-space:nowrap;border-radius:6px;justify-self:end;padding:2px 8px;font-size:.72rem;font-weight:650}._4-6f5G_uAlarm{background:var(--alarm);color:#fff}._4-6f5G_uHigh{color:#ffd58f;box-shadow:inset 0 0 0 1px #ffc45c8c}._4-6f5G_uNormal{color:#e9eefcb8;box-shadow:inset 0 0 0 1px #fff3}._4-6f5G_st{justify-self:end}._4-6f5G_isAlarm{border-left-color:var(--alarm);background:linear-gradient(90deg,#e1304a33,#ffffff08 65%);box-shadow:inset 0 0 0 1px #e1304a59}._4-6f5G_fresh{animation:.9s cubic-bezier(.2,.8,.2,1) backwards _4-6f5G_land}@keyframes _4-6f5G_land{0%{opacity:0;box-shadow:inset 0 0 0 1px var(--signal),0 0 28px #22e3c88c;transform:translate(-18px)}45%{opacity:1;box-shadow:inset 0 0 0 1px var(--signal),0 0 22px #22e3c866;transform:none}}._4-6f5G_pop{animation:.45s cubic-bezier(.2,.8,.2,1.3) _4-6f5G_pop}@keyframes _4-6f5G_pop{0%{opacity:0;transform:scale(.7)}}._4-6f5G_port{z-index:2;width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--signal),0 0 10px #22e3c873;background:#0a1534;border-radius:50%;position:absolute;top:90px;left:-7px}._4-6f5G_portHit{animation:.7s ease-out _4-6f5G_portHit}@keyframes _4-6f5G_portHit{0%{box-shadow:inset 0 0 0 7px var(--signal),0 0 0 0 #22e3c8b3}to{box-shadow:inset 0 0 0 2px var(--signal),0 0 0 16px #22e3c800}}._4-6f5G_wires{z-index:5;pointer-events:none;filter:drop-shadow(0 0 5px #22e3c8d9);width:100%;height:100%;position:absolute;inset:0;overflow:visible}._4-6f5G_wires path{fill:none;stroke-linecap:round}._4-6f5G_halo,._4-6f5G_trail{stroke-dasharray:1;stroke-dashoffset:1px;animation:.8s cubic-bezier(.55,0,.35,1) forwards _4-6f5G_draw,.5s .95s forwards _4-6f5G_fade}._4-6f5G_halo{stroke:#22e3c838;stroke-width:10px}._4-6f5G_trail{stroke:var(--signal);stroke-width:2.5px}._4-6f5G_spark{stroke:#eafffb;stroke-width:5px;stroke-dasharray:.07 1.2;stroke-dashoffset:.07px;animation:.8s cubic-bezier(.55,0,.35,1) forwards _4-6f5G_run}@keyframes _4-6f5G_draw{to{stroke-dashoffset:0}}@keyframes _4-6f5G_run{to{stroke-dashoffset:-1px}}@keyframes _4-6f5G_fade{to{opacity:0}}._4-6f5G_caption{color:#e9eefc9e;grid-area:cap;font-size:.8rem}@media (max-width:860px){._4-6f5G_demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"pick""phone""presets""screen""cap";row-gap:20px;padding:20px}._4-6f5G_phone{height:540px}._4-6f5G_screen{height:auto;margin-top:36px}._4-6f5G_tickets{overflow:visible}._4-6f5G_port{margin-left:-7px;top:-7px;left:50%}}@media (max-width:560px){._4-6f5G_demo{border-radius:20px;padding:16px 14px}._4-6f5G_phone{height:520px}._4-6f5G_chip{padding:0 14px;font-size:.84rem}._4-6f5G_tWhen{font-size:.72rem}}@media (prefers-reduced-motion:reduce){._4-6f5G_wires{display:none}}