@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #0A0014;--surface: #1A0028;--primary: #00F5FF;--primary-dark: #00C2D1;--accent: #FF006E;--text: #F0F0FF;--text-muted: #A8A8C8;--border: #2A1845;--success: #10B981;--warning: #F59E0B;--danger: #FF006E;--radius: 4px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #00F5FF26}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Consolas,monospace;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px);z-index:-1}.app-container{width:100%;max-width:500px;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap;gap:8px}.title{font-family:Orbitron,JetBrains Mono,monospace;font-size:1.5rem;display:flex;align-items:center;gap:8px;text-shadow:0 0 20px var(--accent)}.cloud-badge{font-size:.65rem;background:var(--surface);padding:2px 8px;border-radius:20px;color:var(--primary);border:1px solid var(--primary);opacity:.7}.high-score{font-size:.85rem;color:var(--text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:var(--radius);background:#1a002899;border:1px solid var(--border)}.page{flex:1;display:flex;flex-direction:column}.start-card,.result-card{background:#1a0028d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:8px;padding:32px 24px;text-align:center;box-shadow:var(--shadow)}.start-card h2,.result-card h2{font-family:Orbitron,monospace;font-size:1.3rem;margin-bottom:20px}.input-keyword{width:100%;padding:12px 16px;background:#0006;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.2rem;text-align:center;outline:none;transition:.2s}.input-keyword:focus{border-color:var(--primary);box-shadow:0 0 12px #00f5ff55}.btn-primary{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:var(--radius);color:#0a0014;font-weight:700;font-size:1.05rem;cursor:pointer;box-shadow:0 0 24px #00f5ff44;transition:.2s}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 32px #00f5ff88}.hint{margin-top:16px;color:var(--text-muted);font-size:.9rem}.hint-small{margin-top:6px;color:var(--text-muted);font-size:.8rem}.game-header{display:flex;justify-content:space-between;gap:8px;background:#1a0028b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap;font-size:.9rem}.game-header strong{color:var(--primary)}.input-area{display:flex;gap:8px;margin-bottom:8px}.input-line{flex:1;padding:12px 14px;background:#00000080;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;outline:none;transition:.2s}.input-line:focus{border-color:var(--primary);box-shadow:0 0 12px #00f5ff44}.btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a0028cc;border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);cursor:pointer;transition:.2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-icon:hover{background:var(--surface);border-color:var(--primary);box-shadow:0 0 12px #00f5ff33}.btn-icon.mic.active{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 0 24px #ff006e88;animation:pulse .6s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 24px #ff006e88}to{box-shadow:0 0 8px #ff006e33}}.listening-badge{text-align:center;padding:8px;color:var(--accent);font-size:.9rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.used-lines{margin-top:20px;padding:16px;background:#1a002880;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex:1}.used-lines h3{font-family:Orbitron,monospace;font-size:.9rem;margin-bottom:12px;color:var(--primary)}.used-lines ul{list-style:none}.used-lines li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(42,24,69,.4);font-size:.9rem}.empty-hint{color:var(--text-muted);font-size:.85rem;text-align:center;padding:20px 0}.result-card p{margin:10px 0}.result-score{font-size:2rem;color:var(--accent);font-weight:700;text-shadow:0 0 20px var(--accent)}.result-high{color:var(--warning);font-family:Orbitron,monospace}.history-list{margin-top:20px;text-align:left;max-height:200px;overflow-y:auto}.history-list h3{font-size:.85rem;margin-bottom:8px;color:var(--text-muted)}.history-item{background:#0000004d;padding:6px 12px;border-radius:4px;margin-bottom:4px;font-size:.85rem;color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center}.loading-text{font-size:1.2rem;color:var(--text-muted)}@media (max-width: 400px){.title{font-size:1.2rem}.game-header{font-size:.8rem}}