:root{--bg: #020204;--bg-2: #070507;--ink: #f1e9ea;--muted: rgba(241, 233, 234, .64);--line: rgba(255, 255, 255, .08);--accent: #b31318;--accent-2: #5c0a0d;--accent-3: #f0b9bc;--accent-4: #63b81c;--accent-5: #6a1b9a;--shadow: 0 24px 80px rgba(0, 0, 0, .42), 0 2px 0 rgba(255, 255, 255, .03) inset;--radius-lg: 32px;--radius-md: 24px;--radius-sm: 16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:18px;line-height:1.6;background:radial-gradient(circle at 50% 20%,rgba(179,19,24,.12),transparent 18%),radial-gradient(circle at 20% 30%,rgba(99,184,28,.06),transparent 16%),radial-gradient(circle at 82% 26%,rgba(106,27,154,.07),transparent 15%),radial-gradient(circle at 50% 78%,rgba(255,255,255,.018),transparent 32%),linear-gradient(180deg,#060406,#010102);overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-20vmax;pointer-events:none;z-index:-3}body:before{background:radial-gradient(circle,rgba(179,19,24,.14),transparent 24%),radial-gradient(circle,rgba(99,184,28,.08),transparent 26%),radial-gradient(circle,rgba(106,27,154,.06),transparent 30%);filter:blur(28px);animation:drift 16s ease-in-out infinite alternate}body:after{background:url(/hit.jpg),radial-gradient(circle,rgba(255,255,255,.04),transparent 60%),linear-gradient(135deg,transparent 45%,rgba(179,19,24,.08) 50%,transparent 55%);background-size:240px 240px,auto,auto;background-repeat:repeat,no-repeat,no-repeat;opacity:.12;transform:scale(1.12);animation:slowSpin 28s linear infinite}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;margin:0;letter-spacing:.01em}p{margin:0}ul{margin:0;padding:0}li{list-style:none}main{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:hover,.text-button:hover,.admin-link:hover,.bottom-banner a:hover{transform:translateY(-1px)}.button-primary{color:#fff7f8;background:linear-gradient(135deg,#1d0506,var(--accent) 58%,#f0b9bc);box-shadow:0 12px 32px #b3131838}.text-button,.admin-link{color:#ffced1}.text-button{border:0;background:transparent;cursor:pointer;padding:0}.backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.9}.orb-a{inset:10% auto auto 8%;width:20rem;height:20rem;background:radial-gradient(circle,rgba(179,19,24,.26),transparent 68%);animation:drift 18s ease-in-out infinite alternate}.orb-b{inset:8% 8% auto auto;width:18rem;height:18rem;background:radial-gradient(circle,rgba(99,184,28,.12),transparent 70%);animation:driftReverse 20s ease-in-out infinite alternate}.orb-c{inset:auto auto 18% 45%;width:24rem;height:24rem;background:radial-gradient(circle,rgba(106,27,154,.16),transparent 72%);animation:pulse 14s ease-in-out infinite}.scanlines,.grain{position:absolute;inset:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 4px);opacity:.14;animation:flicker 7s steps(2,end) infinite}.grain{background-image:radial-gradient(rgba(255,255,255,.16) .6px,transparent .6px),radial-gradient(rgba(255,255,255,.08) .6px,transparent .6px);background-size:3px 3px,5px 5px;background-position:0 0,1px 2px;mix-blend-mode:overlay;opacity:.08}.shell{width:min(960px,calc(100% - 28px));margin:0 auto;padding:24px 0 120px}.shell-minimal{display:grid;gap:18px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-link{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff04;box-shadow:none;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.admin-link-right{margin-left:auto}.chat-section{margin-top:0}.chat-card{position:relative;border:1px solid rgba(255,255,255,.08);background:#040406d6;box-shadow:none;backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:24px}.chat-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 28%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.5}.chat-card-minimal{overflow:hidden}.chat-head,.identity{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-head h1{font-family:Metal Mania,Bebas Neue,serif;font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:.12em;text-transform:uppercase;color:#ffe9ea;text-shadow:-2px 0 0 rgba(255,79,87,.5),0 -2px 0 rgba(99,184,28,.35),0 2px 0 rgba(106,27,154,.3),2px 0 0 rgba(92,10,13,.6),0 0 22px rgba(179,19,24,.45);transform:skew(-10deg) rotate(-1.5deg)}.panel-kicker,.panel-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.chat-badge{border-radius:999px;padding:8px 12px;border:1px solid rgba(99,184,28,.22);color:#f5ffd9;background:#63b81c14;box-shadow:none;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.connection-note{margin-top:12px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f1e9eaad;font-size:.82rem;letter-spacing:.04em;opacity:.88}.name-form,.message-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:18px}.identity{margin-top:16px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08}.chat-log{margin-top:18px;min-height:320px;max-height:52vh;overflow:auto;padding:4px 2px 6px;display:grid;gap:12px}.empty-state{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff08;color:#f1e9ea9e}.message{width:fit-content;max-width:min(72ch,90%);padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:none}.message.self{margin-left:auto;background:linear-gradient(135deg,#b3131829,#63b81c08)}.message.agent{background:linear-gradient(135deg,#ffffff0d,#6a1b9a14)}.message .meta{display:block;margin-bottom:7px;color:#b8ff9e;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.telegram-spot{margin-top:18px;display:flex;justify-content:flex-end}.telegram-card{width:min(100%,420px);display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:#050508b8;box-shadow:none;overflow:hidden}.telegram-card img{width:100%;height:auto;display:block;border-radius:18px}.telegram-copy{display:grid;gap:8px}.telegram-copy strong{font-size:1.4rem;letter-spacing:.08em}.telegram-copy span{color:#f1e9eaad;font-size:.88rem}input{width:100%;min-height:50px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--ink);outline:none}input::placeholder{color:#f5f7ff6b}input:focus{border-color:#63b81cb8;box-shadow:0 0 0 4px #63b81c24}.bottom-banner{position:fixed;left:0;right:0;bottom:0;z-index:20;pointer-events:none;padding:14px 16px 18px}.bottom-banner a{pointer-events:auto;position:relative;width:min(1220px,calc(100% - 32px));margin:0 auto;min-height:86px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(179,19,24,.3);background:linear-gradient(90deg,#020203fa,#160405f5,#020203fa);box-shadow:0 0 0 1px #ffffff08,0 0 34px #b313182e;text-transform:uppercase;letter-spacing:.14em;color:#fff;overflow:hidden;transform:skew(-6deg)}.bottom-banner a:before{content:"";position:absolute;inset:-50% -10%;background:linear-gradient(90deg,transparent,rgba(179,19,24,.28),rgba(99,184,28,.18),rgba(106,27,154,.24),rgba(255,255,255,.16),transparent),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.08) 18px 20px,transparent 20px 42px);transform:translate(-40%) skew(12deg);animation:bannerSweep 4.8s linear infinite}.bottom-banner a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%),radial-gradient(circle at 30% 50%,rgba(179,19,24,.2),transparent 22%),radial-gradient(circle at 70% 50%,rgba(99,184,28,.16),transparent 24%),radial-gradient(circle at 50% 50%,rgba(106,27,154,.14),transparent 20%);mix-blend-mode:screen;pointer-events:none}.bottom-banner strong,.spark{position:relative;z-index:1}.bottom-banner strong{font-family:Rubik Wet Paint,Bebas Neue,serif;font-size:clamp(2.5rem,5.8vw,4.8rem);letter-spacing:.18em;position:relative;line-height:1;text-shadow:0 0 6px rgba(255,255,255,.08),0 0 14px rgba(179,19,24,.9),0 0 30px rgba(99,184,28,.4),0 0 36px rgba(106,27,154,.7);transform:rotate(-2deg) skew(-8deg);-webkit-text-stroke:1px rgba(0,0,0,.35)}.bottom-banner strong:before,.bottom-banner strong:after{content:"COMING SOON";position:absolute;inset:0;opacity:.3;clip-path:inset(0 0 50% 0);transform:translate(4px,-1px) skew(6deg);color:#6cff4a;pointer-events:none}.bottom-banner strong:after{clip-path:inset(48% 0 0 0);transform:translate(-4px,1px) skew(-6deg);color:#c51d25;opacity:.4}.site-disclaimer{margin:10px auto 0;width:min(1220px,calc(100% - 32px));padding:0 12px;color:#f5f7ff7a;font-size:.42rem;letter-spacing:.04em;text-align:center;pointer-events:auto}.spark{width:12px;height:12px;border-radius:50%;background:#6cff4a;box-shadow:0 0 10px #6cff4ae6,0 0 28px #b3131857;animation:spark 1.4s ease-in-out infinite}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes driftReverse{0%{transform:translate3d(2%,1%,0) scale(1.02)}to{transform:translate3d(-3%,-2%,0) scale(1.08)}}@keyframes pulse{0%,to{opacity:.56;transform:scale(1.15)}50%{opacity:.95;transform:scale(1.22)}}@keyframes flicker{0%,to{opacity:.12}50%{opacity:.2}}@keyframes spark{0%,to{transform:scale(.8);opacity:.72}50%{transform:scale(1.15);opacity:1}}@keyframes bannerSweep{0%{transform:translate(-45%)}to{transform:translate(45%)}}@keyframes slowSpin{0%{transform:rotate(0) scale(1.12)}to{transform:rotate(360deg) scale(1.12)}}@media(max-width:720px){.shell{width:min(100% - 20px,1220px);padding-top:18px;padding-bottom:132px}.chat-card{border-radius:26px}.page-head,.chat-head,.identity{flex-direction:column;align-items:flex-start}.name-form,.message-form{grid-template-columns:1fr}.bottom-banner a{min-height:94px;padding:14px 16px;flex-direction:column;gap:6px;text-align:center}.site-disclaimer{width:min(100% - 20px,1220px)}}