body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc;color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{background-color:#edf2f7;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px}html{scroll-behavior:smooth}.text-animation-container{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;overflow:hidden;padding:1rem;position:fixed;top:0;width:100vw}.text-animation-container:before{background:radial-gradient(ellipse at center,#ffffff05 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.text-display{color:#e8e8e8;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:400;letter-spacing:.5px;line-height:1.8;max-width:90%;position:relative;text-align:center;z-index:1}.animated-word{display:inline-block;margin-right:.5em;opacity:1;text-shadow:0 2px 8px #0000004d}.animated-word.animating{animation:gentleFadeIn .3s cubic-bezier(.4,0,.2,1) forwards;opacity:0}@keyframes gentleFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.cursor-blink{animation:blink 1.5s infinite;color:#fff;display:inline-block;font-size:1.1em;margin-left:.1em}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.clickable-word{border-radius:4px;cursor:pointer;margin:0 2px;padding:2px 4px;transition:all .3s ease}.clickable-word:hover{background-color:#ffffff1a;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.loading-overlay{align-items:center;background:#0f0f23cc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#fffc;font-family:Arial,sans-serif;font-size:1rem;letter-spacing:.5px}.topic-display{left:50%;position:absolute;top:2rem;transform:translateX(-50%);z-index:5}.current-topic{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff9;padding:.5rem 1rem;text-align:center}.current-topic,.repeat-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Arial,sans-serif;font-size:.9rem;letter-spacing:.5px}.repeat-button{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;bottom:6rem;color:#fffc;cursor:pointer;left:50%;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%);transition:all .3s ease}.repeat-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 6px 20px #ffffff1a;transform:translateX(-50%) translateY(-2px)}.repeat-button:active{transform:translateX(-50%) translateY(0)}.view-toggle-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;font-family:Arial,sans-serif;font-size:.8rem;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:2rem;top:2rem;transition:all .3s ease}.view-toggle-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.view-toggle-button:active{transform:translateY(0)}.instruction-text{animation:fadeInOut 3s infinite;bottom:3rem;color:#fff6;font-family:Arial,sans-serif;font-size:.9rem;left:50%;letter-spacing:1px;position:absolute;text-align:center;transform:translateX(-50%)}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.7}}.voice-controls{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;max-width:calc(100vw - 40px);position:fixed;right:20px;top:20px;z-index:1000}.voice-play-button,.voice-toggle-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.voice-play-button:hover,.voice-toggle-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.voice-toggle-button.enabled{background:#4ade8033;border-color:#4ade8080;color:#4ade80}.voice-toggle-button.enabled:hover{background:#4ade804d;border-color:#4ade80b3}.voice-play-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-play-button:disabled:hover{background:#ffffff1a;border-color:#ffffff4d;transform:none}@media (max-width:768px){.voice-controls{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;left:10px;max-width:calc(100vw - 20px);position:fixed;right:10px;top:10px}.voice-play-button,.voice-toggle-button{flex:1 1;font-size:.8rem;max-width:120px;padding:6px 12px}.voice-selection-control{flex:0 0 auto;min-height:40px;min-width:100px;padding:6px 8px}.voice-selector{font-size:.65rem;width:80px}.voice-label{font-size:.7rem}.text-animation-container{padding:1.5rem}.text-display{line-height:1.6;max-width:95%}.instruction-text{bottom:2rem;font-size:.8rem}}@media (max-width:480px){.text-animation-container{padding:1rem}.text-display{line-height:1.5}.instruction-text{bottom:1.5rem;font-size:.75rem}}.voice-selection-control{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:44px;min-width:120px;padding:8px 12px}.voice-label{color:#ffffffe6;font-size:.75rem;font-weight:500;margin:0;white-space:nowrap}.voice-selector{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#ffffffe6;cursor:pointer;font-size:.7rem;outline:none;padding:2px 4px;width:100px}.voice-selector:focus{background:#ffffff26;border-color:#4ade8080}.voice-selector option{background:#000000e6;color:#fff;padding:4px}
/*# sourceMappingURL=main.9b3bd347.css.map*/