:root,[data-theme=dark]{--bg: #0b0e14;--panel: #121723;--text: #e6e6e6;--muted: #aab0bf;--accent: #5cc8ff;--accent-2: #9bffb7;--warm-orange: #ff8c5a;--warm-pink: #ff6b9d;--warm-yellow: #ffd93d;--warm-gradient: linear-gradient(135deg, #ff8c5a 0%, #ff6b9d 50%, #ffd93d 100%);--card-bg: rgba(255,255,255,.06);--card-border: rgba(255,255,255,.08);--input-bg: rgba(255,255,255,.05);--header-bg: rgba(18, 23, 35, .8)}[data-theme=light]{--bg: #fef8f5;--panel: #fff9f6;--text: #2d2d2d;--muted: #6b6b6b;--accent: #d97757;--accent-2: #c4a484;--warm-orange: #e85d3f;--warm-pink: #e8a5a5;--warm-yellow: #f5c842;--warm-gradient: linear-gradient(135deg, #e85d3f 0%, #e8a5a5 50%, #f5c842 100%);--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(232, 165, 165, .3);--input-bg: rgba(255, 255, 255, .9);--header-bg: rgba(255, 249, 246, .95)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(180deg,var(--bg),#0d111a 60%,#0f1420)}[data-theme=light] body{background:linear-gradient(180deg,#fef8f5,#fff9f6,#fef8f5);background-image:radial-gradient(circle at 20% 50%,rgba(232,165,165,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,200,66,.1) 0%,transparent 50%)}.app-container{display:flex;min-height:100%;flex-direction:column}.main-content{flex:1;padding:24px 0}.container{width:min(1100px,92%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--card-border);transition:background-color .3s ease,border-color .3s ease}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand a{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.2px}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a.active{color:var(--warm-orange)}.nav-links a:hover{color:var(--text)}.button-theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:8px 12px;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.button-theme-toggle:hover{background:var(--input-bg);border-color:var(--warm-orange);transform:scale(1.05)}.hero{padding:80px 0 100px;text-align:center;max-width:900px;margin:0 auto}.hero-content{animation:fadeInUp .8s ease-out}.hero-title{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.greeting{font-size:48px;font-weight:700;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;animation:wave 2s ease-in-out infinite}.title-main{font-size:42px;font-weight:700;line-height:1.2;color:var(--text);margin:0}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--muted);margin:0 auto 40px;max-width:600px}.hero-actions{margin-bottom:80px}.hero h1{font-size:38px;margin:0 0 8px}.subtitle{color:var(--muted);margin:0 0 28px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:60px}.feature-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--card-border);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--warm-gradient);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#ff8c5a4d;box-shadow:0 12px 32px #ff8c5a26}.feature-card:hover:before{opacity:1}.feature-icon{font-size:48px;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(255,140,90,.2))}.feature-card h3{margin:0 0 12px;font-size:20px;color:var(--text);font-weight:600}.feature-card p{color:var(--muted);margin:0;line-height:1.6;font-size:15px}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px}.card h3{margin:6px 0 8px}.card p{color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:16px 32px;border-radius:12px;background:var(--warm-gradient);color:#1a0a0a;text-decoration:none;font-weight:700;font-size:18px;box-shadow:0 8px 32px #e85d3f4d;transition:all .3s ease;border:none;cursor:pointer}[data-theme=light] .button{box-shadow:0 8px 32px #e85d3f66;color:#2d2d2d}.button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #e85d3f80;filter:brightness(1.1)}.button:active{transform:translateY(0)}.button-arrow{font-size:20px;transition:transform .3s ease}.button:hover .button-arrow{transform:translate(4px)}.button-primary{padding:18px 40px;font-size:20px}.page h1{margin-top:0}.timeline{list-style:none;padding:0;margin:16px 0;display:grid;gap:14px}.timeline li{padding:14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.timeline h3{margin:0 0 6px}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:16px 0;color:var(--muted);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width: 640px){.hero{padding:60px 0 80px}.greeting{font-size:36px}.title-main{font-size:28px}.hero-subtitle{font-size:18px}.button-primary{padding:16px 32px;font-size:18px}.features{grid-template-columns:1fr;gap:20px}.hero h1{font-size:30px}}.hiragana-page{padding:40px 0 60px}.hiragana-index{padding:60px 0 80px}.hiragana-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.hiragana-option-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.04));border:1px solid var(--card-border);border-radius:20px;padding:40px 32px;text-align:center;text-decoration:none;color:var(--text);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.hiragana-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--warm-gradient);opacity:0;transition:opacity .3s ease}.hiragana-option-card:hover{transform:translateY(-8px);border-color:#ff8c5a66;box-shadow:0 16px 48px #ff8c5a33}.hiragana-option-card:hover:before{opacity:1}.option-icon{font-size:64px;margin-bottom:20px;line-height:1;filter:drop-shadow(0 4px 12px rgba(255,140,90,.3))}.hiragana-option-card h2{margin:0 0 16px;font-size:24px;font-weight:700;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hiragana-option-card p{color:var(--muted);line-height:1.6;margin:0 0 24px;flex:1}.option-stats{margin-top:auto;padding:8px 16px;background:#ff8c5a1a;border:1px solid rgba(255,140,90,.2);border-radius:20px;color:var(--warm-orange);font-size:14px;font-weight:600}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:36px;margin:0 0 12px;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--muted);font-size:18px;margin:0}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px}.reset-section{display:flex;justify-content:center;margin-bottom:40px}.button-reset{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);border:1px solid var(--warm-pink);border-radius:8px;color:var(--warm-pink);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.button-reset:hover{background:var(--input-bg);border-color:var(--warm-pink);transform:translateY(-1px)}.button-reset:active{transform:translateY(0)}.reset-icon{font-size:16px;display:inline-block;transition:transform .3s ease}.button-reset:hover .reset-icon{transform:rotate(180deg)}.stat-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--card-border);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#ff8c5a4d;box-shadow:0 8px 24px #ff8c5a26}.stat-value{font-size:32px;font-weight:700;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{color:var(--muted);font-size:14px;font-weight:500}.mode-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:0}.mode-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:-2px;position:relative}.mode-tab:hover{color:var(--text)}.mode-tab.active{color:var(--text);border-bottom-color:var(--warm-orange)}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;margin-top:24px}.char-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--card-border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;position:relative;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.char-card:hover{transform:translateY(-4px);border-color:#ff8c5a66;box-shadow:0 8px 24px #ff8c5a33}.char-card.mastered{border-color:#ffd93d80;background:linear-gradient(180deg,#ffd93d1a,#ffd93d0d)}.char-display{font-size:48px;font-weight:500;margin-bottom:8px;line-height:1}.char-romaji{color:var(--muted);font-size:14px;font-weight:600;text-transform:lowercase}.mastery-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--warm-gradient);color:#1a0a0a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.practice-container{display:flex;justify-content:center;align-items:center;min-height:400px;margin-top:40px}.flashcard{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:60px 40px;max-width:500px;width:100%;text-align:center;box-shadow:0 16px 48px #0000004d}.flashcard-content{margin-bottom:40px}.flashcard-char{font-size:120px;font-weight:500;margin-bottom:32px;line-height:1;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flashcard-prompt{color:var(--muted);font-size:18px;font-weight:500}.flashcard-answer{animation:fadeInUp .4s ease-out}.answer-romaji{font-size:48px;font-weight:700;color:var(--warm-yellow);text-transform:lowercase}.flashcard-actions{display:flex;justify-content:center}.flashcard-actions .button{margin-top:0}.quiz-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.04));border:1px solid var(--card-border);border-radius:24px;padding:60px 40px;max-width:500px;width:100%;text-align:center;box-shadow:0 16px 48px #0000004d}.quiz-content{margin-bottom:0}.quiz-char{font-size:120px;font-weight:500;margin-bottom:32px;line-height:1;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-prompt{color:var(--muted);font-size:18px;font-weight:500;margin-bottom:24px}.quiz-form{display:flex;flex-direction:column;gap:20px}.quiz-input{padding:16px 20px;font-size:20px;background:var(--input-bg);border:2px solid var(--card-border);border-radius:12px;color:var(--text);text-align:center;transition:all .3s ease;font-weight:600;text-transform:lowercase}.quiz-input:focus{outline:none;border-color:var(--warm-orange);background:var(--input-bg);box-shadow:0 0 0 4px #e85d3f26}.quiz-input.correct{border-color:#9bffb7;background:#9bffb71a}.quiz-input.incorrect{border-color:#ff6b9d;background:#ff6b9d1a}.quiz-input:disabled{opacity:.7;cursor:not-allowed}.quiz-feedback{padding:16px;border-radius:12px;font-weight:600;font-size:16px;animation:fadeInUp .3s ease-out}.quiz-feedback.correct{background:#9bffb726;color:#9bffb7;border:1px solid rgba(155,255,183,.3)}.quiz-feedback.incorrect{background:#ff6b9d26;color:#ff6b9d;border:1px solid rgba(255,107,157,.3)}.quiz-form .button{margin-top:0}.quiz-form .button:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-section{margin-bottom:32px}.button-reset{padding:8px 16px;font-size:13px}@media (max-width: 640px){.hiragana-page{padding:24px 0 40px}.page-header h1{font-size:28px}.progress-stats{grid-template-columns:1fr;gap:16px}.mode-tabs{flex-wrap:wrap;gap:8px}.mode-tab{padding:10px 16px;font-size:14px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.char-display{font-size:36px}.flashcard,.quiz-card{padding:40px 24px}.flashcard-char,.quiz-char{font-size:80px}.answer-romaji{font-size:36px}.hiragana-options{grid-template-columns:1fr;gap:24px}.hiragana-option-card{padding:32px 24px}.option-icon{font-size:48px}.hiragana-option-card h2{font-size:20px}}.vocabulary-quiz{max-width:600px}.vocabulary-display{margin-bottom:32px}.vocabulary-hiragana{font-size:72px;font-weight:500;line-height:1;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.vocabulary-english{font-size:48px;font-weight:700;color:var(--warm-yellow);margin-bottom:16px}.vocabulary-romaji{font-size:48px;font-weight:700;color:var(--warm-pink);margin-bottom:16px;text-transform:lowercase}.vocabulary-hint{margin-top:12px;font-size:14px;color:var(--muted);font-weight:400}.audio-button{background:#ff8c5a26;border:1px solid rgba(255,140,90,.3);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;transition:all .2s ease;color:var(--warm-orange);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;z-index:1}.audio-button:hover{background:#ff8c5a40;border-color:#ff8c5a80;transform:scale(1.1)}.audio-button:active{transform:scale(.95)}.audio-button-large{position:relative;top:auto;right:auto;padding:12px 16px;font-size:24px;margin-left:16px;border-radius:12px}.char-card,.vocabulary-card{position:relative}.flashcard-header,.quiz-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.vocabulary-display-inner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.page-actions{margin-top:24px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.vocabulary-filter{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 24px;justify-content:center}.filter-button{padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-button:hover{background:#ffffff14;border-color:#ff8c5a4d;color:var(--text)}.filter-button.active{background:#ff8c5a26;border-color:var(--warm-orange);color:var(--warm-orange)}.category-selection{margin-top:32px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.category-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.02));border:2px solid var(--card-border);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.category-card:hover{transform:translateY(-4px);border-color:#ff8c5a66;box-shadow:0 8px 24px #ff8c5a33}.category-card.selected{background:linear-gradient(180deg,#ff8c5a26,#ff8c5a14);border-color:var(--warm-orange);box-shadow:0 8px 24px #ff8c5a4d}.category-icon{font-size:48px;line-height:1;margin-bottom:8px}.category-name{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.category-count{font-size:13px;color:var(--muted)}.category-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--warm-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a0a0a;font-weight:700;font-size:14px}.category-summary{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;text-align:center}.summary-stats{display:flex;justify-content:center;gap:48px;margin-bottom:32px}.summary-stat{display:flex;flex-direction:column;align-items:center}.summary-value{font-size:36px;font-weight:700;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.summary-label{font-size:14px;color:var(--muted);font-weight:500}.button-secondary{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);box-shadow:none}.button-secondary:hover{background:var(--input-bg);border-color:var(--warm-orange);filter:none}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:32px}.vocabulary-card{background:linear-gradient(180deg,var(--card-bg),rgba(255,255,255,.02));border:1px solid var(--card-border);border-radius:16px;padding:24px 16px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:180px;word-wrap:break-word;overflow-wrap:break-word}.vocabulary-card:hover{transform:translateY(-4px);border-color:#ff8c5a4d;box-shadow:0 8px 24px #ff8c5a26}.vocab-hiragana{font-size:48px;font-weight:500;line-height:1.1;background:var(--warm-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:keep-all;overflow-wrap:break-word;max-width:100%}.vocab-romaji{font-size:18px;font-weight:600;color:var(--warm-pink);text-transform:lowercase;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.4}.vocab-english{font-size:16px;color:var(--muted);font-weight:500;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.4;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 640px){.vocabulary-hiragana{font-size:56px}.vocabulary-english,.vocabulary-romaji{font-size:36px}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.vocabulary-card{padding:20px 12px;min-height:160px}.vocab-hiragana{font-size:36px}.vocab-romaji{font-size:15px}.vocab-english{font-size:13px}.audio-button{padding:4px 8px;font-size:14px;top:4px;right:4px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.category-card{padding:20px 16px}.category-icon{font-size:36px}.category-name{font-size:14px}.summary-stats{flex-direction:column;gap:24px}.summary-value{font-size:28px}.audio-button-large{padding:8px 12px;font-size:20px;margin-left:12px}.flashcard-header,.quiz-header,.vocabulary-display-inner{flex-direction:column;gap:12px}}.voice-selector-container{position:relative}.button-voice-settings{background:#ff8c5a1a;border:1px solid rgba(255,140,90,.3);border-radius:8px;padding:8px 14px;color:var(--warm-orange);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.button-voice-settings:hover{background:#ff8c5a33;border-color:#ff8c5a80;transform:translateY(-1px)}.voice-selector-panel{position:absolute;top:calc(100% + 12px);right:0;background:var(--panel);border:1px solid var(--card-border);border-radius:16px;padding:24px;min-width:400px;max-width:500px;max-height:70vh;overflow-y:auto;box-shadow:0 16px 48px #00000080;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.voice-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.voice-selector-header h3{margin:0;font-size:20px;color:var(--text)}.button-close{background:transparent;border:none;color:var(--muted);font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.button-close:hover{background:#ffffff1a;color:var(--text)}.voice-test{display:flex;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.voice-test-input{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-size:14px}.voice-test-input:focus{outline:none;border-color:var(--warm-orange);background:#ffffff14}.button-small{padding:10px 16px;font-size:14px;margin-top:0}.voice-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.voice-option{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.voice-option:hover{background:#ffffff0f;border-color:#ff8c5a4d}.voice-option input[type=radio]{margin:0;cursor:pointer;accent-color:var(--warm-orange)}.voice-info{flex:1}.voice-name{font-weight:600;color:var(--text);margin-bottom:4px;font-size:15px}.voice-details{font-size:12px;color:var(--muted)}.voice-option input[type=radio]:checked+.voice-info .voice-name{color:var(--warm-orange)}.button-test-small{background:#ff8c5a26;border:1px solid rgba(255,140,90,.3);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;color:var(--warm-orange);transition:all .2s ease}.button-test-small:hover{background:#ff8c5a40;border-color:#ff8c5a80}.voice-empty{text-align:center;color:var(--muted);padding:24px}.voice-warning{margin-top:20px;padding:16px;background:#ffd93d1a;border:1px solid rgba(255,217,61,.3);border-radius:12px;color:var(--warm-yellow);font-size:13px}.voice-hint{margin-top:8px;font-size:12px;color:var(--muted)}@media (max-width: 640px){.voice-selector-panel{right:auto;left:50%;transform:translate(-50%);min-width:90vw;max-width:90vw}.voice-test{flex-direction:column}}