:root{--bg-color: #ffffff;--text-color: #202124;--border-color: #dfe1e5;--hover-bg: #f8f9fa;--input-shadow: 0 1px 6px rgba(32, 33, 36, .28);--button-bg: #f8f9fa;--button-text: #3c4043;--button-hover: #f1f3f4;--secondary-text: #5f6368}html[data-theme=dark]{--bg-color: #202124;--text-color: #e8eaed;--border-color: #5f6368;--hover-bg: #303134;--input-shadow: 0 1px 6px rgba(0, 0, 0, .28);--button-bg: #303134;--button-text: #e8eaed;--button-hover: #3c4043;--secondary-text: #9aa0a6}*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none!important}body{font-family:arial,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.theme-toggle{position:absolute;top:20px;right:20px;background:var(--button-bg);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;box-shadow:0 1px 3px #0000001a;padding:0}.theme-toggle:hover{background:var(--button-hover);transform:scale(1.05);box-shadow:0 2px 4px #00000026}.theme-icon{width:20px;height:20px;stroke:currentColor}.moon-icon{color:#202124}.sun-icon{color:gold}html[data-theme=dark] .moon-icon{color:#9aa0a6}html[data-theme=dark] .sun-icon{color:gold}html[data-theme=light] .sun-icon{color:#ff8c00}.container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;max-width:600px;margin:0 auto;width:100%}.logo{font-size:92px;font-weight:400;margin-bottom:20px;color:#4285f4;letter-spacing:-8px}html[data-theme=dark] .logo{color:#8ab4f8}.search-container{width:100%;max-width:584px;position:relative;margin-bottom:30px}.search-box{width:100%;padding:13px 45px 13px 16px;font-size:16px;border:1px solid var(--border-color);border-radius:24px;background:var(--bg-color);color:var(--text-color);outline:none;transition:box-shadow .2s}.search-box:hover,.search-box:focus{box-shadow:var(--input-shadow);border-color:transparent}.options-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;margin-bottom:30px;font-size:14px}.option-group{display:flex;align-items:center;gap:8px}.option-label{color:var(--secondary-text)}.mode-buttons{display:flex;gap:8px}.mode-btn{padding:6px 16px;border-radius:18px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.mode-btn:hover{background:var(--hover-bg);border-color:var(--border-color)}.mode-btn.active{background:#5f6368;border-color:#5f6368;color:#fff}html[data-theme=dark] .mode-btn.active{background:#9aa0a6;border-color:#9aa0a6;color:#202124}.voice-buttons{display:flex;gap:8px}.voice-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.voice-btn:hover{background:var(--hover-bg);border-color:var(--border-color)}.voice-btn.active{background:#5f6368;border-color:#5f6368;color:#fff}html[data-theme=dark] .voice-btn.active{background:#9aa0a6;border-color:#9aa0a6;color:#202124}.language-select{padding:8px 16px;font-size:14px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);cursor:pointer;outline:none}.language-select:hover{background:var(--hover-bg)}.button-container{display:flex;gap:11px;justify-content:center}.search-button{padding:11px 20px;font-size:14px;border:1px solid transparent;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s;outline:none}#speakBtn{background:#4285f4;color:#fff;font-weight:500;padding:12px 24px;font-size:15px;box-shadow:0 1px 3px #4285f44d}html[data-theme=dark] #speakBtn{background:#8ab4f8;color:#202124;box-shadow:0 1px 3px #8ab4f84d}#speakBtn:hover{background:#357ae8;box-shadow:0 2px 5px #4285f466;transform:translateY(-1px)}html[data-theme=dark] #speakBtn:hover{background:#9cc3ff;box-shadow:0 2px 5px #8ab4f866}#speakBtn:active{transform:translateY(0);box-shadow:0 1px 2px #4285f44d}.search-button:hover{box-shadow:0 1px 1px #0000001a;border:1px solid var(--border-color);background:var(--button-hover)}.search-button:focus{border:1px solid #4c89fe}.privacy-footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 20px;margin-top:auto;font-size:11px;color:var(--secondary-text)}.privacy-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:var(--hover-bg);border:1px solid var(--border-color);font-size:11px;color:var(--secondary-text);white-space:nowrap}html[data-theme=dark] .privacy-badge{background:var(--button-bg)}.github-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:var(--hover-bg);border:1px solid var(--border-color);font-size:11px;color:var(--secondary-text);text-decoration:none;transition:all .2s;white-space:nowrap}.github-link:hover{background:var(--button-hover);color:var(--text-color);transform:translateY(-1px)}.github-link svg{flex-shrink:0}html[data-theme=dark] .github-link{background:var(--button-bg)}html[data-theme=dark] .github-link:hover{background:var(--hover-bg);color:var(--text-color)}@media(max-width:600px){.logo{font-size:64px}.options-container{flex-direction:column;align-items:flex-start}.privacy-footer{flex-direction:column;gap:8px;padding:12px 20px}.privacy-badge,.github-link{font-size:10px;padding:3px 6px}.github-link svg{width:14px;height:14px}}