:root{--bg-color: #000000;--button-color: #ffffff;--glow-color: rgba(255, 255, 255, .6);--recording-color: #ff4444;--recording-glow: rgba(255, 68, 68, .8)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-color);font-family:system-ui,-apple-system,sans-serif}.app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color)}.access-denied{color:var(--button-color);font-size:2rem;text-align:center;padding:2rem}.mic-button{width:min(80vw,80vh);height:min(80vw,80vh);border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s ease}.mic-button:hover{transform:scale(1.02)}.mic-button:active{transform:scale(.98)}.mic-icon{width:40%;height:40%;fill:var(--button-color);z-index:2;transition:fill .3s ease}.mic-button.recording .mic-icon{fill:var(--recording-color)}.mic-button.speaking .mic-icon{fill:#4f4}.glow-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid var(--button-color);opacity:.3;z-index:1}.mic-button.recording .glow-ring{border-color:var(--recording-color);animation:pulse 1.5s ease-in-out infinite}.mic-button.speaking .glow-ring{border-color:#4f4;animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6;box-shadow:0 0 0 0 var(--recording-glow)}50%{transform:scale(1.08);opacity:.9;box-shadow:0 0 60px 20px var(--recording-glow)}to{transform:scale(1);opacity:.6;box-shadow:0 0 0 0 var(--recording-glow)}}.outer-glow{position:absolute;width:120%;height:120%;border-radius:50%;opacity:0;z-index:0;pointer-events:none}.mic-button.recording .outer-glow{animation:outerPulse 2s ease-in-out infinite;background:radial-gradient(circle,var(--recording-glow) 0%,transparent 70%)}.mic-button.speaking .outer-glow{animation:outerPulse 1.2s ease-in-out infinite;background:radial-gradient(circle,rgba(68,255,68,.5) 0%,transparent 70%)}@keyframes outerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}audio{display:none}.status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:.8rem;pointer-events:none}.debug-panel{position:fixed;bottom:20px;left:20px;right:20px;max-height:150px;overflow-y:auto;background:#000c;border:1px solid #44ff44;border-radius:12px;padding:12px;font-family:monospace;font-size:12px;color:#4f4}.debug-status{white-space:pre-wrap;opacity:.7}.transcript{margin-top:8px;padding-top:8px;border-top:1px solid #44ff44;color:#fff;font-size:14px}.audiobook-status{margin-top:8px;padding:8px;background:#44c8ff33;border-radius:8px;color:#44c8ff;font-size:14px}:root{--bg-color: #000000;--card-bg: #111111;--text-color: #ffffff;--accent-color: #00ffff;--accent-glow: rgba(0, 255, 255, .4);--danger-color: #ff4444;--danger-glow: rgba(255, 68, 68, .6);--success-color: #44ff44;--nav-height: 80px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto;padding:20px;padding-bottom:calc(var(--nav-height) + 20px);display:flex;flex-direction:column;align-items:center}.tab-nav{position:fixed;bottom:0;left:0;width:100%;height:var(--nav-height);background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid #333;z-index:100}.nav-item{flex:1;height:100%;border:none;background:transparent;color:#888;font-size:1.2rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .3s ease}.nav-item.active{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.nav-icon{font-size:1.8rem}.voice-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mic-button{width:min(70vw,70vh);height:min(70vw,70vh);border-radius:50%;border:4px solid var(--text-color);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 0 20px #ffffff1a}.mic-button:active{transform:scale(.95)}.mic-icon{width:50%;height:50%;fill:var(--text-color);z-index:2;transition:fill .3s ease}.mic-button.recording{border-color:var(--danger-color);box-shadow:0 0 40px var(--danger-glow)}.mic-button.recording .mic-icon{fill:var(--danger-color)}.mic-button.speaking{border-color:var(--success-color);box-shadow:0 0 40px #44ff4480}.mic-button.speaking .mic-icon{fill:var(--success-color)}.mic-button.connecting{border-color:#ff0;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.books-view{width:100%;max-width:600px}.section-title{font-size:2rem;margin-bottom:20px;text-align:center;border-bottom:2px solid #333;padding-bottom:10px;width:100%}.search-bar{width:100%;display:flex;gap:10px;margin-bottom:30px}.search-input{flex:1;padding:15px;font-size:1.2rem;border-radius:12px;border:2px solid #333;background:#222;color:#fff}.search-btn{padding:0 20px;background:var(--accent-color);color:#000;border:none;border-radius:12px;font-weight:700;font-size:1.5rem;cursor:pointer}.book-list{display:flex;flex-direction:column;gap:15px;width:100%}.book-card{background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid #333;display:flex;align-items:center;gap:15px;cursor:pointer;transition:transform .2s}.book-card:active{transform:scale(.98);background:#222}.book-icon{font-size:2rem}.book-info{flex:1}.book-title{font-size:1.2rem;font-weight:700;margin-bottom:5px}.book-meta{font-size:.9rem;color:#888}.mini-player{position:fixed;bottom:calc(var(--nav-height) + 20px);left:50%;transform:translate(-50%);width:90%;max-width:500px;background:#1e1e1ef2;border:1px solid var(--accent-color);border-radius:16px;padding:15px;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;z-index:90}.player-info{flex:1;overflow:hidden}.player-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.player-controls{display:flex;gap:10px}.control-btn{background:transparent;border:1px solid #555;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer}.control-btn.play{background:var(--accent-color);color:#000;border:none;width:50px;height:50px;font-size:1.5rem}.reminders-view{width:100%;max-width:600px}.reminder-card{background:var(--card-bg);padding:20px;border-radius:16px;border-left:5px solid var(--accent-color);margin-bottom:15px;display:flex;align-items:center;gap:15px}.reminder-time{font-size:1.5rem;font-weight:700;color:var(--accent-color);min-width:80px;text-align:center}.reminder-text{font-size:1.2rem}.access-denied{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem;color:var(--danger-color)}