@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";:root{font-family:Rubik,Avenir Next,Gill Sans,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #080b14;--panel: #0e1120;--panel-border: rgba(168, 85, 247, .2);--text: #eae6f4;--muted: #8b82a8;--control-label: var(--text);--accent: #c084fc;--accent-strong: #a855f7;--accent-glow: #7c3aed;--correct: #a78bfa;--incorrect: #f87171;--missed: var(--muted);--caret: #c084fc;--shadow: 0 20px 60px rgba(0, 0, 0, .75), 0 4px 24px rgba(124, 58, 237, .2);--shadow-neon: 0 0 18px rgba(192, 132, 252, .35), 0 0 40px rgba(124, 58, 237, .2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}[data-theme=white],[data-theme=light]{--bg: #ffffff;--panel: #e4ecf7;--panel-border: rgba(16, 24, 40, .08);--text: #0f172a;--muted: #5b6472;--control-label: #0b1220;--accent: #306fed;--accent-strong: #2259d4;--accent-glow: var(--accent);--correct: #306fed;--incorrect: #e05c5c;--missed: #a5adba;--caret: #306fed;--shadow: 0 18px 40px rgba(15, 23, 42, .12), 0 6px 16px rgba(15, 23, 42, .08);--shadow-neon: 0 0 16px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 15%, transparent)}[data-theme=dark]{--bg: #080b14;--panel: #0e1120;--panel-border: rgba(168, 85, 247, .2);--text: #eae6f4;--muted: #8b82a8;--control-label: #eae6f4;--accent: #c084fc;--accent-strong: #a855f7;--accent-glow: #7c3aed;--correct: #a78bfa;--incorrect: #f87171;--missed: var(--muted);--caret: #c084fc;--shadow: 0 20px 60px rgba(0, 0, 0, .75), 0 4px 24px rgba(124, 58, 237, .2);--shadow-neon: 0 0 18px rgba(192, 132, 252, .35), 0 0 40px rgba(124, 58, 237, .2)}#root{min-height:100vh;min-height:100dvh}.app{--typing-shell-width: min(100%, 980px);--ui-shell-width: min(100%, 1560px);--typing-shell-padding: clamp(1.5rem, 3vw, 2.5rem);--app-side-offset: clamp(2.5rem, 5vw, 5rem);--panel-side-offset: clamp(1.25rem, 3vw, 3rem);--ui-inline-padding: clamp(.18rem, .4vw, .32rem);--ui-edge-offset: clamp(.15625rem, .4vw, .375rem);--footer-bottom: 2rem;--panel-liquid: linear-gradient(135deg, color-mix(in srgb, var(--panel) 85%, #fff 15%), color-mix(in srgb, var(--accent) 18%, var(--panel) 82%));--panel-liquid-soft: linear-gradient(135deg, color-mix(in srgb, #fff 70%, var(--panel) 30%), color-mix(in srgb, var(--accent) 12%, var(--panel) 88%));--panel-accent: color-mix(in srgb, var(--accent) 70%, #fff 30%);--panel-solid: var(--panel-liquid-soft);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem var(--app-side-offset) 3rem}.app.mode-vibe{--typing-shell-width: min(100%, 1560px);--typing-shell-padding: clamp(.18rem, .4vw, .32rem);--app-side-offset: clamp(.3125rem, .6vw, .625rem);--panel-side-offset: clamp(.15625rem, .4vw, .375rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:var(--ui-shell-width);margin:0 auto;padding-inline:var(--ui-inline-padding)}.brand-block{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.12rem}.brand{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;background:none;border:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.brand-title{font-size:clamp(1.5rem,1.5vw,2rem);font-weight:950;letter-spacing:-.03em;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.25rem;color:var(--text)}.brand-ghost{display:flex;align-items:center;justify-content:center;color:var(--accent);flex:0 0 auto}.brand-ghost-svg{width:1.6rem;height:1.6rem;display:block;flex-shrink:0;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent))}.brand-word{display:inline}.brand-word-left{padding-right:0}.brand-word-right{padding-left:0}.brand-subtitle{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:.5rem}.brand-mode-badge{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}[data-theme=dark] .brand-mode-badge{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.prompt-avatar-initials{width:64px;height:64px;border-radius:16px;border:2px solid rgba(0,0,0,.85);box-shadow:0 4px 10px #0000002e;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;background:color-mix(in srgb,var(--accent) 15%,var(--panel) 85%);color:var(--accent);text-transform:uppercase}[data-theme=dark] .prompt-avatar-initials{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}.result-history-table{width:100%;border-collapse:collapse;font-size:.72rem;margin-top:.2rem}.result-history-table th{text-align:left;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;padding:0 0 .28rem;border-bottom:1px solid rgba(15,23,42,.08)}.result-history-table th:last-child{text-align:right}.result-history-table td{padding:.22rem 0;color:var(--muted);border-bottom:1px solid rgba(15,23,42,.04);font-variant-numeric:tabular-nums}.result-history-table td:last-child{text-align:right;color:var(--text);font-weight:700}.result-history-table tr:last-child td{border-bottom:none}[data-theme=dark] .result-history-table th{border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:color-mix(in srgb,var(--accent) 60%,transparent)}[data-theme=dark] .result-history-table td{border-color:color-mix(in srgb,var(--accent) 12%,transparent)}.controls{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:flex-end;margin-right:0}.welcome-overlay{position:fixed;inset:0;min-height:100dvh;z-index:90;display:grid;place-items:center;padding:1.25rem;background:color-mix(in srgb,var(--bg) 60%,rgba(0,0,0,.45) 40%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.welcome-modal{width:min(820px,calc(100vw - 2rem));max-height:min(88vh,760px);overflow:auto;border-radius:1.3rem;border:1px solid color-mix(in srgb,var(--panel-border) 85%,transparent);background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:var(--shadow);padding:clamp(1.1rem,2.4vw,1.8rem);display:grid;gap:1rem}.welcome-header{display:grid;gap:.45rem}.welcome-eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.welcome-header h2{margin:0;color:var(--text);font-size:clamp(1.15rem,2.6vw,1.6rem);letter-spacing:-.01em;line-height:1.22}.welcome-subtitle{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.welcome-actions{display:flex;justify-content:flex-end;gap:.55rem}.welcome-button{border-radius:999px;border:1px solid transparent;font-size:.86rem;font-weight:700;padding:.42rem .95rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.welcome-button:hover{transform:translateY(-1px)}.welcome-button.secondary{background:color-mix(in srgb,var(--panel) 84%,transparent);border-color:color-mix(in srgb,var(--panel-border) 90%,transparent);color:var(--text)}.welcome-button.primary{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:#fff}[data-theme=dark] .welcome-overlay{background:color-mix(in srgb,var(--bg) 65%,rgba(0,0,0,.6) 35%)}[data-theme=dark] .welcome-modal{box-shadow:var(--shadow),var(--shadow-neon)}.control-group{display:flex;flex-direction:column;gap:.4rem;align-items:center}.control-label{font-size:.85rem;text-transform:none;letter-spacing:.08em;color:var(--text);text-align:center;font-weight:700;white-space:nowrap}.segment{display:inline-flex;gap:.4rem;padding:.4rem;border-radius:999px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.segment button{border:none;border-radius:999px;padding:.45rem .9rem;font-size:.9rem;background:transparent;color:var(--muted);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.slide-menu{position:relative;min-width:200px}.control-group .segment{width:100%}.segment-trigger{width:100%;border:none;border-radius:999px;padding:.55rem 1rem;background:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:var(--shadow);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-height:40px;text-transform:none}.segment-trigger:hover{transform:translateY(-1px)}.slide-panel{position:absolute;left:0;right:0;top:calc(100% + .45rem);background:var(--panel);border:1px solid var(--panel-border);border-radius:1rem;padding:.4rem;display:flex;flex-direction:column;gap:.35rem;opacity:0;transform:translateY(-8px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity .2s ease,transform .2s ease,max-height .2s ease;z-index:20}.slide-panel.right{left:auto;right:0;transform:translate(16px)}.slide-panel.right.open{transform:translate(0)}.slide-panel.open{opacity:1;transform:translateY(0);pointer-events:auto;max-height:400px}.slide-option{border:none;border-radius:.8rem;padding:.5rem .8rem;text-align:left;background:transparent;color:var(--text);cursor:pointer;transition:background .2s ease,color .2s ease;font-size:.95rem;min-height:36px}.slide-option:hover{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.slide-option.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.slide-option:disabled{opacity:.5;cursor:not-allowed}.sfx-switch{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:transparent;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text);padding:.35rem .4rem;border-radius:999px;box-shadow:none;border:none}.sfx-icon{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.sfx-icon svg{width:27px;height:27px}.sfx-switch.on .sfx-icon{color:var(--panel-accent)}.sfx-switch.on .sfx-icon svg{filter:none}.sfx-track{width:38px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--panel-accent) 28%,transparent);border:1px solid color-mix(in srgb,var(--panel-accent) 55%,transparent);display:inline-flex;align-items:center;padding:2px;transition:background .2s ease,border .2s ease}.sfx-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);transform:translate(0);transition:transform .2s ease,background .2s ease}.sfx-switch.on .sfx-track{background:color-mix(in srgb,var(--panel-accent) 42%,transparent);border:1px solid color-mix(in srgb,var(--panel-accent) 70%,transparent)}.sfx-switch.on .sfx-thumb{background:var(--panel-accent);transform:translate(18px)}.sfx-state{min-width:24px;text-align:left}.segment button.sfx-toggle{min-width:3.4rem}.segment button.active{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px #fff3}.segment button:disabled{opacity:.4;cursor:not-allowed}.main{display:flex;flex-direction:column;gap:.4rem;flex:1;align-items:center}.prompt-card{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;border-radius:1rem;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);max-width:min(420px,100%);width:fit-content;justify-content:flex-start;animation:prompt-reveal .35s ease;align-self:flex-start;margin-left:var(--typing-shell-padding);min-height:calc(64px + 1.1rem);margin-top:0}.prompt-card.ghost{visibility:hidden;pointer-events:none}.prompt-stack{width:var(--typing-shell-width);margin:0 auto;display:flex;flex-direction:column;gap:1.1rem}.prompt-avatar{width:64px;height:64px;border-radius:16px;object-fit:cover;border:2px solid rgba(0,0,0,.85);box-shadow:0 4px 10px #0000002e;background:color-mix(in srgb,var(--panel) 60%,transparent);flex-shrink:0}.prompt-meta{display:flex;flex-direction:column;gap:.2rem}.prompt-title{font-size:1.05rem;font-weight:700;color:var(--text)}.prompt-subtitle{font-size:.7rem;text-transform:none;letter-spacing:.06em;color:var(--muted);line-height:1.4;font-style:italic}@keyframes prompt-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timer-center{display:flex;justify-content:center;width:100%;margin-top:.1rem;margin-bottom:.1rem}.timer-ring{position:relative;width:100px;height:100px;border-radius:50%}.timer-ring:after{content:"";position:absolute;inset:16px;border-radius:50%;pointer-events:none;opacity:.45;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent);transition:opacity .3s ease,box-shadow .3s ease}.timer-ring-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.timer-ring-bg{fill:none;stroke:color-mix(in srgb,var(--accent) 25%,var(--panel) 75%);stroke-width:5}.timer-ring-fg{fill:none;stroke:var(--panel-accent);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .2s ease}.timer-ring--active .timer-ring-fg{stroke:color-mix(in srgb,var(--panel-accent) 82%,#fff 18%)}.timer-ring--active:after{opacity:.72;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 60%,transparent)}.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}.timer-numeric{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;letter-spacing:.06em;color:var(--text)}.stats-line{width:var(--typing-shell-width);display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;margin-top:1.4rem;opacity:0;transform:translateY(-6px);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.stats-line.visible{opacity:1;transform:translateY(0)}.stats-line.hidden{opacity:0;transform:translateY(-6px)}.stat-item{display:inline-flex;align-items:baseline;gap:.5rem}.stat-label{opacity:.7}.stat-value{color:var(--text);font-size:1rem;font-weight:600;letter-spacing:.04em}.panel-board-wrap{position:fixed;right:max(var(--ui-edge-offset),calc((100vw - var(--ui-shell-width)) / 2 + var(--ui-inline-padding)));bottom:var(--footer-bottom);z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;isolation:isolate}.panel-board{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:0;padding:.22rem;border-radius:999px;background:var(--db-bg);box-shadow:var(--db-shadow);overflow:visible}[data-theme=white] .panel-anchor,[data-theme=light] .panel-anchor{--db-bg: #f0f4f8;--db-shadow: 0 8px 32px rgba(48, 111, 237, .18), 0 2px 8px rgba(48, 111, 237, .1), 0 0 24px rgba(48, 111, 237, .1);--db-text: #111827;--db-hover-ring: rgba(48, 111, 237, .45);--db-active-ring: #306fed;--db-menu-bg: #f0f4f8;--db-option-hover-ring: rgba(48, 111, 237, .4);--db-option-active-ring: #306fed;--db-icon-theme: #306fed}[data-theme=dark] .panel-anchor{--db-bg: color-mix(in srgb, var(--accent) 18%, var(--panel) 82%);--db-shadow: var(--shadow-neon);--db-text: var(--text);--db-hover-ring: color-mix(in srgb, var(--accent) 70%, transparent);--db-active-ring: var(--accent-strong);--db-menu-bg: color-mix(in srgb, var(--accent) 22%, var(--panel) 78%);--db-option-hover-ring: color-mix(in srgb, var(--accent) 60%, transparent);--db-option-active-ring: var(--accent-strong);--db-icon-theme: var(--accent)}[data-theme=dark] .app{position:relative;z-index:2}.panel-tab{position:static;flex:0 0 auto}.panel-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;padding:.42rem .9rem;border:1.5px solid transparent;border-radius:999px;background:transparent;color:var(--db-text);font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:border-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.panel-trigger:hover{border-color:var(--db-hover-ring)}.panel-trigger.open{border-color:var(--db-active-ring)}.panel-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:12px;height:12px;margin-left:.1rem;transition:transform .25s cubic-bezier(.22,1,.36,1)}.panel-chevron svg{width:12px;height:12px}.panel-trigger.open .panel-chevron{transform:rotate(180deg)}.panel-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--db-text)}.panel-icon svg{width:16px;height:16px}.panel-icon.theme-icon{color:var(--db-icon-theme)}.panel-text{display:inline-flex;align-items:center}.panel-label{font-size:.82rem;font-weight:600;color:var(--db-text);letter-spacing:.01em;white-space:nowrap}.panel-value{display:none}.panel-anchor{position:relative;display:flex;flex-direction:column;align-items:flex-end}.panel-row,.panel-row-wide{position:absolute;bottom:calc(100% + .55rem);right:0;left:auto;display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.22rem;padding:.26rem .3rem;border-radius:999px;background:var(--db-menu-bg);box-shadow:var(--db-shadow);opacity:0;transform:scaleX(.4) translate(12px);transform-origin:right center;pointer-events:none;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);z-index:50;overflow:visible;white-space:nowrap}.panel-row.open,.panel-row-wide.open{opacity:1;transform:scaleX(1) translate(0);pointer-events:auto}.panel-row-option{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1.5px solid transparent;border-radius:999px;padding:.3rem .75rem;background:transparent;color:var(--db-text);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.panel-row-option:hover:not(:disabled){border-color:var(--db-option-hover-ring);background:color-mix(in srgb,var(--db-option-hover-ring) 18%,transparent);color:var(--db-active-ring)}.panel-row-option.active{border-color:var(--db-option-active-ring);background:color-mix(in srgb,var(--db-option-active-ring) 14%,transparent);color:var(--db-active-ring)}.panel-row-option:disabled{opacity:.45;cursor:not-allowed}.panel-row-check{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0}.panel-row-check svg{width:12px;height:12px;stroke:var(--db-active-ring)}.panel-dropdown,.panel-option{display:none}.typing-shell{position:relative;padding:var(--typing-shell-padding);border-radius:1.5rem;background:transparent;border:none;box-shadow:none;width:var(--typing-shell-width);margin:0;transition:opacity .18s ease}.mode-vibe .typing-shell{margin-top:0}.mode-vibe .prompt-stack{gap:0;margin-top:clamp(2.2rem,2.6vw,2.8rem)}.mode-vibe .prompt-card.ghost{display:none!important}.emoji-layer{position:absolute;inset:0;pointer-events:none;overflow:visible}.emoji-burst{position:absolute;font-size:1.3rem;animation:emoji-float 1.2s ease-out forwards;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}.emoji-burst.good,.emoji-burst.bad{animation-delay:0s}.emoji-burst.combo{animation-delay:0s;font-size:1.5rem}.combo-burst{position:absolute;font-size:1.1rem;font-weight:800;letter-spacing:.12em;padding:.2rem .6rem;border-radius:999px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 12px color-mix(in srgb,var(--accent) 70%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,#fff 20%),var(--accent));border:2px solid color-mix(in srgb,var(--accent) 60%,#fff 40%);transform:translate(-50%) skew(-6deg);animation:combo-pop 1.2s ease-out forwards}@keyframes combo-pop{0%{transform:translate(-50%) scale(.8) skew(-6deg);opacity:.9}40%{transform:translate(-50%,-12px) scale(1.05) skew(-6deg);opacity:1}to{transform:translate(-50%,-42px) scale(.95) skew(-6deg);opacity:0}}@keyframes emoji-float{0%{transform:translate(-50%) scale(1);opacity:.9}70%{opacity:.7}to{transform:translate(-50%,-48px) scale(.85);opacity:0}}.progress-bar-wrap{width:450px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel) 90%);overflow:hidden;margin:0 auto;opacity:0;transition:opacity .2s ease}.mode-vibe .progress-bar-wrap{margin-top:3.3rem}.progress-bar-wrap.visible{opacity:1}.progress-bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width 5ms linear}[data-theme=dark] .progress-bar-fill{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb,var(--accent) 60%,transparent)}.typing-shell.fading{opacity:0;pointer-events:none}@keyframes caret-pulse{0%,to{opacity:1}50%{opacity:.35}}.typing-char.current:after{content:"";position:absolute;left:0;bottom:.05em;width:100%;height:.11em;background:var(--caret);border-radius:999px;animation:caret-pulse 1.1s ease-in-out infinite}[data-theme=dark] .typing-char.current:after{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent),0 0 16px color-mix(in srgb,var(--accent-glow) 70%,transparent)}.typing-char{position:relative;white-space:pre;color:inherit;display:inline-block;transition:color .07s ease,transform .07s ease}.typing-char.correct{color:var(--correct);transform:scale(1.02)}.typing-char.incorrect{color:var(--incorrect)}.typing-char.missed{color:var(--missed)}.typing-char.space{min-width:.6ch}.result-panel{position:fixed;top:53%;left:50%;transform:translate(-50%,-50%);z-index:50;display:flex;flex-wrap:wrap;gap:0;width:min(620px,calc(100vw - 2rem));max-height:90vh;overflow:hidden;background:var(--panel);border-radius:1.4rem;border:1px solid var(--panel-border);box-shadow:var(--shadow);animation:result-card-in .3s cubic-bezier(.2,0,.2,1) forwards}.mode-investors .prompt-card,.mode-anime .prompt-card,.mode-gaming .prompt-card{margin-top:-.9rem}.mode-investors.results-open .prompt-card,.mode-anime.results-open .prompt-card,.mode-gaming.results-open .prompt-card{display:none}@keyframes result-card-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.result-panel>.result-card{padding:.9rem 1.1rem;border-right:1px solid rgba(15,23,42,.07);border-bottom:1px solid rgba(15,23,42,.07);flex:1 1 50%;min-width:0;display:flex;flex-direction:column;gap:.35rem;background:transparent;border-radius:0;box-shadow:none}.result-panel>.result-card:nth-child(2n){border-right:none}.result-panel>.result-card:nth-last-child(-n+2):not(.result-actions){border-bottom:none}.result-panel>.result-actions{flex:1 1 100%;padding:.65rem 1.1rem;border-top:1px solid rgba(15,23,42,.07);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;background:#0f172a06;border-radius:0;box-shadow:none;min-width:0}.result-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:0}.result-metric{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.result-metrics{margin-top:.25rem;display:flex;flex-direction:column;gap:.22rem}.result-metric-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.metric-label{font-size:.7rem;color:var(--muted)}.metric-value{font-size:.78rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.result-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.result-list-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;color:var(--muted)}[data-theme=dark] .result-panel{box-shadow:var(--shadow),var(--shadow-neon)}[data-theme=dark] .result-panel>.result-card{border-color:color-mix(in srgb,var(--accent) 20%,transparent)}[data-theme=dark] .result-panel>.result-actions{border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}[data-theme=dark] .result-metric{color:var(--text);text-shadow:var(--shadow-neon)}[data-theme=dark] .result-title{color:color-mix(in srgb,var(--accent) 60%,transparent)}.primary-button{border:none;border-radius:999px;padding:.6rem 1.4rem;background:var(--accent);color:#fff;cursor:pointer;font-size:.92rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 6px 20px #2f6fed4d;white-space:nowrap}.primary-button.full{width:100%;padding:.65rem 1.8rem}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #2f6fed61}[data-theme=dark] .primary-button{background:var(--accent-strong);box-shadow:var(--shadow-neon)}[data-theme=dark] .primary-button:hover{background:var(--accent);box-shadow:var(--shadow-neon)}.result-actions .result-title{flex:1;margin:0;font-size:.72rem}.restart-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:.45rem 1.6rem;background:var(--accent);color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 4px 16px #306fed47;white-space:nowrap}.restart-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #306fed61}[data-theme=dark] .restart-button{background:var(--accent-strong);box-shadow:var(--shadow-neon)}[data-theme=dark] .restart-button:hover{background:var(--accent);box-shadow:var(--shadow-neon)}[data-theme=dark] body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(4,2,14,.5) 100%);background-size:256px 256px,100% 100%}.typing-text{--typing-line-height: 1.9;--typing-max-lines: 3;font-size:clamp(1.6rem,3vw,2.15rem);line-height:var(--typing-line-height);letter-spacing:.055em;word-spacing:.24em;color:var(--text);display:flex;flex-wrap:wrap;align-content:flex-start;width:100%;min-height:calc(var(--typing-line-height) * 1em * var(--typing-max-lines));max-height:calc(var(--typing-line-height) * 1em * var(--typing-max-lines));overflow:hidden}.mode-vibe .typing-text{--typing-line-height: 1.65;--typing-max-lines: 4}.typing-helper{display:flex;align-items:center;min-height:calc(var(--typing-line-height) * 1em)}.mode-investors .typing-text,.mode-anime .typing-text,.mode-gaming .typing-text{--typing-line-height: 1.7;font-size:clamp(1.4rem,2.7vw,2rem);letter-spacing:.04em;word-spacing:.2em}.typing-word{display:inline-flex;white-space:pre}.typing-input{position:absolute;inset:0;opacity:0;border:none;resize:none;background:transparent;color:transparent;caret-color:transparent}.typing-input:focus{outline:none}.footer-hint{display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:.78rem;opacity:.55;letter-spacing:.05em}.mode-badge-fixed{position:fixed;left:max(var(--ui-edge-offset),calc((100vw - var(--ui-shell-width)) / 2 + var(--ui-inline-padding)));bottom:var(--footer-bottom);z-index:40;display:flex;align-items:center;height:40px}.made-by-credit{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--footer-bottom) - 1.05rem);z-index:35;display:inline-flex;align-items:center;gap:.16rem;font-size:.78rem;line-height:1;color:var(--muted);letter-spacing:.03em;opacity:.92}[data-theme=white] .made-by-credit,[data-theme=light] .made-by-credit{color:color-mix(in srgb,var(--text) 46%,var(--muted) 54%)}[data-theme=dark] .made-by-credit{color:color-mix(in srgb,#ffffff 70%,var(--muted) 30%)}.made-by-signature{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.14rem;height:1.14rem;margin-left:.08rem;background:#fff;border:1px solid color-mix(in srgb,var(--panel-border) 85%,#fff 15%);border-radius:.14rem;box-shadow:0 2px 5px #0000001f;flex-shrink:0}.made-by-signature-heart{width:.92rem;height:.92rem;display:block}.made-by-signature-heart path{fill:#e53935}.made-by-signature-heart text{color:#fff;fill:#fff;font-size:10px;font-family:var(--display-font);font-weight:900;line-height:1;letter-spacing:0;text-anchor:middle;dominant-baseline:middle;alignment-baseline:middle}.debug-panel{position:fixed;left:1rem;top:1rem;z-index:95;display:grid;gap:.2rem;padding:.5rem .65rem;border-radius:.6rem;border:1px solid color-mix(in srgb,var(--panel-border) 88%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--text);font-size:.7rem;line-height:1.3;font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.seed-chip{padding:.15rem .5rem;border-radius:999px;background:#0000000d;border:1px solid var(--panel-border)}@media(max-width:900px){.app{--footer-bottom: 1rem}.topbar{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;margin:0;padding-inline:0}.welcome-overlay{padding:.85rem}.welcome-modal{width:100%;max-height:calc(100vh - 1.7rem);border-radius:1.05rem;gap:.8rem}.welcome-actions{justify-content:stretch}.welcome-button{flex:1}.controls{justify-content:flex-start;margin-right:0}.panel-board-wrap{right:1rem;bottom:var(--footer-bottom)}.mode-badge-fixed{left:1rem}.made-by-credit{left:50%;transform:translate(-50%);bottom:calc(var(--footer-bottom) - .6rem);font-size:.72rem}.panel-row.open,.panel-row-wide.open{max-width:calc(100vw - 2rem)}.result-panel{top:50%;flex-direction:column;max-width:calc(100vw - 2rem);max-height:85vh;overflow-y:auto}.result-panel>.result-card{border-right:none;flex:1 1 100%}.result-panel>.result-actions{flex:1 1 100%}.typing-text{font-size:clamp(1.2rem,5vw,1.7rem)}.mode-investors .typing-text,.mode-anime .typing-text,.mode-gaming .typing-text{font-size:clamp(1.1rem,4.5vw,1.5rem)}.mode-investors .prompt-card,.mode-anime .prompt-card,.mode-gaming .prompt-card{margin-top:0}.prompt-card{max-width:100%;margin-left:0}.app{padding:1.5rem 1rem 5rem;gap:1.5rem}}