:root{--bg:#fff;--bg-soft:#f7f7f8;--ink:#0d0d0d;--ink-muted:#6b6b6b;--ink-faint:#8e8e8e;--border:#e5e5e5;--border-strong:#d0d0d0;--composer-shadow:0 0 0 1px #00000014, 0 4px 16px #0000000f;--ash:#1a0a00;--soot:#0d0400;--ember:#ff4d00;--flame:#ff8a00;--spark:#ffe566;--coal:#2a1208;--smoke:#3d1f12;--cream-ash:#f5e6d3;--ink-chaos:#140800;--font-brand:"Bungee", cursive;--font-ui:"Syne", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}body.is-chaos{background:var(--soot);color:var(--cream-ash)}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::selection{color:var(--ink);background:#d9d9d9}body.is-chaos ::selection{background:var(--ember);color:var(--ink-chaos)}.app{isolation:isolate;height:100%;display:grid;position:relative}.app--helpful{background:var(--bg);grid-template-rows:auto 1fr}.app--chaos{padding:0 clamp(1rem, 3.5vw, 2.25rem) max(1rem, env(safe-area-inset-bottom));color:var(--cream-ash);grid-template-rows:auto auto 1fr}.app.is-shaking{animation:.85s cubic-bezier(.36,.07,.19,.97) both screen-shake}.app.is-hue-freak{animation:.7s steps(6,end) both hue-freak}.app.is-inferno .brand__name{animation:.4s steps(2,end) infinite brand-glitch}.atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0}.atmosphere--helpful{background:var(--bg)}.atmosphere--chaos{background:radial-gradient(120% 80% at 50% -10%, #5a1a00 0%, transparent 55%), radial-gradient(70% 50% at 80% 100%, #3a0f00 0%, transparent 50%), radial-gradient(60% 40% at 10% 80%, #2a1208 0%, transparent 45%), linear-gradient(180deg, #2a0c00 0%, var(--soot) 40%, #050200 100%)}.atmosphere__glow{background:radial-gradient(50% 30% at 50% 100%,#ff4d0066,#0000 70%),radial-gradient(30% 20% at 20% 30%,#ffe5661f,#0000 60%);animation:3s ease-in-out infinite hearth-pulse;position:absolute;inset:0}.atmosphere__noise{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;position:absolute;inset:0}.atmosphere__stripes{opacity:.06;background:repeating-linear-gradient(-18deg,#0000 0 18px,#ff8a0080 18px 20px);animation:12s linear infinite stripe-crawl;position:absolute;inset:-20%}.embers{position:absolute;inset:0;overflow:hidden}.ember{background:var(--spark);width:5px;height:5px;box-shadow:0 0 10px 3px var(--flame);opacity:0;border-radius:50%;animation:6s linear infinite ember-rise;position:absolute;bottom:-4%}.ember--0{animation-duration:5.5s;animation-delay:0s;left:5%}.ember--1{width:3px;height:3px;animation-duration:7s;animation-delay:.8s;left:18%}.ember--2{animation-duration:6.2s;animation-delay:1.6s;left:31%}.ember--3{width:6px;height:6px;animation-duration:8s;animation-delay:.3s;left:44%}.ember--4{animation-duration:5.8s;animation-delay:2.1s;left:57%}.ember--5{width:3px;height:3px;animation-duration:7.4s;animation-delay:1.1s;left:70%}.ember--6{animation-duration:6.5s;animation-delay:2.8s;left:82%}.ember--7{width:4px;height:4px;animation-duration:7.8s;animation-delay:.5s;left:93%}.topbar{border-bottom:1px solid #0000;align-items:center;height:52px;padding:0 1rem;display:flex}.topbar__brand{color:var(--ink);align-items:center;gap:.55rem;display:inline-flex}.topbar__logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.topbar__name{letter-spacing:-.01em;font-size:.95rem;font-weight:700}.ticker{margin:0 -clamp(1rem, 3.5vw, 2.25rem);background:linear-gradient(90deg,#3a0a00,#1a0500,#3a0a00);border-block:2px solid #ff4d008c;padding:.35rem 0;overflow:hidden}.ticker__track{width:max-content;font-family:var(--font-brand);letter-spacing:.08em;color:var(--spark);white-space:nowrap;text-shadow:0 0 12px #ff4d00cc;font-size:.72rem;animation:14s linear infinite ticker-scroll;display:flex}.ticker__track span{padding-right:1.5rem}.brand--chaos{align-items:center;gap:1rem;margin:clamp(.85rem,2.5vh,1.5rem) 0;animation:.7s cubic-bezier(.22,1,.36,1) both brand-in;display:flex}.brand__mark{object-fit:contain;filter:drop-shadow(0 8px 20px #ff4d008c);width:clamp(64px,12vw,88px);height:clamp(64px,12vw,88px);animation:2.4s ease-in-out infinite mark-chaos}.brand__name{font-family:var(--font-brand);letter-spacing:.02em;color:var(--cream-ash);text-shadow:0 0 40px #ff4d00a6, 4px 4px 0 var(--ember), -2px -2px 0 #8b0000;font-size:clamp(2.4rem,9vw,4.5rem);line-height:.92;position:relative}.brand__name:before,.brand__name:after{content:attr(data-text);pointer-events:none;opacity:.7;position:absolute;inset:0}.brand__name:before{color:#00fff0;clip-path:inset(0 0 55%);animation:2.5s linear infinite alternate-reverse glitch-a;transform:translate(-3px,1px)}.brand__name:after{color:#f04;clip-path:inset(45% 0 0);animation:2.1s linear infinite alternate-reverse glitch-b;transform:translate(3px,-1px)}.brand__tag{max-width:38ch;color:var(--flame);margin-top:.4rem;font-size:clamp(.92rem,2.2vw,1.1rem);font-weight:800;line-height:1.35}.brand__stats{color:#f5e6d38c;letter-spacing:.02em;margin-top:.45rem;font-size:.8rem;font-weight:700}.brand__stats span{color:var(--spark);font-family:var(--font-brand)}.stage{grid-template-rows:1fr auto;align-self:stretch;width:100%;min-height:0;margin:0 auto;display:grid}.app--helpful .stage{max-width:48rem;padding:0 1rem max(.75rem, env(safe-area-inset-bottom))}.app--chaos .stage{gap:.75rem;max-width:720px}.transcript{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.app--helpful .transcript{scrollbar-color:var(--border) transparent;gap:1.5rem;padding:.5rem 0 1.5rem}.app--chaos .transcript{scrollbar-color:var(--smoke) transparent;gap:.85rem;padding:.25rem .15rem .5rem}.empty--openai{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:40rem;margin:auto;padding:2rem 0 3rem;animation:.5s both brand-in;display:flex}.empty__mascot{object-fit:contain;width:72px;height:72px;margin-bottom:1.25rem}.empty__title{letter-spacing:-.03em;color:var(--ink);margin-bottom:2rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:600;line-height:1.2}.app--chaos .empty{margin:auto 0;padding:.5rem 0 1.5rem}.app--chaos .empty__hint{font-family:var(--font-brand);color:var(--spark);letter-spacing:.04em;margin-bottom:1rem;font-size:clamp(1rem,3vw,1.35rem);animation:1.6s ease-in-out infinite hint-pulse}.starters{flex-wrap:wrap;gap:.55rem;display:flex}.starters--grid{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.app--helpful .starter{border:1px solid var(--border);background:var(--bg);color:var(--ink);text-align:left;border-radius:14px;padding:.9rem 1rem;font-size:.9rem;font-weight:500;line-height:1.35;transition:background .15s,border-color .15s}.app--helpful .starter:hover{background:var(--bg-soft);border-color:var(--border-strong)}.app--chaos .starter{color:var(--cream-ash);background:#2a1208a6;border:1.5px solid #ff8a0073;border-radius:999px;padding:.6rem .95rem;font-size:.9rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.app--chaos .starter:hover{border-color:var(--flame);background:#ff4d004d;transform:translateY(-2px)rotate(-1deg)}.row{align-items:flex-start;gap:.85rem;animation:.35s both bubble-in;display:flex}.app--helpful .row{max-width:100%}.app--helpful .row--user{flex-direction:row-reverse}.app--helpful .row--user .row__body{align-items:flex-end}.app--helpful .row--user .row__text{background:var(--bg-soft);border-radius:1.25rem;padding:.7rem 1rem;font-weight:500}.app--chaos .row--user{flex-direction:row-reverse;align-self:flex-end}.app--chaos .row--bot{align-self:flex-start}.row__avatar{object-fit:contain;border-radius:6px;flex-shrink:0;width:32px;height:32px;margin-top:.15rem}.app--chaos .row__avatar{filter:drop-shadow(0 0 8px #ff4d0080);width:40px;height:40px;animation:.5s ease-out avatar-spin}.row__body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.row__label{color:var(--ink);font-size:.8rem;font-weight:700}.app--chaos .row__label{color:var(--flame)}.row__text{color:var(--ink);word-break:break-word;font-size:1rem;font-weight:500;line-height:1.55}.app--chaos .row--user .row__text{color:var(--cream-ash);background:linear-gradient(135deg,#5a2200,#3a1200);border:1px solid #ff8a0059;border-radius:1.1rem 1.1rem .3rem;padding:.7rem 1rem;font-weight:700}.app--chaos .row--bot .row__text{color:var(--ink-chaos);background:linear-gradient(135deg,#ff4d00,#ff8a00 60%,#ffe566);border-radius:1.1rem 1.1rem 1.1rem .3rem;padding:.7rem 1rem;font-size:1.3rem;font-weight:800;animation:.45s ease-out no-jiggle;box-shadow:0 0 28px #ff4d0073}.row__text--typing{align-items:center;gap:.35rem;min-height:1.4rem;padding-top:.35rem;display:flex}.row__text--typing span{background:var(--ink-muted);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite typing-dot}.row__text--typing span:nth-child(2){animation-delay:.15s}.row__text--typing span:nth-child(3){animation-delay:.3s}.composer-wrap{flex-direction:column;gap:.55rem;padding-top:.25rem;display:flex}.composer{grid-template-columns:1fr auto;align-items:center;gap:.35rem;display:grid}.app--helpful .composer{background:var(--bg);box-shadow:var(--composer-shadow);border-radius:1.75rem;padding:.65rem .65rem .65rem 1.1rem}.app--chaos .composer{gap:.65rem}.composer__input{background:0 0;border:none;outline:none;width:100%;font-size:1rem;font-weight:500}.app--helpful .composer__input{color:var(--ink);padding:.35rem 0}.app--helpful .composer__input::placeholder{color:var(--ink-faint);font-weight:500}.app--chaos .composer__input{color:var(--cream-ash);background:#0d0400bf;border:1.5px solid #ff8a0066;border-radius:1rem;padding:.95rem 1.15rem;font-weight:700}.app--chaos .composer__input::placeholder{color:#f5e6d366}.app--chaos .composer__input:focus{border-color:var(--flame);box-shadow:0 0 0 3px #ff4d0040}.composer__send{place-items:center;transition:opacity .15s,transform .15s,background .15s;display:grid}.app--helpful .composer__send{background:var(--ink);color:#fff;border-radius:50%;width:36px;height:36px}.app--helpful .composer__send:hover:not(:disabled){opacity:.85}.app--helpful .composer__send:disabled{color:#b4b4b4;cursor:not-allowed;background:#ececec}.app--chaos .composer__send{min-width:7.5rem;height:100%;min-height:3.1rem;font-family:var(--font-brand);letter-spacing:.04em;color:var(--ink-chaos);background:linear-gradient(160deg, var(--spark) 0%, var(--flame) 45%, var(--ember) 100%);border-radius:1rem;padding:0 1.2rem;font-size:.9rem;animation:1.4s ease-in-out infinite button-throb;box-shadow:0 6px 24px #ff4d0073}.app--chaos .composer__send:hover:not(:disabled){filter:brightness(1.1)saturate(1.2);transform:translateY(-3px)scale(1.06)rotate(-2deg)}.app--chaos .composer__send:disabled{opacity:.4;cursor:not-allowed;animation:none}.fineprint{text-align:center;color:var(--ink-faint);padding-bottom:.15rem;font-size:.72rem;font-weight:500}.inferno{z-index:50;-webkit-backdrop-filter:blur(3px)contrast(1.1);backdrop-filter:blur(3px)contrast(1.1);pointer-events:none;background:#05020099;place-items:center;animation:.2s ease-out both inferno-in;display:grid;position:fixed;inset:0;overflow:hidden}.inferno__flash{mix-blend-mode:screen;background:#fff8e0;animation:.35s ease-out both white-flash;position:absolute;inset:0}.inferno__flames{pointer-events:none;position:absolute;inset:0}.flame{background:radial-gradient(ellipse 50% 40% at 50% 15%, #fff 0%, transparent 45%), radial-gradient(ellipse 50% 40% at 50% 20%, var(--spark) 0%, transparent 55%), radial-gradient(ellipse 60% 70% at 50% 55%, var(--flame) 0%, transparent 70%), radial-gradient(ellipse 70% 90% at 50% 80%, var(--ember) 0%, transparent 75%);filter:blur(1px);mix-blend-mode:screen;opacity:0;transform-origin:bottom;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;width:clamp(40px,9vw,100px);height:clamp(140px,32vh,300px);animation:1.5s ease-out both flame-lick;position:absolute;bottom:-10%}.flame--0{height:42vh;animation-delay:0s;left:0%}.flame--1{height:58vh;animation-delay:40ms;left:8%}.flame--2{height:50vh;animation-delay:80ms;left:16%}.flame--3{height:68vh;animation-delay:20ms;left:25%}.flame--4{height:55vh;animation-delay:.1s;left:33%}.flame--5{height:72vh;animation-delay:50ms;left:42%}.flame--6{height:78vh;animation-delay:70ms;left:50%;transform:translate(-50%)}.flame--7{height:64vh;animation-delay:30ms;left:58%}.flame--8{height:52vh;animation-delay:90ms;left:67%}.flame--9{height:70vh;animation-delay:60ms;left:75%}.flame--10{height:48vh;animation-delay:.11s;left:84%}.flame--11{height:60vh;animation-delay:10ms;left:92%}.flying-no{z-index:3;font-family:var(--font-brand);color:var(--cream-ash);text-shadow:2px 2px 0 var(--ember), 0 0 16px #ff4d00e6;transform:rotate(var(--rot)) scale(var(--scale));pointer-events:none;white-space:nowrap;font-size:clamp(1rem,3vw,1.8rem);animation:2.2s ease-out both flying-no;position:absolute}.inferno__burst{background:radial-gradient(circle,#ffe566a6 0%,#ff4d0066 35%,#0000 70%);border-radius:50%;width:min(95vw,560px);height:min(95vw,560px);animation:1s ease-out both burst-pulse;position:absolute}.inferno__burst--lag{filter:hue-rotate(40deg);animation-delay:.15s}.inferno__clones{pointer-events:none;position:absolute;inset:0}.inferno__clone{object-fit:contain;opacity:.55;filter:drop-shadow(0 0 16px #ff4d00b3);width:clamp(70px,16vw,140px);height:auto;animation:2.8s linear both clone-orbit;position:absolute}.inferno__clone--0{animation-duration:2.4s;top:8%;left:8%}.inferno__clone--1{animation-duration:3s;animation-direction:reverse;top:12%;right:6%}.inferno__clone--2{animation-duration:2.6s;bottom:14%;left:10%}.inferno__clone--3{animation-duration:3.2s;animation-direction:reverse;bottom:10%;right:8%}.inferno__hero{z-index:4;flex-direction:column;align-items:center;gap:.35rem;animation:.55s cubic-bezier(.34,1.7,.64,1) both sprankee-pop;display:flex;position:relative}.inferno__sprankee{object-fit:contain;filter:drop-shadow(0 0 40px #ff4d00)drop-shadow(0 20px 40px #000000a6);width:min(78vw,380px);height:auto;animation:.35s ease-in-out .4s 8 sprankee-freakout}.inferno__no{font-family:var(--font-brand);color:var(--cream-ash);text-shadow:0 0 28px #ff4d00, 5px 5px 0 var(--ember), -3px -3px 0 #8b0000, 0 0 60px #f04;font-size:clamp(3.2rem,14vw,6rem);animation:.45s cubic-bezier(.34,1.7,.64,1) .12s both no-slam}.inferno__sub{font-family:var(--font-brand);color:var(--spark);letter-spacing:.2em;font-size:clamp(.85rem,3vw,1.2rem);animation:.4s cubic-bezier(.34,1.56,.64,1) .28s both no-slam}.inferno__siren{width:200%;font-family:var(--font-brand);color:#ffe566d9;white-space:nowrap;text-shadow:0 0 20px #ff4d00e6;font-size:clamp(1.4rem,5vw,2.4rem);animation:2.2s linear infinite siren-scroll;position:absolute;bottom:8%;left:0}@keyframes brand-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-chaos{0%,to{transform:translateY(0)rotate(-4deg)scale(1)}25%{transform:translateY(-8px)rotate(6deg)scale(1.05)}50%{transform:translateY(2px)rotate(-8deg)scale(.97)}75%{transform:translateY(-5px)rotate(3deg)scale(1.04)}}@keyframes typing-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.95}70%{opacity:.55}to{opacity:0;transform:translateY(-105vh)translate(30px)scale(.3)}}@keyframes hearth-pulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes stripe-crawl{0%{transform:translate(0)}to{transform:translate(40px)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-spin{0%{transform:rotate(-180deg)scale(.2)}to{transform:rotate(0)scale(1)}}@keyframes no-jiggle{0%{transform:scale(1.3)rotate(-4deg)}40%{transform:scale(.95)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)rotate(-1deg)}}@keyframes button-throb{0%,to{box-shadow:0 6px 24px #ff4d0073}50%{box-shadow:0 6px 36px #ffe566a6}}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-10px,6px)rotate(-1deg)}20%{transform:translate(12px,-8px)rotate(1.2deg)}30%{transform:translate(-9px,-5px)rotate(-.8deg)}40%{transform:translate(8px,7px)rotate(.9deg)}50%{transform:translate(-6px,3px)rotate(-.5deg)}60%{transform:translate(7px,-4px)rotate(.6deg)}75%{transform:translate(-3px,2px)}}@keyframes hue-freak{0%{filter:hue-rotate()saturate()}20%{filter:hue-rotate(80deg)saturate(2)contrast(1.2)}40%{filter:hue-rotate(180deg)saturate(1.5)}60%{filter:hue-rotate(260deg)saturate(2.2)contrast(1.3)}80%{filter:hue-rotate(40deg)saturate(1.8)}to{filter:hue-rotate()saturate()}}@keyframes brand-glitch{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-1px)}}@keyframes glitch-a{0%,90%,to{opacity:0}92%{opacity:.8;transform:translate(-4px,1px)}94%{opacity:.6;transform:translate(3px,-2px)}}@keyframes glitch-b{0%,88%,to{opacity:0}91%{opacity:.7;transform:translate(4px,-1px)}93%{opacity:.5;transform:translate(-3px,2px)}}@keyframes inferno-in{0%{opacity:0}to{opacity:1}}@keyframes white-flash{0%{opacity:.85}to{opacity:0}}@keyframes flame-lick{0%{opacity:0;transform:scaleY(.15)translateY(50px)skew(8deg)}20%{opacity:1}50%{opacity:1;transform:scaleY(1.1)translateY(0)skew(-4deg)scaleX(1.1)}to{opacity:0;transform:scaleY(1.4)translateY(-35%)skew(6deg)scaleX(.85)}}@keyframes burst-pulse{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes sprankee-pop{0%{opacity:0;transform:scale(.1)rotate(-25deg)}70%{transform:scale(1.15)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sprankee-freakout{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-10deg)scale(1.08)translate(-8px)}50%{transform:rotate(8deg)scale(1.12)translateY(-6px)}75%{transform:rotate(-6deg)scale(1.05)translate(8px)}}@keyframes no-slam{0%{opacity:0;transform:scale(3)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes flying-no{0%{opacity:0;transform:rotate(var(--rot)) scale(.2) translateY(40px)}20%{opacity:1}to{opacity:0;transform:rotate(calc(var(--rot) + 40deg)) scale(var(--scale)) translateY(-120px)}}@keyframes clone-orbit{0%{opacity:0;transform:scale(.3)rotate(0)}15%{opacity:.65}to{opacity:0;transform:scale(1.2) rotate(calc(var(--spin-dir,1) * 360deg)) translateY(-30px)}}@keyframes siren-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=560px){.starters--grid,.app--chaos .composer{grid-template-columns:1fr}.brand--chaos{flex-direction:column;align-items:flex-start;gap:.65rem}}@media (prefers-reduced-motion:reduce){.app.is-shaking,.app.is-hue-freak,.brand__mark,.brand__name,.brand__name:before,.brand__name:after,.atmosphere__glow,.atmosphere__stripes,.ember,.flame,.inferno__burst,.inferno__hero,.inferno__sprankee,.inferno__no,.inferno__sub,.inferno__flash,.inferno__siren,.inferno__clone,.flying-no,.ticker__track,.composer__send,.empty__hint,.row__text--typing span{animation:none!important}.ember,.flame,.flying-no,.inferno__flash{opacity:0}.inferno__hero,.inferno__no,.inferno__sub{opacity:1}}