:root{--color-bg: #0a0a0a;--color-text: #e0e0e0;--color-text-muted: #888888;--color-accent: #ffffff;--transition-slow: .8s ease;--transition-medium: .4s ease;--transition-fast: .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes backgroundShift{0%{transform:scale(1)}to{transform:scale(1.05)}}.fade-in{animation:fadeIn var(--transition-slow) forwards}.fade-in-up{animation:fadeInUp .6s ease forwards}.background-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.background-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;object-fit:cover;transition:opacity 3s ease;animation:backgroundShift 60s ease-in-out infinite alternate}.background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,10,10,.7) 100%)}.main-content{position:relative;z-index:1;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.opener-container{max-width:600px;text-align:center;opacity:0;animation:fadeInUp 1s ease .3s forwards}.opener-fact{font-size:1.5rem;font-weight:300;line-height:1.6;letter-spacing:.02em;margin-bottom:3rem;color:var(--color-text)}.opener-responses{display:flex;flex-direction:column;gap:1rem;align-items:center}.opener-response{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--color-text-muted);padding:.875rem 1.5rem;font-size:1rem;font-weight:400;cursor:pointer;border-radius:2rem;transition:all var(--transition-fast);min-width:200px}.opener-response:hover{border-color:#fff6;color:var(--color-text);background:#ffffff0d}.opener-response:active{transform:scale(.98)}.chat-container{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;padding:2rem 1rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.chat-message{opacity:0;animation:fadeInUp .4s ease forwards}.chat-message.assistant{color:var(--color-text);font-size:1.125rem;line-height:1.7;font-weight:300}.chat-message.user{color:var(--color-text-muted);font-size:1rem;line-height:1.6;padding-left:1rem;border-left:2px solid rgba(255,255,255,.1)}.chat-input-container{padding:1rem 0;border-top:1px solid rgba(255,255,255,.05)}.chat-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);color:var(--color-text);font-size:1rem;font-family:inherit;padding:.75rem 0;outline:none;transition:border-color var(--transition-fast)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{border-color:#fff6}.tab-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:0;background:#0a0a0aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);padding:0;justify-content:center}.tab-btn{flex:1;max-width:200px;padding:14px 24px;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);position:relative}.tab-btn:hover{color:var(--color-text);background:#ffffff08}.tab-btn--active{color:var(--color-accent)}.tab-btn--active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--color-accent);border-radius:1px 1px 0 0}.main-content{padding-top:56px}.tts-container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px;opacity:0;animation:fadeInUp .6s ease .1s forwards}.tts-header{text-align:center;padding-bottom:4px}.tts-title{font-size:1.4rem;font-weight:300;letter-spacing:.06em;color:var(--color-text)}.tts-subtitle{font-size:12px;font-weight:300;color:var(--color-text-muted);margin-top:4px;letter-spacing:.04em}.tts-controls{display:flex;flex-direction:column;gap:16px}.tts-voice-row{display:flex;gap:12px;align-items:center}.tts-select{flex:1;height:48px;padding:0 40px 0 16px;font-family:inherit;font-size:14px;font-weight:300;color:var(--color-text);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.tts-select:focus{border-color:#ffffff4d;background:#ffffff12}.tts-select option{background:#1a1a1a;color:var(--color-text)}.tts-btn{height:48px;min-width:100px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:10px;cursor:pointer;transition:background .15s ease,opacity .15s ease,transform .1s ease;white-space:nowrap}.tts-btn:active{transform:scale(.97)}.tts-btn:disabled{opacity:.4;cursor:default;transform:none}.tts-btn--load{background:#ffffff14;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1)}.tts-btn--load--loading,.tts-btn--load--error{background:#8b3a3a;color:#e0b0b0;border-color:#b04a4a;animation:blinkRed .8s ease-in-out infinite}.tts-btn--load--ready{background:#2a6b3a;color:#a0e0b0;border-color:#3a9a4a}.tts-btn--speak{width:100%;background:#ffffff14;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1)}.tts-btn--speak--loading{background:#8b3a3a;color:#e0b0b0;border-color:#b04a4a;animation:blinkRed .8s ease-in-out infinite}.tts-btn--speak--ready{background:#2a6b3a;color:#a0e0b0;border-color:#3a9a4a}.tts-btn--speak--error{background:#8b3a3a;color:#e0b0b0;border-color:#b04a4a}@keyframes blinkRed{0%,to{opacity:1}50%{opacity:.4}}.tts-textarea-row{width:100%}.tts-textarea{width:100%;min-height:240px;max-height:70vh;padding:16px;font-family:inherit;font-size:14px;font-weight:300;line-height:1.7;color:var(--color-text);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none;resize:vertical;transition:border-color var(--transition-fast),background var(--transition-fast)}.tts-textarea:focus{border-color:#ffffff4d;background:#ffffff12}.tts-textarea::placeholder{color:#ffffff40;font-size:13px}.tts-speak-row{width:100%}.tts-error{font-size:13px;color:#d98b8b;text-align:center;font-weight:300;padding:4px 0}.tts-status{font-size:12px;color:var(--color-text-muted);text-align:center;font-weight:300;letter-spacing:.04em;min-height:18px}.tts-player{width:100%;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;opacity:0;animation:fadeIn .4s ease forwards}.tts-player-controls{display:flex;align-items:center;gap:12px}.tts-play-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;color:var(--color-text);transition:background var(--transition-fast),transform .1s ease;flex-shrink:0}.tts-play-btn:hover{background:#ffffff24}.tts-play-btn:active{transform:scale(.93)}.tts-time{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:36px;font-weight:300}.tts-seek{flex:1;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer;min-width:0}.tts-seek::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.tts-seek::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.tts-download{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.tts-download:hover{color:var(--color-text)}@media (max-width: 640px){.tts-voice-row{flex-direction:column}.tts-btn--load{width:100%}.tts-player-controls{gap:8px}.tts-time{min-width:30px;font-size:11px}}.typing-indicator{display:flex;gap:.3rem;padding:.5rem 0}.typing-dot{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@media (max-width: 640px){.opener-fact{font-size:1.25rem}.opener-response{font-size:.9rem;padding:.75rem 1.25rem;min-width:180px}.chat-message.assistant{font-size:1rem}}