@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Ranchers&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #121212;--panel: #ffffff;--ink: #000000;--text: #ffffff;--volt: #ccff00;--danger: #ff7a7a;--cyan: #98f5ff;--pink: #ff8ad8;--shadow: 8px 8px 0 var(--ink);--border: 4px solid var(--ink);--section-line: 8px solid var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(204,255,0,.14),transparent 25%),linear-gradient(135deg,rgba(255,138,216,.08),transparent 30%),repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(255,255,255,.03) 18px,rgba(255,255,255,.03) 19px),var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif}button,textarea,a{font:inherit}a{color:inherit}.app-shell{min-height:100vh;position:relative}.session-mode{background:radial-gradient(circle at center,rgba(204,255,0,.08),transparent 28%),linear-gradient(180deg,rgba(255,138,216,.08),transparent 22%),var(--bg)}.flash-layer{top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;background:linear-gradient(135deg,#ccff00d1,#ffffff38)}.match-burst .flash-layer{animation:flash-bang .55s steps(2,end)}.danger-zone{animation:stomp .22s steps(2,end) infinite alternate}.topbar{background:var(--panel);border-bottom:var(--section-line);color:var(--ink);display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem}.brand-block{display:flex;align-items:center;gap:1rem}.brand-block h1,.hero-panel h2,.state-card h3,.info-card .section-tag+p,.vibe-name,.faq-question{font-family:Ranchers,cursive;letter-spacing:.04em;margin:0}.brand-block h1{font-size:clamp(2rem,5vw,3.4rem)}.brand-mark{width:72px;height:72px;background:var(--volt);border:var(--border);box-shadow:var(--shadow);display:grid;place-items:center;font-size:1.6rem;font-family:Ranchers,cursive;transform:rotate(-3deg)}.eyebrow,.label,.section-tag,.vertical-rail,.proof-strip span,.micro-ribbon span,.danger-pill,.micro-hint{font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.page-grid{display:grid;grid-template-columns:1.2fr 1.1fr .75fr;gap:1.25rem;padding:1.25rem}.hero-panel,.content-panel>*,.comparison-card,.info-card{background:var(--panel);border:var(--border);box-shadow:var(--shadow);color:var(--ink)}.hero-panel{min-height:72vh;padding:2rem;overflow:hidden;position:relative}.sticker-row{display:flex;flex-wrap:wrap;gap:.8rem}.sticker{display:inline-block;margin:0;padding:.45rem .8rem;background:var(--volt);border:var(--border);box-shadow:6px 6px 0 var(--ink);font-family:Space Mono,monospace;transform:rotate(-3deg)}.sticker.tilt-right{background:var(--cyan);transform:rotate(4deg)}.vertical-rail{position:absolute;top:1.5rem;right:1rem;writing-mode:vertical-rl;text-orientation:mixed;font-size:.8rem}.hero-panel h2{font-size:clamp(4rem,11vw,8.4rem);line-height:.88;max-width:8ch;margin-top:1rem}.hero-copy{max-width:25ch;font-size:clamp(1rem,2vw,1.35rem);font-weight:800}.hero-subcopy{max-width:32ch;font-family:Space Mono,monospace;font-size:.92rem;text-transform:uppercase}.signal-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.signal-box,.micro-ribbon,.danger-pill{border:var(--border)}.signal-box{padding:1rem;background:#f3f3f3}.signal-box.neon{background:var(--volt)}.micro-ribbon{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem;padding:.8rem;background:#f1f1f1}.content-panel>*{width:100%;padding:1.5rem}.session-scene{display:grid;grid-template-columns:.75fr 1.25fr;gap:1.25rem;padding:1.25rem;min-height:calc(100vh - 112px)}.session-sidebar,.session-stage{border:var(--border);box-shadow:var(--shadow);background:var(--panel);color:var(--ink)}.session-sidebar{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,rgba(152,245,255,.2),transparent 40%),#fff}.session-sidebar h2{font-family:Ranchers,cursive;font-size:clamp(3rem,6vw,5rem);line-height:.9;margin:0}.session-copy{max-width:28ch;font-weight:700}.session-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.session-stat{border:var(--border);padding:.85rem;background:#f7f7f7}.session-stat.neon{background:var(--volt)}.session-microstack{display:flex;flex-direction:column;gap:.6rem}.session-microstack span{width:fit-content;border:var(--border);box-shadow:4px 4px 0 var(--ink);padding:.45rem .6rem;font-family:Space Mono,monospace;text-transform:uppercase;background:#fff}.session-microstack span:nth-child(2){background:var(--pink)}.session-microstack span:nth-child(3){background:var(--cyan)}.session-stage{padding:1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(204,255,0,.12),transparent 26%),linear-gradient(315deg,rgba(152,245,255,.1),transparent 22%),#fff}.session-card,.session-chat-shell{width:min(100%,880px)}.session-chat-shell{min-height:78vh}.section-header{border-bottom:var(--section-line);padding-bottom:1rem;margin-bottom:1.25rem}.selection-nudge{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .9rem;border:var(--border);box-shadow:6px 6px 0 var(--ink);background:var(--cyan);transform:rotate(-2deg)}.selection-nudge p{margin:0;font-family:Space Mono,monospace;text-transform:uppercase}.selection-arrow{font-family:Ranchers,cursive;font-size:2rem;line-height:1}.vibe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vibe-card,.brutal-button,.brutal-link{border:var(--border);box-shadow:var(--shadow);background:var(--panel);cursor:pointer;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),background .12s steps(2,end)}.vibe-card{display:flex;flex-direction:column;gap:.7rem;min-height:220px;padding:1rem;text-align:left;transform:rotate(var(--card-tilt, 0deg));position:relative;overflow:hidden}.vibe-card.sad{background:#e8f1ff}.vibe-card.dark{background:#d5d5d5}.vibe-card.deep{background:#dff7f0}.vibe-card.chaos{background:#ffe6a8}.vibe-card.wild{background:linear-gradient(135deg,#ffb6ec,#98f5ff)}.vibe-card:after{content:"tap me";position:absolute;top:.7rem;right:.7rem;padding:.2rem .45rem;border:3px solid var(--ink);background:#fff;font-family:Space Mono,monospace;font-size:.72rem;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);opacity:0;transform:translateY(-6px) rotate(8deg);transition:opacity .12s steps(2,end),transform .12s steps(2,end)}.vibe-card:hover,.brutal-button:hover,.brutal-link:hover{transform:translate(4px,4px) rotate(1deg);box-shadow:4px 4px 0 var(--ink)}.vibe-card:hover:after,.vibe-card:focus-visible:after{opacity:1;transform:translateY(0) rotate(4deg)}.vibe-emoji{font-size:2.2rem}.vibe-emoji-image,.matching-emoji-image{width:74px;height:74px;object-fit:contain;display:block}.vibe-card.sad .vibe-emoji-image{animation:mood-sad 2.4s ease-in-out infinite}.vibe-card.dark .vibe-emoji-image{animation:mood-dark 1.8s steps(2,end) infinite}.vibe-card.deep .vibe-emoji-image{animation:mood-deep 3.2s ease-in-out infinite}.vibe-card.chaos .vibe-emoji-image{animation:mood-chaos 1.4s steps(2,end) infinite}.vibe-card.wild .vibe-emoji-image{animation:mood-wild 2.2s linear infinite}.vibe-card:focus-visible{outline:4px solid var(--ink);outline-offset:6px}.chat-vibe-image{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:.35rem}.vibe-name{font-size:2rem;line-height:1}.proof-strip{margin-top:1.25rem;border-top:var(--section-line);padding-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.proof-strip span{background:var(--volt);border:var(--border);padding:.5rem .75rem}.brutal-button,.brutal-link{padding:.85rem 1.1rem;font-family:Space Mono,monospace;text-transform:uppercase;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.brutal-button.invert,.brutal-link{background:var(--volt)}.wiggle{animation:wiggle 2.1s steps(2,end) infinite}.state-card,.chat-shell{display:flex;flex-direction:column;gap:1rem;min-height:100%}.state-card{justify-content:center}.matching-emoji{font-size:4rem}.sub-rant,.mini-copy{margin:0;font-size:.95rem}.loader-grid{display:grid;grid-template-columns:repeat(4,22px);gap:.65rem}.loader-grid span{width:22px;height:22px;border:var(--border);background:var(--volt);animation:blink .6s steps(2,end) infinite alternate}.chaotic-loader span:nth-child(2){background:var(--pink);animation-delay:.1s}.chaotic-loader span:nth-child(3){background:var(--cyan);animation-delay:.2s}.chaotic-loader span:nth-child(4){background:#ffd36d;animation-delay:.3s}.chat-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:var(--section-line);padding-bottom:1rem}.timer-box{background:var(--volt);border:var(--border);box-shadow:var(--shadow);padding:.7rem 1rem;font-family:Space Mono,monospace;font-size:1.4rem;font-weight:700}.timer-box.critical{background:var(--danger);animation:blink-bg .8s steps(2,end) infinite}.danger-pill{padding:.8rem;background:var(--danger)}.fallback-pill{display:inline-flex;width:fit-content;padding:.7rem .9rem;border:var(--border);box-shadow:6px 6px 0 var(--ink);background:var(--pink);font-family:Space Mono,monospace;text-transform:uppercase}.chat-log{min-height:360px;max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;padding-right:.25rem}.message{border:var(--border);padding:.9rem;max-width:82%}.message p{margin:.45rem 0 0;white-space:pre-wrap;word-break:break-word}.message.self{align-self:flex-end;background:var(--volt)}.message.peer{align-self:flex-start;background:#f4f4f4}.message.system{align-self:center;background:var(--cyan);max-width:100%;text-align:center;transform:rotate(-1deg)}.typing-pill,.error-banner{display:inline-flex;width:fit-content;border:var(--border);padding:.6rem .8rem;font-family:Space Mono,monospace;text-transform:uppercase}.typing-pill{background:#f0f0f0}.error-banner{background:var(--danger);margin-top:1rem}.composer{border-top:var(--section-line);padding-top:1rem}.composer textarea{width:100%;resize:none;border:var(--border);padding:.9rem;min-height:110px}.composer-actions,.button-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.8rem}.micro-hint{flex:1}.blueprint-panel{display:flex;flex-direction:column;gap:1rem}.comparison-card,.info-card{padding:1rem}.faq-card{background:linear-gradient(135deg,rgba(152,245,255,.24),transparent 36%),linear-gradient(315deg,rgba(255,138,216,.12),transparent 30%),#fff;position:relative;overflow:hidden}.faq-card:before{content:"EMOTIONAL DAMAGE ARCHIVE";position:absolute;top:1rem;right:-2.8rem;padding:.35rem .75rem;border:var(--border);background:var(--volt);box-shadow:6px 6px 0 var(--ink);font-family:Space Mono,monospace;font-size:.72rem;transform:rotate(18deg)}.faq-card .section-tag{display:inline-block;margin-bottom:.6rem;padding:.38rem .7rem;border:var(--border);background:var(--cyan);box-shadow:4px 4px 0 var(--ink)}.developer-card{background:linear-gradient(135deg,rgba(204,255,0,.22),transparent 42%),#fff}.developer-card p{font-family:Space Mono,monospace;font-size:.95rem;line-height:1.45;margin:.32rem 0;max-width:34ch}.developer-headline{font-family:Ranchers,cursive;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.92;margin:.5rem 0 .75rem;max-width:8ch;text-transform:uppercase}.developer-letter{display:inline-block;margin:.2rem 0 .65rem;padding:.28rem .55rem;border:var(--border);box-shadow:4px 4px 0 var(--ink);background:var(--cyan);text-transform:uppercase}.developer-punch,.developer-outro{font-family:Ranchers,cursive;font-size:1.45rem;line-height:1;letter-spacing:.03em;max-width:18ch}.developer-subhead{display:inline-block;margin:.8rem 0 .5rem;padding:.3rem .55rem;border:var(--border);box-shadow:4px 4px 0 var(--ink);background:var(--pink);text-transform:uppercase}.comparison-card.tilted{transform:rotate(2deg)}.comparison-card{position:relative;overflow:hidden}.comparison-card:nth-child(1){background:linear-gradient(135deg,rgba(204,255,0,.18),transparent 42%),#fff}.comparison-card:nth-child(2){background:linear-gradient(135deg,rgba(255,138,216,.18),transparent 38%),#fff}.comparison-card:nth-child(3){background:linear-gradient(135deg,rgba(152,245,255,.18),transparent 36%),#fff}.comparison-card .section-tag{display:inline-block;margin-bottom:.75rem;padding:.35rem .65rem;border:var(--border);box-shadow:4px 4px 0 var(--ink);background:#fff06a}.comparison-card:nth-child(2) .section-tag{background:var(--pink)}.comparison-card:nth-child(3) .section-tag{background:var(--cyan)}.comparison-row{display:flex;justify-content:space-between;gap:1rem;border-top:var(--border);padding-top:.75rem;margin-top:.75rem}.side-content-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:1.25rem;padding:0 1.25rem 1.25rem}.faq-item{border-top:var(--border);padding-top:.8rem;margin-top:.8rem;background:#ffffff9e;position:relative}.faq-item:nth-child(odd){transform:rotate(-.5deg)}.faq-item:nth-child(2n){transform:rotate(.45deg)}.faq-aftercare{margin-top:1.4rem;padding:1rem;border:var(--border);box-shadow:6px 6px 0 var(--ink);background:linear-gradient(135deg,rgba(255,138,216,.18),transparent 45%),#f7f7f7}.faq-aftercare p{font-family:Space Mono,monospace;margin:.45rem 0;max-width:52ch}.faq-question,.faq-answer{margin:0}.faq-answer{margin-top:.3rem}.faq-question{display:inline-block;padding:.18rem .35rem;background:#fff06a}@keyframes flash-bang{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes blink{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(8deg)}}@keyframes blink-bg{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}@keyframes stomp{0%{transform:translate(0)}to{transform:translate(1px,-1px)}}@keyframes mood-sad{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(6px) scale(.96)}}@keyframes mood-dark{0%,to{transform:translateY(0) rotate(0);opacity:.95}50%{transform:translateY(-2px) rotate(-4deg);opacity:.72}}@keyframes mood-deep{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes mood-chaos{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.04)}50%{transform:rotate(8deg) scale(.97)}75%{transform:rotate(-5deg) scale(1.03)}}@keyframes mood-wild{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.06)}to{transform:rotate(360deg) scale(1)}}@media(max-width:1200px){.page-grid,.side-content-grid{grid-template-columns:1fr}.hero-panel{min-height:auto}.blueprint-panel{flex-direction:row;flex-wrap:wrap}.vibe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-scene{grid-template-columns:1fr}}@media(max-width:900px){.topbar{flex-direction:column;align-items:stretch}.signal-row,.vibe-grid,.side-content-grid,.blueprint-panel,.session-stats{grid-template-columns:1fr;flex-direction:column}.selection-nudge{display:flex;width:100%;transform:none}.vibe-card{min-height:unset;transform:none}.comparison-card.tilted{transform:none}.content-panel>*,.hero-panel,.comparison-card,.info-card,.session-sidebar,.session-stage{padding:1rem}}@media(max-width:720px){.topbar,.chat-topbar,.composer-actions,.button-row{flex-direction:column;align-items:stretch}.signal-row,.vibe-grid,.blueprint-panel{grid-template-columns:1fr;flex-direction:column}.page-grid,.side-content-grid,.session-scene{gap:.85rem;padding:.85rem}.brand-block{align-items:flex-start}.brand-mark{width:58px;height:58px}.hero-panel h2{font-size:clamp(3rem,18vw,4.8rem)}.vertical-rail,.micro-hint{display:none}.session-sidebar h2{font-size:clamp(2.4rem,14vw,3.6rem)}.session-copy,.hero-copy,.hero-subcopy,.developer-card p,.faq-aftercare p{max-width:none}.vibe-name{font-size:1.6rem}.vibe-emoji-image,.matching-emoji-image{width:60px;height:60px}.vibe-card:after{opacity:1;transform:translateY(0) rotate(4deg);font-size:.64rem}.chat-vibe-image{width:22px;height:22px}.fallback-pill,.typing-pill,.danger-pill,.error-banner{width:100%}.message{max-width:100%}}