@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap";@font-face{font-family:Stratum2;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/stratum2-regular-webfont.woff2)format("woff2"),url(/fonts/stratum2-regular-webfont.woff)format("woff")}@font-face{font-family:Stratum2;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/stratum2-medium-webfont.woff2)format("woff2"),url(/fonts/stratum2-medium-webfont.woff)format("woff")}@font-face{font-family:Stratum2;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/stratum2-bold-webfont.woff2)format("woff2"),url(/fonts/stratum2-bold-webfont.woff)format("woff")}:root{--font-ui:"Stratum2", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-chat:"Inter", system-ui, sans-serif;--bg-page-a:#090909;--bg-page-b:#161616;--card:#191919;--card-border:#2b2b2b;--input-bg:#0f0f0f;--input-border:#3d3d3d;--line:#676767;--pill-dark:#101411;--divider:#373737;--text:#f0f0f0;--text-dim:#a6a6a6;--text-mute:#707070;--accent-pink:#f84982;--chat-green:#00ff7f;--chat-blue:#4c9bea;--kofi:#72a4f2;--twitch:#8956fb;--radius-card:16px;--radius-field:8px;--app-pad:24px;--setup-width:336px;--shell-max:1250px}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:linear-gradient(126deg, var(--bg-page-a) 0%, var(--bg-page-b) 100%);min-height:100vh;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-attachment:fixed;overflow:hidden auto}#app{min-height:100vh;padding:var(--app-pad);justify-content:center;display:flex}.shell{max-width:var(--shell-max);flex:1;align-items:stretch;gap:16px;min-width:0;min-height:0;display:flex}.setup{width:var(--setup-width);background:var(--card);border:2px solid var(--card-border);border-radius:var(--radius-card);flex-direction:column;flex-shrink:0;gap:44px;padding:20px 24px;display:flex}.setup-head{flex-direction:column;gap:20px;display:flex}.setup-title-block{flex-direction:column;gap:8px;display:flex}.setup-title{letter-spacing:-.64px;color:var(--text);font-size:32px;font-weight:700;line-height:1}.setup-sub{font-family:var(--font-ui);color:var(--text-dim);font-size:12px;font-weight:400;line-height:1.35}.setup-sub a{color:var(--accent-pink);text-decoration:underline}.link-row{align-items:stretch;gap:6px;display:flex}.gh-chip{background:var(--pill-dark);border:1px solid var(--line);border-radius:var(--radius-field);align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:border-color .15s,transform 50ms;display:inline-flex}.gh-chip:hover{border-color:#8a8a8a}.gh-chip:active{transform:translateY(1px)}.gh-chip img{width:16px;height:16px;display:block}.gh-chip span{font-family:var(--font-mono);letter-spacing:-.24px;color:var(--text);font-size:12px;font-weight:700}.icon-btn{border:1px solid var(--line);border-radius:var(--radius-field);flex:1 0 0;justify-content:center;align-items:center;min-width:0;padding:8px;transition:filter .15s,transform 50ms;display:inline-flex}.icon-btn:hover{filter:brightness(1.08)}.icon-btn:active{transform:translateY(1px)}.icon-btn.kofi{background:var(--kofi)}.icon-btn.twitch{background:var(--twitch)}.icon-btn img{width:20px;height:20px;display:block}.setup-body{flex-direction:column;gap:32px;display:flex}.field{flex-direction:column;gap:12px;display:flex}.field.tz{gap:8px}.field-label{letter-spacing:-.24px;color:var(--text);font-size:12px;font-weight:700}.input{background:var(--input-bg);border-radius:var(--radius-field);height:42px;color:var(--text);font-family:var(--font-ui);border:1px solid #0000;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:border-color .15s}.input::placeholder{color:#5a5a5a}.input:focus{border-color:var(--line)}.field-msg{color:var(--text-dim);min-height:0;font-size:11px}.field-msg.error{color:#ff6b6b}.field-msg.ok{color:#7bd88f}.combo{position:relative}.combo-btn{background:var(--input-bg);border-radius:var(--radius-field);height:43px;color:var(--text);font-family:var(--font-ui);cursor:pointer;text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:16px;display:flex}.combo-btn:focus,.combo.open .combo-btn{border-color:var(--line);outline:none}.combo-btn .caret{width:12px;height:12px;color:var(--text-dim);flex-shrink:0;transition:transform .15s}.combo.open .combo-btn .caret{transform:rotate(180deg)}.combo-panel{z-index:30;border:1px solid var(--line);border-radius:var(--radius-field);background:#131313;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #0000008c}.combo.open .combo-panel{display:block}.combo-search{background:var(--input-bg);border:none;border-bottom:1px solid var(--card-border);width:100%;color:var(--text);font-family:var(--font-ui);outline:none;padding:10px 14px;font-size:14px}.combo-list{max-height:240px;overflow-y:auto}.combo-option{color:var(--text-dim);cursor:pointer;padding:9px 14px;font-size:14px}.combo-option:hover,.combo-option.active{color:var(--text);background:#1f1f1f}.combo-option[aria-selected=true]{color:var(--text)}.combo-empty{color:var(--text-mute);padding:12px 14px;font-size:13px}.divider{background:var(--divider);border-radius:10px;width:100%;height:1px}.output-block{flex-direction:column;gap:20px;display:flex}.output-stack{flex-direction:column;gap:32px;display:flex}.output-area{background:var(--input-bg);border-radius:var(--radius-field);min-height:176px;color:var(--text);font-family:var(--font-ui);resize:none;border:1px solid #0000;outline:none;width:100%;padding:12px 16px;font-size:16px;line-height:1.4;transition:border-color .15s}.output-area:focus{border-color:var(--line)}.dp-group{flex-direction:column;gap:12px;display:flex}.dp-head{align-items:center;gap:8px;display:flex}.dp-head img{width:16px;height:16px;display:block}.dp-head .cs-badge{object-fit:cover;border-radius:2px;width:16px;height:16px}.dp-head span{letter-spacing:-.32px;color:var(--text);font-size:16px;font-weight:500}.dp-btns{flex-wrap:wrap;gap:6px;display:flex}.dp-btn{background:var(--pill-dark);border:1px solid var(--line);border-radius:var(--radius-field);min-height:35px;font-family:var(--font-ui);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:12px;font-size:14px;font-weight:700;transition:border-color .12s,background .12s,transform 50ms;display:inline-flex}.dp-btn:hover{background:#161d17;border-color:#8a8a8a}.dp-btn:active{transform:translateY(1px)}.dp-btn.flash{border-color:var(--chat-green);color:var(--chat-green)}.setup-footer{flex-direction:column;align-items:center;gap:16px;margin-top:auto;display:flex}.brand{justify-content:center;align-items:center;display:flex}.brand img{width:auto;max-width:100%;height:32px;display:block}.brand span{font-family:"Cascadia Mono", var(--font-mono);color:var(--text);font-size:22px;font-weight:700}.footer-links{align-items:center;gap:12px;display:flex}.footer-links button{color:var(--text-mute);font-family:var(--font-ui);letter-spacing:-.28px;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.footer-links button:hover{color:var(--text-dim)}.footer-dot{background:var(--text-mute);border-radius:50%;width:3px;height:3px}.stage{flex-direction:column;flex:1 0 0;gap:16px;min-width:0;display:flex}.stage [hidden]{display:none!important}.empty-state{border:1px solid var(--card-border);border-radius:var(--radius-card);background:#18181b;flex:1 0 0;justify-content:center;align-items:center;min-height:320px;padding:32px 48px;display:flex}.empty-prompt{background:var(--pill-dark);border:2px solid var(--line);font-family:var(--font-ui);letter-spacing:-.4px;color:var(--text);text-align:center;border-radius:20px;max-width:100%;padding:clamp(20px,4vw,32px) clamp(24px,6vw,64px);font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040}.chat-card{border:1px solid var(--card-border);border-radius:var(--radius-card);background:#18181b;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;min-height:320px;padding:32px 48px;display:flex}.chat-lines{flex-direction:column;gap:19px;display:flex}.chat-line{font-family:var(--font-chat);letter-spacing:-.5149px;font-size:clamp(18px,2vw,25.75px);font-weight:700;line-height:1.25}.chat-body{min-width:0}.chat-badge{vertical-align:middle;border-radius:4px;flex-shrink:0;width:1.29em;height:1.29em;margin-right:.25em;display:inline-block}.chat-name-green{color:var(--chat-green)}.chat-name-blue{color:var(--chat-blue)}.chat-text{color:#fff;word-break:break-word}.chat-sep{color:#fff}.command-card{border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--card);padding:16px;display:flex}.command-inner{flex-direction:column;flex:1 0 0;gap:8px;min-width:0;display:flex}.command-label{letter-spacing:-.24px;color:#fff;font-size:12px;font-weight:500}.command-box{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-field);align-items:center;gap:12px;padding:12px 16px;display:flex}.command-text{min-width:0;font-family:var(--font-ui);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1 0 0;font-size:15px;font-weight:700;overflow:hidden}.copy-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;transition:color .15s;display:inline-flex}.copy-btn:hover{color:var(--text)}.copy-btn.copied{color:var(--chat-green)}.copy-btn svg{width:20px;height:20px;display:block}.modal-backdrop{z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);width:100%;max-width:640px;max-height:82vh;padding:28px;overflow-y:auto}.modal-title{margin-bottom:16px;font-size:22px;font-weight:700}.modal h3{margin:18px 0 6px;font-size:15px}.modal p,.modal li{color:var(--text-dim);font-size:13px;line-height:1.6}.modal ul{margin:6px 0 6px 18px}.modal a{color:var(--accent-pink)}.modal-close{background:var(--pill-dark);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-field);cursor:pointer;font-family:var(--font-ui);margin-top:20px;padding:10px 18px;font-size:14px}.cookie-banner{left:max(calc(var(--app-pad) + 8px), calc((100vw - var(--shell-max)) / 2 + 8px));bottom:calc(var(--app-pad) + 8px + env(safe-area-inset-bottom,0px));width:calc(var(--setup-width) - 16px);z-index:45;background:var(--card);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex;position:fixed;box-shadow:0 16px 40px #00000080}.cookie-banner[hidden]{display:none}.cookie-logo{align-self:flex-start;width:auto;max-width:100%;height:26px;display:block}.cookie-copy{flex-direction:column;gap:6px;display:flex}.cookie-title{font-family:var(--font-ui);letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:700;line-height:1.1}.cookie-text{color:var(--text-dim);font-size:13px;line-height:1.5}.cookie-privacy{cursor:pointer;font-family:var(--font-ui);color:var(--text-dim);text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline;transition:color .15s}.cookie-privacy:hover{color:var(--text)}.cookie-actions{gap:8px;display:flex}.cookie-btn{cursor:pointer;font-family:var(--font-ui);border-radius:var(--radius-field);border:1px solid var(--line);padding:8px 16px;font-size:13px;font-weight:600;transition:filter .15s,background .15s}.cookie-reject{background:var(--pill-dark);color:var(--text)}.cookie-reject:hover{color:var(--text);background:#1a1a1a}.cookie-accept{background:var(--chat-green);border-color:var(--chat-green);color:#06210f;font-weight:700}.cookie-accept:hover{filter:brightness(1.08)}.cookie-banner .cookie-actions{gap:10px;margin-top:2px}.cookie-banner .cookie-btn{text-transform:uppercase;letter-spacing:.04em;flex:1;padding:10px 12px}.modal-consent{flex-wrap:wrap;align-items:center;margin:12px 0 18px}.consent-state{min-width:140px;color:var(--text-dim);flex:1;font-size:12px}.cookie-btn.is-active{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--chat-green);position:relative}.cookie-reject.is-active{border-color:var(--chat-green);color:var(--text)}.cookie-accept.is-active{border-color:var(--chat-green)}.cookie-btn.is-active:after{content:"✓";margin-left:6px;font-size:12px}@media (width<=900px){.shell{flex-direction:column}.setup,.stage{width:100%}.chat-card,.empty-state{min-height:220px;padding:24px}.cookie-banner{left:var(--app-pad);right:var(--app-pad);width:auto;max-width:440px}}