@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0e7b7e0b829e3eb9-s.2j75_l12byk_u.woff2?dpl=dpl_4eC57SPN68frHqYeNhGy6jXmYcos)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/daf789e4474d0d90-s.07wt1b-68kohk.woff2?dpl=dpl_4eC57SPN68frHqYeNhGy6jXmYcos)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9e9f04e3c37952ab-s.p.0pan85mumqyf3.woff2?dpl=dpl_4eC57SPN68frHqYeNhGy6jXmYcos)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}.anton_9e703c98-module__mJqafq__className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}.anton_9e703c98-module__mJqafq__variable{--font-anton:"Anton", "Anton Fallback"}
:root{--bg:#08080c;--bg-2:#0f0f16;--panel:#0c0c12;--line:#ffffff12;--text:#f4f4f7;--muted:#80808f;--muted-2:#565664;--s119:#ff2d3d;--s119-soft:#ff6b75;--s119-glow:#ff2d3d59;--eiko:#2d86ff;--eiko-soft:#6bb0ff;--eiko-glow:#2d86ff59;--font-ui:var(--font-zen), -apple-system, "Hiragino Sans", sans-serif;--font-display:var(--font-anton), var(--font-zen), sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font-family:inherit}.stage{background:radial-gradient(1200px 600px at 15% -10%, #ff2d3d1a, transparent 60%), radial-gradient(1200px 600px at 85% -10%, #2d86ff1a, transparent 60%), var(--bg);flex-direction:column;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080c99;flex-shrink:0;align-items:center;gap:14px;padding:14px 18px;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.06em;background:linear-gradient(90deg, var(--s119-soft), #fff 50%, var(--eiko-soft));color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(18px,4.4vw,26px);line-height:1}.brand-sub{color:var(--muted);letter-spacing:.02em;font-size:11px}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.toggle-speak{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;transition:color .2s,border-color .2s;display:flex}.toggle-speak:hover{color:var(--text);border-color:#ffffff2e}.toggle-speak input{accent-color:#fff;width:14px;height:14px}.btn-stop{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:12px;display:inline-flex}.btn-stop:hover{background:#ffffff1f}.arena{background:var(--line);flex:1;gap:1px;min-height:0;display:flex;position:relative}.vs{z-index:20;font-family:var(--font-display);letter-spacing:.04em;width:52px;height:52px;box-shadow:0 0 0 4px var(--bg), 0 8px 30px #0009;color:#fff;background:radial-gradient(circle at 50% 40%,#1a1a24,#08080c);border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.vs:before{content:"VS"}.panel{background:linear-gradient(180deg, var(--corner-tint), transparent 30%), var(--panel);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.panel.red{--corner:var(--s119);--corner-soft:var(--s119-soft);--corner-glow:var(--s119-glow);--corner-tint:#ff2d3d12}.panel.blue{--corner:var(--eiko);--corner-soft:var(--eiko-soft);--corner-glow:var(--eiko-glow);--corner-tint:#2d86ff12}.panel-head{border-top:3px solid var(--corner);flex-shrink:0;align-items:center;gap:11px;padding:13px 16px;display:flex}.corner-badge{font-family:var(--font-display);letter-spacing:.08em;color:#fff;background:var(--corner);box-shadow:0 0 16px var(--corner-glow);border-radius:4px;padding:3px 9px;font-size:11px}.panel-name{letter-spacing:.01em;font-size:15px;font-weight:900}.panel-model{color:var(--muted);text-align:right;margin-left:auto;font-size:10.5px;line-height:1.35}.thread{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;flex:1;gap:11px;padding:16px 14px 24px;display:flex;overflow-y:auto}.thread::-webkit-scrollbar{width:6px}.thread::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.empty{text-align:center;color:var(--muted-2);margin:auto;font-size:13px;line-height:1.7}.empty .em-mark{font-family:var(--font-display);color:var(--corner);opacity:.35;margin-bottom:8px;font-size:40px;display:block}.row{display:flex}.row.me{justify-content:flex-end}.row.ai{justify-content:flex-start}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:86%;padding:11px 14px;font-size:14px;line-height:1.65;animation:.42s cubic-bezier(.2,.8,.2,1) both rise}.bubble.me{background:var(--corner);color:#fff;box-shadow:0 4px 18px var(--corner-glow);border-bottom-right-radius:5px}.bubble.ai{border:1px solid var(--line);background:#15151e;border-bottom-left-radius:5px}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.typing{align-items:center;gap:4px;height:18px;display:inline-flex}.typing span{background:var(--corner-soft);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.speak-btn{cursor:pointer;vertical-align:middle;color:var(--corner-soft);background:#ffffff14;border:none;border-radius:7px;margin-left:8px;padding:3px 9px;font-size:12px;transition:background .15s,transform .1s}.speak-btn:hover{background:#ffffff29}.speak-btn:active{transform:scale(.92)}.speak-btn.on{background:var(--corner);color:#fff;box-shadow:0 0 14px var(--corner-glow)}.wave{vertical-align:middle;align-items:flex-end;gap:2px;height:11px;display:inline-flex}.wave i{background:#fff;border-radius:2px;width:2.5px;animation:.9s ease-in-out infinite eq}.wave i:first-child{height:4px;animation-delay:0s}.wave i:nth-child(2){height:11px;animation-delay:.15s}.wave i:nth-child(3){height:7px;animation-delay:.3s}.wave i:nth-child(4){height:9px;animation-delay:.45s}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c12d9;flex-shrink:0}.composer-inner{max-width:760px;margin:0 auto}.input-row{gap:9px;display:flex}.input-field{border:1.5px solid var(--line);color:var(--text);background:#0a0a10;border-radius:14px;outline:none;flex:1;padding:13px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--muted-2)}.input-field:focus{border-color:#ffffff59;box-shadow:0 0 0 4px #ffffff0d}.send-btn{cursor:pointer;white-space:nowrap;background:linear-gradient(135deg, var(--s119), var(--eiko));color:#fff;border:none;border-radius:14px;flex-shrink:0;padding:0 20px;font-size:14px;font-weight:700;transition:transform .1s,opacity .2s,filter .2s}.send-btn:hover{filter:brightness(1.1)}.send-btn:active{transform:scale(.96)}.send-btn:disabled{opacity:.4;cursor:default;filter:grayscale(.5)}.chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.chip{cursor:pointer;color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:6px 13px;font-size:12px;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--text);background:#ffffff14;border-color:#fff3}@media (max-width:720px){.arena{flex-direction:column}.vs{width:46px;height:46px;font-size:17px;top:50%;left:50%}.panel-model{font-size:9.5px}.bubble{max-width:90%;font-size:13.5px}.brand-sub{display:none}}
