.landing-page{width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.section-reveal{animation:reveal .6s ease-out forwards}.site-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 5%;border-bottom:1px solid #2a2a2a;background:#222;box-shadow:0 2px 8px #0000004d}.brand{font-size:1.25rem;font-weight:400;letter-spacing:.1em}.header-nav{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:#e8e8e8;text-decoration:none;font-size:.95rem;font-weight:300;cursor:pointer;opacity:.7;transition:all .18s ease;padding:0}.nav-link:hover{opacity:1;background:linear-gradient(90deg,#16a34a,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link-emphasized{opacity:1;font-weight:400}.nav-link:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.hero-section{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:8vh 5% 10vh;opacity:0}.hero-section.section-reveal{animation:reveal .6s ease-out .1s forwards}.hero-content{max-width:700px;text-align:center}.hero-title{font-size:3rem;font-weight:400;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.01em}.hero-subtitle{font-size:1.25rem;font-weight:300;margin:0 0 4rem;opacity:.75;line-height:1.5}.hero-actions{display:flex;flex-direction:column;gap:2rem;max-width:500px;margin:0 auto}.playground-button{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e8e8;padding:2.75rem 2.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .18s ease;box-shadow:0 3px 12px #0006;position:relative;overflow:hidden}.playground-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#16a34a,#6d28d9);opacity:0;transition:opacity .18s ease;border-radius:8px}.playground-button:hover:before{opacity:.15}.playground-button:hover{border-color:#16a34a;box-shadow:0 4px 16px #16a34a40,0 4px 16px #6d28d926;transform:translateY(-1px)}.playground-button:active{transform:translateY(0)}.playground-button:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.playground-label{font-size:1.65rem;font-weight:400;position:relative;z-index:1}.playground-hint{font-size:.95rem;font-weight:300;opacity:.7;position:relative;z-index:1}.room-button{background:#252525;border:1px solid #353535;border-radius:8px;color:#e8e8e8;padding:2.25rem 2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:all .18s ease;box-shadow:0 2px 8px #00000059;position:relative;overflow:hidden}.room-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#16a34a,#6d28d9);opacity:0;transition:opacity .18s ease;border-radius:8px}.room-button:hover:before{opacity:.12}.room-button:hover{border-color:#16a34a;box-shadow:0 3px 12px #16a34a33,0 3px 12px #6d28d91a;transform:translateY(-1px)}.room-button:active{transform:translateY(0)}.room-button:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.room-label{font-size:1.5rem;font-weight:400;letter-spacing:.03em;position:relative;z-index:1}.room-hint{font-size:.9rem;font-weight:300;opacity:.65;position:relative;z-index:1}.how-section{min-height:40vh;display:flex;align-items:center;justify-content:center;padding:6vh 5%;background:#1e1e1e99;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;opacity:0}.how-section.section-reveal{animation:reveal .6s ease-out forwards}.how-content{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:900px;flex-wrap:wrap}.how-step{display:flex;flex-direction:column;align-items:center;gap:1rem}.step-number{width:3rem;height:3rem;border-radius:8px;background:#252525;border:1px solid #353535;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:400;box-shadow:0 2px 6px #0000004d}.step-text{font-size:1rem;font-weight:300;opacity:.85}.how-arrow{font-size:1.5rem;opacity:.35;font-weight:300}.product-map-section{min-height:45vh;display:flex;align-items:center;justify-content:center;padding:8vh 5%;background:#16161680;border-top:1px solid #2a2a2a;opacity:0}.product-map-section.section-reveal{animation:reveal .6s ease-out forwards}.product-map-content{max-width:1000px;width:100%}.section-title{font-size:1rem;font-weight:300;opacity:.5;margin:0 0 2.5rem;text-transform:uppercase;letter-spacing:.15em;text-align:center}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.map-card{background:#242424;border:1px solid #333;border-radius:8px;padding:2rem 1.75rem;cursor:pointer;transition:all .18s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 8px #0000004d}.map-card:hover{background:#2a2a2a;border-color:#3a3a3a;transform:translateY(-1px);box-shadow:0 3px 12px #0006}.map-card:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.map-card-title{font-size:1.2rem;font-weight:400}.map-card-descriptor{font-size:.9rem;font-weight:300;opacity:.65}.lower-section{min-height:40vh;display:flex;align-items:center;justify-content:center;padding:8vh 5% 10vh;opacity:0}.lower-section.section-reveal{animation:reveal .6s ease-out forwards}.info-panel{background:#252525;border:1px solid #353535;border-radius:8px;padding:2.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:400px;width:100%;text-decoration:none;color:inherit;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #00000059}.info-panel:hover{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 3px 12px #0006;transform:translateY(-1px)}.info-panel:active{transform:translateY(0)}.info-panel:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.info-label{font-size:1.15rem;font-weight:400}.info-hint{font-size:.9rem;font-weight:300;opacity:.6}@media (max-width: 900px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.how-content{gap:2rem}.how-arrow{transform:rotate(90deg)}}@media (max-width: 768px){.site-header{flex-direction:column;gap:1.5rem;padding:1.5rem 5%}.header-nav{gap:1.5rem}.hero-section{min-height:80vh;padding:6vh 8%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:3rem}.hero-actions{gap:1.5rem}.playground-button{padding:2.25rem 2rem}.playground-label{font-size:1.4rem}.room-button{padding:2rem 1.75rem}.room-label{font-size:1.3rem}.how-section{padding:5vh 8%}.map-grid{grid-template-columns:1fr;gap:1.5rem}.product-map-section,.lower-section{padding:6vh 8%}}@media (max-width: 600px){.nav-link{font-size:.85rem}.header-nav{gap:1rem}.hero-title{font-size:1.75rem}.playground-button{padding:2rem 1.75rem}.playground-label{font-size:1.3rem}.room-button{padding:1.75rem 1.5rem}.room-label{font-size:1.2rem}.info-panel{padding:2rem}}body.light-theme .landing-page{background:linear-gradient(180deg,#f5f3f0,#ede9e4);color:#1a1a1a}body.light-theme .site-header{background:#f0ede8;border-bottom-color:#ddd8d0}body.light-theme .brand,body.light-theme .nav-link{color:#1a1a1a}body.light-theme .nav-link:hover{opacity:1;background:linear-gradient(90deg,#16a34a,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-theme .hero-title{color:#1a1a1a}body.light-theme .hero-subtitle{color:#555}body.light-theme .playground-button,body.light-theme .room-button{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .playground-button:hover,body.light-theme .room-button:hover{background:#fafaf8;border-color:#bbb}body.light-theme .playground-label,body.light-theme .playground-hint,body.light-theme .room-label,body.light-theme .room-hint{color:#1a1a1a}body.light-theme .how-section{background:transparent}body.light-theme .how-step{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .step-number{background:#f0ede8;color:#1a1a1a;border-color:#ddd}body.light-theme .how-arrow{color:#888}body.light-theme .section-title{color:#1a1a1a}body.light-theme .map-grid{gap:1.5rem}body.light-theme .map-card{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .map-card:hover{background:#fafaf8;border-color:#bbb}body.light-theme .map-card-title{color:#1a1a1a}body.light-theme .map-card-descriptor{color:#666}body.light-theme .info-panel{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .info-panel:hover{background:#fafaf8;border-color:#bbb}body.light-theme .info-label{color:#1a1a1a}body.light-theme .info-hint{color:#666}.meaning-bubble{position:fixed;background:#fafafa;border:1px solid #ddd;padding:.75rem;border-radius:4px;font-size:.875rem;color:#666;box-shadow:0 2px 8px #00000026;z-index:1000;max-width:250px;pointer-events:auto;cursor:pointer;animation:fadeIn .15s ease;display:flex;flex-direction:column;gap:.5rem}.meaning-text{line-height:1.4}.change-button{padding:.4rem .8rem;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.change-button:hover{background:#45a049}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.meaning-bubble:hover{background:#f5f5f5}.home-arrow{position:absolute;top:20px;left:20px;background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:8px;transition:color .2s;z-index:10}.home-arrow:hover{color:#000}.home-arrow:focus{outline:2px solid #4CAF50;outline-offset:2px}body.light-theme .home-arrow{color:#999}body.light-theme .home-arrow:hover{color:#1a1a1a}.call-screen{width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8}.call-container{max-width:600px;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:36px;box-sizing:border-box;height:100vh;overflow-y:auto}.header{text-align:center;position:relative;width:100%}.header h1{font-size:1.5rem;color:#e8e8e8;margin:0;font-weight:400;letter-spacing:.02em;opacity:.9}.icon-group{position:absolute;top:20px;right:20px;display:flex;gap:12px;z-index:10}.history-icon,.account-icon{background:none;border:none;color:#e8e8e8;font-size:1.5rem;cursor:pointer;transition:opacity .18s ease;padding:4px;opacity:.7}.conversation-area{width:100%;max-width:540px;min-height:200px;display:flex;flex-direction:column;gap:24px;padding:2rem 1.5rem;background:#14141440;border:1px solid rgba(58,58,58,.2);border-radius:12px;box-shadow:0 1px 4px #00000026}.conversation-text{font-size:1.1rem;line-height:1.6;animation:fadeIn .8s ease-in;transition:opacity 1.2s ease;color:#e8e8e8}.user-text{text-align:left;font-weight:400;opacity:1}.ai-text{text-align:left;padding-left:40px;font-weight:400;opacity:.9}.ai-message-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%}.replay-button{position:absolute;top:-1.75rem;left:0;background:none;border:none;font-size:1rem;cursor:pointer;opacity:.5;transition:opacity .18s ease;padding:.25rem}.replay-button:hover:not(:disabled){opacity:1}.replay-button:disabled{opacity:.3;cursor:not-allowed}.conversation-text.ghost{opacity:.25}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-50%) translateY(8px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.mic-container{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.mic-button{width:130px;height:130px;border-radius:50%;background:#2a2a2a;border:2px solid #3a3a3a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;-webkit-user-select:none;user-select:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden}.mic-button.listening{transform:scale(1.02);border-color:#16a34a;box-shadow:0 4px 12px #16a34a33}.mic-button.processing{animation:none;transform:scale(1.02);border-color:#16a34a;opacity:.8;cursor:not-allowed}.mic-button.speaking{animation:speakPulse 3.5s ease-in-out infinite;cursor:not-allowed}.mic-button.speaking:before{opacity:.06}@keyframes speakPulse{0%,to{transform:scale(1.01)}50%{transform:scale(1.02)}}.mic-invitation{font-size:.95rem;color:#e8e8e8;opacity:.6;font-weight:300;margin:0;animation:fadeIn .8s ease-in}.opening-prompt{font-size:.9rem;color:#e8e8e8;opacity:.5;font-weight:300;margin:8px 0 0;text-align:center;max-width:400px;line-height:1.4;font-style:italic}.opening-prompt-wrap{display:flex;align-items:center;justify-content:center;gap:.55rem}.opening-prompt-audio{border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer;font-size:1rem;padding:.2rem}.opening-prompt-audio:hover{opacity:1}.end-call-btn{padding:.75rem 1.5rem;background:#353535;color:#e8e8e8;border:1px solid #454545;border-radius:8px;font-size:.95rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .18s ease;box-shadow:0 2px 6px #00000040;margin-top:20px;opacity:.85}.end-call-btn:hover{background:#404040;border-color:#505050;transform:translateY(-1px);box-shadow:0 3px 8px #0000004d;opacity:1}.end-call-btn:active{transform:translateY(0)}.phone-icon{font-size:1rem;transform:rotate(135deg)}.welcome-container{text-align:center;padding:4rem 3.5rem;animation:fadeIn .8s ease-in;max-width:600px;width:100%;margin:0 auto;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.welcome-title{font-size:2.5rem;color:#e8e8e8;margin-bottom:1rem;font-weight:400;letter-spacing:.02em}.welcome-subtitle{font-size:1.2rem;color:#e8e8e8;margin-bottom:2.5rem;font-weight:300;line-height:1.5;opacity:.85}.unit-entry{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.unit-moment{font-size:.9rem;color:#e8e8e8;opacity:.5;font-weight:300;margin:0;text-align:center}.unit-sentence{font-size:1.75rem;color:#e8e8e8;font-weight:400;margin:0;text-align:center;line-height:1.4;letter-spacing:.01em}.start-conversation-btn{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e8e8;padding:.95rem 1.85rem;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .18s ease;box-shadow:0 3px 12px #0006;position:relative;overflow:hidden}.start-conversation-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#16a34a,#6d28d9);opacity:0;transition:opacity .18s ease;border-radius:8px}.start-conversation-btn:hover:before{opacity:.12}.start-conversation-btn:hover{border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 14px #00000080}.start-conversation-btn:active{transform:translateY(0)}.welcome-requirements{font-size:.9rem;color:#e8e8e8;opacity:.6;margin-top:1rem;font-weight:300}.trust-transparency{margin-top:1.5rem;font-size:.875rem;color:#e8e8e8;opacity:.5;font-weight:300}.session-ended{text-align:center;padding:4rem 3.5rem;animation:fadeIn .8s ease-in;max-width:600px;width:100%;margin:0 auto;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.session-ended h1{font-size:2rem;color:#e8e8e8;margin-bottom:1rem;font-weight:400}.session-ended p{font-size:1.1rem;color:#e8e8e8;opacity:.75;margin-bottom:2rem}.session-end-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.new-call-btn,.continue-playground-btn{padding:.875rem 1.75rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e8e8;font-size:1rem;font-weight:400;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #00000059}.new-call-btn:hover,.continue-playground-btn:hover{background:#323232;border-color:#444;transform:translateY(-1px);box-shadow:0 3px 12px #0006}.new-call-btn:active,.continue-playground-btn:active{transform:translateY(0)}.back-home-btn{padding:.875rem 1.75rem;background:#252525;border:1px solid #353535;border-radius:8px;color:#e8e8e8;font-size:1rem;font-weight:400;cursor:pointer;transition:all .18s ease;opacity:.9}.back-home-btn:hover{background:#2a2a2a;border-color:#3a3a3a;transform:translateY(-1px);opacity:1}.back-home-btn:active{transform:translateY(0)}.history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:100;overflow-y:auto;padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.history-header h2{font-size:1.8rem;color:#495057}.close-btn,.back-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer}.history-empty{text-align:center;color:#868e96;margin-top:60px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:16px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:background .3s ease}.history-item:hover{background:#e9ecef}.session-date{font-size:1rem;color:#495057}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.detail-date{font-size:1.2rem;color:#495057;font-weight:600}.detail-transcript{display:flex;flex-direction:column;gap:20px}.transcript-exchange{display:flex;flex-direction:column;gap:8px}.transcript-user,.transcript-rylingo{padding:12px;border-radius:12px;display:flex;gap:8px;align-items:flex-start}.transcript-user{background:#e3f2fd;color:#1565c0}.transcript-rylingo{background:#fff3e0;color:#e65100}.transcript-label{font-weight:600;white-space:nowrap}.transcript-text{flex:1}.play-reply-btn{background:none;border:none;color:#e65100;font-size:.9rem;cursor:pointer;padding:4px}.play-reply-btn:hover{color:#bf360c}@media (max-width: 768px){.call-container{padding:40px 20px;gap:32px}.header h1{font-size:1.5rem}.conversation-area{max-width:100%;padding:1.5rem}.conversation-text{font-size:1rem}.ai-text{padding-left:30px}.mic-button{width:120px;height:120px}.mic-icon{font-size:2.75rem}.welcome-container{padding:3rem 2rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1.1rem}.start-conversation-btn{padding:.875rem 1.5rem;font-size:1rem}.session-ended{padding:3rem 2rem}.session-ended h1{font-size:1.75rem}.session-ended p{font-size:1rem}.session-end-actions{flex-direction:column;width:100%}.new-call-btn,.continue-playground-btn,.back-home-btn{width:100%}}body.light-theme .call-screen{background:linear-gradient(180deg,#f5f3f0,#ede9e4);color:#1a1a1a}body.light-theme .header h1{color:#1a1a1a}body.light-theme .icon-group{background:transparent}body.light-theme .icon-button{color:#555;background:#fff;border-color:#ddd}body.light-theme .icon-button:hover{background:#fafaf8;border-color:#bbb;color:#1a1a1a}body.light-theme .message{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .message-user{background:#f0ede8;border-color:#ddd}body.light-theme .message-rylingo{background:#fff;border-color:#ddd}body.light-theme .heard-speech-subtitle{color:#888}body.light-theme .input-group{background:transparent}body.light-theme .voice-input{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .voice-input:hover{background:#fafaf8;border-color:#bbb}body.light-theme .listen-button{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .listen-button:hover{background:#fafaf8;border-color:#bbb}body.light-theme .welcome-section{background:transparent}body.light-theme .welcome-title{color:#1a1a1a}body.light-theme .welcome-subtitle{color:#666}body.light-theme .start-conversation-btn{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .start-conversation-btn:hover{background:#fafaf8;border-color:#bbb}body.light-theme .session-ended{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .session-ended h1{color:#1a1a1a}body.light-theme .session-ended p{color:#666}body.light-theme .new-call-btn,body.light-theme .continue-playground-btn,body.light-theme .back-home-btn{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .new-call-btn:hover,body.light-theme .continue-playground-btn:hover,body.light-theme .back-home-btn:hover{background:#fafaf8;border-color:#bbb}.playground-screen{position:relative;width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);display:flex;justify-content:center;align-items:center;padding:2rem 5%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8}.guided-flow{display:flex;flex-direction:column;gap:2rem;padding:2rem 0;animation:fadeIn .4s ease-in;width:100%;max-width:600px;margin:0 auto}.guided-phrase-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;background:#2a2a2a66;border:1px solid rgba(58,58,58,.4);border-radius:12px}.guided-visual-marker{font-size:4rem;line-height:1;margin-bottom:.5rem}.guided-phrase-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#2a2a2a66;border:1px solid rgba(58,58,58,.4);border-radius:8px;transition:all .18s ease}.guided-phrase-row:hover{background:#2a2a2a80;border-color:#3a3a3a80}.guided-audio-button{background:#16a34a26;border:1px solid rgba(22,163,74,.3);color:#16a34a;font-size:.9rem;padding:.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s ease}.guided-audio-button:hover{background:#16a34a40;border-color:#16a34a80;transform:scale(1.05)}.guided-audio-button:active{transform:scale(.95)}.guided-phrase-text{font-size:1.25rem;font-weight:400;color:#e8e8e8;line-height:1.5;flex:1}.guided-changed-word{text-decoration:underline;text-decoration-color:#fff6;text-decoration-thickness:1px}.guided-scene{font-size:.9rem;font-weight:300;color:#888;opacity:.5;text-align:center;line-height:1.4;margin-top:.5rem}.guided-meaning,.guided-compressed-meaning{font-size:.85rem;font-weight:300;color:#ffffff80;margin-top:.6rem;text-align:center;font-style:italic;line-height:1.4}.guided-meaning{font-size:1rem;font-weight:300;color:#aaa;opacity:.65;padding-left:3rem;line-height:1.5}.guided-variations-section{display:flex;flex-direction:column;gap:.75rem}.guided-variation-row{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#2a2a2a4d;border:1px solid rgba(58,58,58,.3);border-radius:8px;cursor:pointer;transition:all .18s ease}.guided-variation-row:hover{background:#2a2a2a73;border-color:#3a3a3a73}.guided-variation-row.selected{background:#16a34a1a;border-color:#16a34a66}.guided-variation-row.selected:hover{background:#16a34a26;border-color:#16a34a80}.guided-variation-icon{font-size:2rem;line-height:1;flex-shrink:0}.guided-variation-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.guided-scene-small{font-size:.8rem;font-weight:300;color:#888;opacity:.5;line-height:1.3}.guided-action-button:disabled{opacity:.4;cursor:not-allowed}.guided-progress{text-align:center;font-size:.875rem;color:#888;opacity:.6;font-weight:300;margin-top:.5rem}.guided-flow-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.guided-action-button{padding:.75rem 1.5rem;font-size:.95rem;font-weight:400;border-radius:6px;cursor:pointer;transition:all .18s ease;border:1px solid transparent}.guided-action-button.secondary{background:#2a2a2a80;border-color:#3a3a3a80;color:#aaa}.guided-action-button.secondary:hover{background:#2a2a2ab3;border-color:#3a3a3ab3;color:#e8e8e8}.guided-action-button.primary{background:#16a34a26;border-color:#16a34a4d;color:#16a34a}.guided-action-button.primary:hover{background:#16a34a40;border-color:#16a34a80}.guided-action-button.subtle{background:transparent;border-color:transparent;color:#aaa;text-decoration:underline;padding:.5rem .75rem;font-size:.9rem}.guided-action-button.subtle:hover{color:#ddd;background:#ffffff0a}.playground-container{max-width:700px;width:100%;padding:2rem}.playground-header{position:relative;text-align:center;margin-bottom:3rem}.icon-group{position:absolute;top:0;right:0;display:flex;gap:1rem}.history-icon,.account-icon{background:none;border:none;color:#e8e8e8;cursor:pointer;font-size:1.25rem;padding:.5rem;opacity:.7;transition:opacity .18s ease}.history-icon:hover,.account-icon:hover{opacity:1}.playground-title{font-size:1.75rem;font-weight:400;color:#e8e8e8;margin:0 0 .5rem;letter-spacing:.02em}.playground-subtitle{font-size:.95rem;color:#e8e8e8;opacity:.6;font-weight:300;margin:0}.entry-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;max-width:600px;margin:0 auto}.entry-subtitle{font-size:.95rem;color:#e8e8e8;opacity:.6;font-weight:300;text-align:center}.entry-seed-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;background:#2a2a2a66;border:1px solid rgba(58,58,58,.4);border-radius:12px;width:100%}.entry-seed-icon{font-size:4rem;line-height:1}.entry-seed-text{font-size:1.4rem;font-weight:400;color:#e8e8e8;line-height:1.5;text-align:center}.entry-seed-scene{font-size:.9rem;color:#888;opacity:.5;text-align:center}.entry-begin-button{padding:.875rem 2rem;font-size:1rem;font-weight:400;color:#e8e8e8;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;cursor:pointer;transition:all .18s ease}.entry-begin-button:hover{background:#323232;border-color:#444;transform:translateY(-1px)}.entry-another-seed{background:none;border:none;color:#e8e8e8;opacity:.6;font-size:.9rem;cursor:pointer;transition:opacity .18s ease;padding:0}.entry-another-seed:hover{opacity:1}.entry-phase{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.suggestion-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:2.5rem 2rem;width:100%;max-width:500px;cursor:pointer;transition:all .18s ease;box-shadow:0 3px 12px #0006;position:relative;overflow:hidden;text-align:center}.suggestion-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#16a34a,#6d28d9);opacity:0;transition:opacity .18s ease;border-radius:8px}.suggestion-card:hover:before{opacity:.1}.suggestion-card:hover{border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 14px #00000080}.suggestion-text{font-size:1.4rem;font-weight:400;color:#e8e8e8;line-height:1.5;position:relative;z-index:1}.cycle-link{background:none;border:none;color:#e8e8e8;font-size:.875rem;font-weight:300;opacity:.5;cursor:pointer;transition:all .18s ease;padding:0}.cycle-link:hover{opacity:1;background:linear-gradient(90deg,#16a34a,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cycle-link:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.entry-separator{font-size:.875rem;color:#e8e8e8;opacity:.4;font-weight:300;margin:.5rem 0}.input-card{background:#252525;border:1px solid #353535;border-radius:8px;padding:1.75rem 1.5rem;width:100%;max-width:500px;box-shadow:0 2px 8px #00000059;display:flex;flex-direction:column;gap:1rem}.entry-input{background:#222;border:1px solid #333;border-radius:8px;color:#e8e8e8;padding:.875rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:70px;transition:border-color .18s ease;line-height:1.5}.entry-input:focus{outline:none;border-color:#16a34a}.entry-input::placeholder{color:#666;opacity:1}.submit-button{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e8e8;padding:.75rem 1.25rem;font-size:.95rem;font-weight:400;cursor:pointer;transition:all .18s ease;align-self:flex-end}.submit-button:hover:not(:disabled){background:#323232;border-color:#444;transform:translateY(-1px)}.submit-button:disabled{opacity:.4;cursor:not-allowed}.submit-button:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.sentence-core{position:relative;text-align:center;padding:2rem 1.5rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:1.5rem;margin-top:1rem;transition:background .3s ease,transform .15s ease;box-shadow:0 2px 8px #00000059}.sentence-core.changing{background:#2d2d2d;transform:scale(1.01)}.transformation-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;animation:fadeInTransformation .25s ease forwards}@keyframes fadeInTransformation{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.previous-sentence{font-size:1.1rem;font-weight:400;color:#e8e8e8;opacity:.5;line-height:1.5;text-align:center}.transformation-arrow{font-size:1rem;color:#e8e8e8;opacity:.35;flex-shrink:0}.current-sentence-preview{font-size:1.1rem;font-weight:400;color:#e8e8e8;opacity:.75;line-height:1.5;text-align:center}.sentence-text{font-size:1.5rem;font-weight:400;color:#e8e8e8;line-height:1.6;margin-bottom:.75rem}.tappable-word{cursor:pointer;padding:0 1px;border-radius:2px;transition:background-color .1s}.tappable-word:hover{background-color:#ffffff14}.word-in-chunk{background-color:#16a34a33;padding:0 .2rem;border-radius:2px;box-shadow:inset 0 0 0 1px #16a34a66}.word-modified{background-color:#16a34a26;padding:0 .2rem;border-radius:2px;transition:background-color 1.5s ease}.highlight-change{background-color:#16a34a26;padding:0 .2rem;border-radius:2px}.sentence-audio-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity .18s ease;padding:.25rem}.sentence-audio-button:hover{opacity:1}.pressure-indicator{font-size:.95rem;color:#e8e8e8;opacity:.6;font-style:italic;margin-top:.75rem}.rejection-message{font-size:.875rem;color:#e8e8e8;opacity:.65;margin-top:.75rem;padding:.5rem .75rem;background:#ffffff08;border-radius:4px;animation:fadeInRejection .2s ease}@keyframes fadeInRejection{0%{opacity:0;transform:translateY(-2px)}to{opacity:.65;transform:translateY(0)}}.other-directions{opacity:1;transition:opacity .18s ease;margin-bottom:1.5rem}.other-directions.fading{opacity:0}.section-label{display:block;font-size:.875rem;color:#e8e8e8;opacity:.5;margin-bottom:.75rem;font-weight:300}.variations-list{display:flex;flex-direction:column;gap:1rem}.variation-item{padding:1rem 1.25rem;font-size:1rem;color:#e8e8e8;line-height:1.6;background-color:#252525;border:1px solid #353535;border-radius:8px;box-shadow:0 1px 4px #0000004d}.call-room-bridge{margin-top:1.5rem;margin-bottom:1.5rem;text-align:center}.bridge-button{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:400;color:#e8e8e8;background-color:#252525;border:1px solid #353535;border-radius:8px;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 6px #0000004d}.bridge-button:hover{background-color:#2a2a2a;border-color:#3a3a3a;transform:translateY(-1px);box-shadow:0 3px 10px #0006}.actions-section{margin-top:1.5rem;text-align:center}.clear-button{padding:.625rem 1.5rem;font-size:.95rem;font-weight:400;color:#e8e8e8;background-color:#222;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .18s ease;opacity:.7}.clear-button:hover{background-color:#252525;border-color:#353535;opacity:1}.playground-footer{margin-top:3rem;text-align:center}.back-link{color:#e8e8e8;text-decoration:none;font-size:.95rem;opacity:.6;transition:all .18s ease}.back-link:hover{opacity:1;background:linear-gradient(90deg,#16a34a,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.playground-screen{padding:1.5rem 5%}.playground-container{padding:1.5rem}.playground-title{font-size:1.5rem}.transformation-indicator{flex-direction:column;gap:.35rem}.previous-sentence,.current-sentence-preview{font-size:1rem}.transformation-arrow{transform:rotate(90deg);font-size:.9rem}.icon-group{gap:.5rem}.suggestion-card,.input-card{max-width:100%;padding:2rem 1.5rem}.suggestion-text{font-size:1.2rem}.entry-input{font-size:.95rem}.sentence-text{font-size:1.25rem}.sentence-core{padding:1.5rem 1rem}.variation-item{padding:.875rem 1rem}}@media (max-width: 600px){.suggestion-card{padding:1.75rem 1.25rem}.suggestion-text{font-size:1.1rem}.input-card{padding:1.5rem 1.25rem}}body.light-theme .playground-screen{background:linear-gradient(180deg,#f5f3f0,#ede9e4);color:#1a1a1a}body.light-theme .history-icon,body.light-theme .account-icon{color:#555}body.light-theme .history-icon:hover,body.light-theme .account-icon:hover,body.light-theme .playground-title{color:#1a1a1a}body.light-theme .language-select{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .language-select:hover{border-color:#bbb;background:#fafaf8}body.light-theme .suggestion-card{background:#fff;border-color:#ddd}body.light-theme .suggestion-text{color:#1a1a1a}body.light-theme .suggestion-hint{color:#888}body.light-theme .input-card{background:#fff;border-color:#ddd}body.light-theme .entry-input{background:#f9f9f9;border-color:#ddd;color:#1a1a1a;caret-color:#1a1a1a}body.light-theme .entry-input::placeholder{color:#999}body.light-theme .entry-input:focus{border-color:#888;background:#fff}body.light-theme .sentence-core{background:#f9f9f9;border-color:#ddd}body.light-theme .sentence-text,body.light-theme .variations-header{color:#1a1a1a}body.light-theme .variation-item{background:#f9f9f9;border-color:#ddd;color:#1a1a1a}body.light-theme .variation-item:hover{background:#fafaf8;border-color:#bbb}body.light-theme .voice-button{background:#fff;border-color:#ddd;color:#555}body.light-theme .voice-button:hover{background:#fafaf8;border-color:#bbb;color:#1a1a1a}body.light-theme .send-button{background:#fff;border-color:#ddd;color:#555}body.light-theme .send-button:hover{background:#fafaf8;border-color:#bbb;color:#1a1a1a}.word-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:1000}.word-picker-popup{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #00000026;min-width:280px;max-width:400px}.popup-header{font-size:.95rem;color:#666;margin-bottom:1rem;text-align:center}.quick-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.quick-option-btn{padding:.75rem 1.25rem;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s;flex:1;min-width:80px}.quick-option-btn:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.custom-input-section{display:flex;flex-direction:column;gap:.5rem}.custom-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:4px;transition:border-color .2s}.custom-input:focus{outline:none;border-color:#888}.chunk-expansion-controls{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.expand-button{flex:1;padding:.6rem .75rem;background:#5a9fd4;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.expand-button:hover:not(:disabled){background:#3d7db5;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.expand-button:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.no-options-text{font-size:.9rem;color:#999;text-align:center;padding:.5rem 0;margin-bottom:1rem}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mode-toggle button{flex:1;padding:.6rem .75rem;background:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.mode-toggle button.active{background:#4caf50;color:#fff;border-color:#4caf50}.mode-toggle button:hover{border-color:#888}.apply-button{align-self:flex-end;padding:.6rem 1.5rem;background:#888;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.apply-button:hover:not(:disabled){background:#666}.apply-button:disabled{background:#ccc;cursor:not-allowed}.imitation-loop{width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8;display:flex;align-items:center;justify-content:center}.loop-container{max-width:600px;width:100%;padding:40px 24px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto minmax(100px,auto) auto auto;align-items:center;justify-items:center;gap:40px}.language-context{font-size:.75rem;font-weight:300;color:#888;opacity:.4;letter-spacing:.05em;text-align:center}.audio-first-section{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.listen-instruction{font-size:.85rem;font-weight:300;color:#999;opacity:.6;margin:0;letter-spacing:.02em;text-transform:lowercase;line-height:1.4}.play-target-button-prominent{width:80px;height:80px;border-radius:50%;background:#3a3a3ab3;border:2px solid rgba(100,100,100,.6);color:#e8e8e8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .18s ease;position:relative;overflow:hidden;flex-shrink:0}.play-target-button-prominent:hover{background:#505050e6;border-color:#787878cc;transform:scale(1.05)}.play-target-button-prominent:active{transform:scale(.98)}.play-icon{font-size:1.75rem;font-weight:400}.text-reveal-section{width:100%;animation:slideDown .3s ease-out}.sentence-display{font-size:2rem;font-weight:400;text-align:center;line-height:1.4;color:#e8e8e8;letter-spacing:.01em}.play-target-button{display:none}.sentence-display.has-support{cursor:pointer;transition:opacity .18s ease}.sentence-display.has-support:hover{opacity:.85}.word-clickable{position:relative;padding:2px 0;transition:opacity .12s ease}.word-clickable:hover{opacity:.7;cursor:pointer}.sentence-meaning{font-size:1.1rem;font-weight:300;text-align:center;color:#aaa;opacity:.6;max-width:500px;padding:1rem 0;margin-top:-24px;border-top:1px solid rgba(255,255,255,.08);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:.6;transform:translateY(0)}}.meaning-hint{font-size:.75rem;font-weight:300;color:#666;opacity:.4;text-align:center;margin-top:-28px;font-style:italic;animation:fadeInHint .5s ease-in}@keyframes fadeInHint{0%{opacity:0}to{opacity:.4}}.mic-container{display:flex;flex-direction:column;align-items:center;gap:20px}.mic-button{width:140px;height:140px;border-radius:50%;background:#2a2a2a;border:2px solid #3a3a3a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;-webkit-user-select:none;user-select:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden}.mic-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#16a34a,#6d28d9);opacity:0;transition:opacity .3s ease;border-radius:50%}.mic-button.listening{transform:scale(1.03);border-color:#16a34a;box-shadow:0 6px 20px #16a34a4d}.mic-button.listening:before{opacity:.08}.mic-button.processing{transform:scale(1.02);border-color:#16a34a;opacity:.8;cursor:not-allowed}.mic-icon{font-size:3rem;color:#e8e8e8;position:relative;z-index:1}.heard-section{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:500px;animation:fadeIn .3s ease-in}.heard-section.hidden{visibility:hidden}.heard-label{font-size:.7rem;font-weight:400;color:#666;opacity:.6;letter-spacing:.05em;text-transform:lowercase}.heard-text{font-size:.95rem;line-height:1.5;text-align:center;color:#aaa;opacity:.55;padding:.75rem 1rem;font-style:italic;transition:opacity .25s ease,font-style .25s ease}.heard-text.live{opacity:.65;font-style:italic}.heard-text.settled{opacity:.9;font-style:normal}.response-display{font-size:1.1rem;line-height:1.6;text-align:center;color:#e8e8e8;opacity:.85;max-width:500px;padding:1.5rem;background:#2a2a2a4d;border:1px solid rgba(58,58,58,.3);border-radius:8px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.85;transform:translateY(0)}}.pronunciation-bubble{background:#202020f2;border:1px solid rgba(58,58,58,.6);border-radius:8px;padding:12px 16px;box-shadow:0 4px 16px #00000080;z-index:1000;cursor:pointer;animation:bubbleFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bubble-word{font-size:1rem;font-weight:400;color:#e8e8e8;margin-bottom:6px}.bubble-pronunciation{font-size:.9rem;font-weight:300;color:#16a34a;font-family:Courier New,monospace;margin-bottom:4px}.bubble-meaning{font-size:.85rem;font-weight:300;color:#888;font-style:italic}.bubble-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:transparent;cursor:default}.show-text-button{background:none;border:1px solid rgba(255,255,255,.12);color:#888;font-size:.8rem;font-weight:300;cursor:pointer;opacity:.5;transition:opacity .18s ease,border-color .18s ease,color .18s ease;padding:.5rem 1rem;border-radius:3px;letter-spacing:.01em}.show-text-button:hover{opacity:.8;border-color:#fff3;color:#aaa}.navigation-buttons{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.back-button,.next-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb8;font-size:.9rem;font-weight:300;cursor:pointer;opacity:.65;transition:opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease;padding:.55rem 1rem;border-radius:999px}.back-button:hover,.next-button:hover{opacity:.9;background:#ffffff1a}.back-button{color:#ffffffa3}.next-button{color:#ffffffd1}.bridge-button{background:#ffffff29;border:1px solid rgba(255,255,255,.24);color:#fff;font-size:.95rem;font-weight:400;cursor:pointer;opacity:1;transition:opacity .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;padding:.85rem 1.4rem;margin-top:.5rem;border-radius:999px;box-shadow:0 16px 40px #00000029}.bridge-button:hover{background:#ffffff3d;border-color:#ffffff52;transform:translateY(-1px)}@media (max-width: 768px){.sentence-display{font-size:1.5rem}.mic-button{width:120px;height:120px}.mic-icon{font-size:2.5rem}.response-display{font-size:1rem;padding:1.25rem}.loop-container{padding:40px 20px;gap:32px}.pronunciation-bubble{max-width:280px;left:50%!important;transform:translate(-50%)!important}}body.light-theme .imitation-loop{background:linear-gradient(180deg,#f5f3f0,#ede9e4);color:#1a1a1a}body.light-theme .language-context{color:#666}body.light-theme .listen-instruction{color:#777}body.light-theme .play-target-button-prominent{background:#dcdcdccc;border-color:#b4b4b4b3;color:#333}body.light-theme .play-target-button-prominent:hover{background:#c8c8c8f2;border-color:#a0a0a0cc}body.light-theme .sentence-display{color:#1a1a1a}body.light-theme .sentence-meaning{color:#555;border-top-color:#00000014}body.light-theme .meaning-hint{color:#999}body.light-theme .show-text-button{border-color:#0000001f;color:#777}body.light-theme .show-text-button:hover{border-color:#0003;color:#555}body.light-theme .mic-button{background:#fff;border-color:#ddd}body.light-theme .mic-button:hover{background:#fafaf8;border-color:#bbb}body.light-theme .mic-button.listening{background:#16a34a1a;border-color:#16a34a80}body.light-theme .mic-icon{color:#555}body.light-theme .heard-label{color:#999}body.light-theme .heard-text{color:#555}body.light-theme .response-display{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .pronunciation-bubble{background:#fffffffa;border-color:#00000026}body.light-theme .bubble-word{color:#1a1a1a}body.light-theme .bubble-pronunciation{color:#16a34a}body.light-theme .bubble-meaning{color:#666}body.light-theme .load-spinner{border-color:#ddd;border-top-color:#888}.what-rylingo-is-page{max-width:700px;margin:0 auto;padding:60px 32px;min-height:100vh}.what-rylingo-is-page h1{font-size:2rem;font-weight:500;margin-bottom:16px}.what-rylingo-is-page .subtitle{font-size:1.1rem;margin-bottom:40px}.what-rylingo-is-page section{margin-bottom:40px}.what-rylingo-is-page h2{font-size:1.3rem;font-weight:500;margin-bottom:12px}.what-rylingo-is-page ul{list-style:disc;padding-left:24px;line-height:1.7}.what-rylingo-is-page li{margin-bottom:8px}.what-rylingo-is-page a{display:inline-block;margin-top:32px;text-decoration:none;font-size:.95rem}.what-rylingo-is-page a:hover{text-decoration:underline}.what-rylingo-is-page a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.light-theme .what-rylingo-is-page h1{color:#1a1a1a}body.light-theme .what-rylingo-is-page .subtitle{color:#666}body.light-theme .what-rylingo-is-page h2{color:#1a1a1a}body.light-theme .what-rylingo-is-page ul,body.light-theme .what-rylingo-is-page li{color:#333}body.light-theme .what-rylingo-is-page a{color:#4a6fa5}body.light-theme .what-rylingo-is-page a:hover{color:#3d5a8a}.subpage-container{width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8;padding:2rem 5%}.subpage-content{max-width:800px;margin:0 auto}.subpage-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.subpage-back-btn{background:none;border:none;color:#e8e8e8;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .18s ease;padding:.5rem}.subpage-back-btn:hover{opacity:1}.subpage-back-btn:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.subpage-title{font-size:2rem;font-weight:400;color:#e8e8e8;margin:0;letter-spacing:.02em}@media (max-width: 768px){.subpage-container{padding:1.5rem 5%}.subpage-header{margin-bottom:2rem}.subpage-title{font-size:1.75rem}}.history-error{background:#dc354526;border:1px solid rgba(220,53,69,.3);color:#f88;padding:1rem 1.25rem;border-radius:8px;margin-bottom:2rem;font-size:.95rem}.history-empty{text-align:center;color:#e8e8e8;opacity:.6;margin-top:4rem}.history-empty p{font-size:1.1rem;margin:0}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{padding:1.25rem 1.5rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:space-between}.history-item:hover{background:#323232;border-color:#444;transform:translateY(-1px)}.session-date{font-size:1rem;color:#e8e8e8}.detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.detail-back-btn{background:none;border:none;color:#e8e8e8;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .18s ease;padding:.5rem}.detail-back-btn:hover{opacity:1}.detail-date{font-size:1.25rem;color:#e8e8e8;font-weight:400}.detail-transcript{display:flex;flex-direction:column;gap:2rem}.transcript-exchange{display:flex;flex-direction:column;gap:1rem}.transcript-user,.transcript-ai{padding:1rem 1.25rem;border-radius:8px;display:flex;gap:.75rem;align-items:flex-start}.transcript-user{background:#2a2a2a80;border:1px solid rgba(58,58,58,.5)}.transcript-ai{background:#25252580;border:1px solid rgba(53,53,53,.5);position:relative}.transcript-label{font-weight:400;white-space:nowrap;color:#e8e8e8;opacity:.7}.transcript-text{flex:1;color:#e8e8e8;line-height:1.6}.play-reply-btn{background:none;border:none;color:#e8e8e8;font-size:.9rem;cursor:pointer;opacity:.5;transition:opacity .18s ease;padding:.25rem;margin-left:auto}.play-reply-btn:hover{opacity:1}.inline-confirm{display:flex;gap:.5rem;margin-left:auto}.confirm-delete-btn,.cancel-delete-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .18s ease}.confirm-delete-btn{background:#dc3545e6;color:#e8e8e8}.confirm-delete-btn:hover{background:#dc3545}.cancel-delete-btn{background:#3a3a3a;color:#e8e8e8}.cancel-delete-btn:hover{background:#444}.delete-btn{background:none;border:none;color:#e8e8e8;font-size:1rem;cursor:pointer;padding:.5rem;margin-left:auto;opacity:.5;transition:opacity .18s ease}.delete-btn:hover{opacity:1;color:#f99}@media (max-width: 768px){.history-item{padding:1rem 1.25rem}.transcript-user,.transcript-ai{padding:.875rem 1rem}.detail-transcript{gap:1.5rem}}body.light-theme .history-error{background:#dc35451a;border-color:#dc35454d;color:#c83c3c}body.light-theme .history-empty{color:#666}body.light-theme .history-item{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .history-item:hover{background:#fafaf8;border-color:#bbb}body.light-theme .history-date{color:#888}body.light-theme .history-preview{color:#666}body.light-theme .transcript-user{background:#f0ede8;border-color:#ddd;color:#1a1a1a}body.light-theme .transcript-ai{background:#fff;border-color:#ddd;color:#1a1a1a}body.light-theme .delete-btn{color:#888}body.light-theme .delete-btn:hover{color:#d84040}.settings-page{width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8;padding:60px 20px 40px;position:relative}.settings-container{max-width:900px;margin:0 auto;display:flex;gap:48px}.settings-sidebar{width:180px;flex-shrink:0}.settings-title{font-size:1.5rem;font-weight:400;margin:0 0 32px;color:#e8e8e8}.settings-nav{display:flex;flex-direction:column;gap:4px}.nav-item{background:none;border:none;color:#888;font-size:.95rem;font-weight:300;text-align:left;padding:10px 16px;cursor:pointer;border-radius:6px;transition:all .18s ease}.nav-item:hover{color:#e8e8e8;background:#ffffff08}.nav-item.active{color:#e8e8e8;background:#ffffff14;font-weight:400}.settings-content{flex:1;min-width:0}.settings-error{background:#dc262626;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:12px 16px;border-radius:6px;font-size:.9rem;margin-bottom:24px}.settings-section{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1.25rem;font-weight:400;margin:0 0 32px;color:#e8e8e8}.setting-group{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}.setting-group:last-child{border-bottom:none;padding-bottom:0}.setting-label{display:block;font-size:.9rem;font-weight:300;color:#aaa;margin-bottom:12px}.setting-options{display:flex;gap:12px;flex-wrap:wrap}.option-btn{background:#2a2a2a66;border:1px solid rgba(58,58,58,.5);color:#aaa;font-size:.9rem;font-weight:300;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .18s ease}.option-btn:hover{border-color:#585858b3;color:#e8e8e8}.option-btn.active{background:#ffffff14;border-color:#fff3;color:#e8e8e8}.setting-toggle{display:flex;align-items:center;gap:12px}.toggle-btn{width:48px;height:28px;background:#2a2a2a99;border:1px solid rgba(58,58,58,.5);border-radius:14px;cursor:pointer;position:relative;transition:all .2s ease;padding:0}.toggle-btn:hover{border-color:#585858b3}.toggle-btn.on{background:#16a34a33;border-color:#16a34a80}.toggle-slider{display:block;width:20px;height:20px;background:#888;border-radius:50%;position:absolute;top:3px;left:4px;transition:all .2s ease}.toggle-btn.on .toggle-slider{left:23px;background:#16a34a}.toggle-label{font-size:.9rem;color:#aaa}.data-controls{display:flex;flex-direction:column;gap:12px;max-width:300px}.data-btn{background:#2a2a2a66;border:1px solid rgba(58,58,58,.5);color:#e8e8e8;font-size:.95rem;font-weight:300;padding:12px 20px;border-radius:6px;cursor:pointer;transition:all .18s ease;text-align:left}.data-btn:hover{background:#34343480;border-color:#585858b3}.data-btn-danger{color:#fca5a5;border-color:#dc26264d}.data-btn-danger:hover{background:#dc26261a;border-color:#dc262680}@media (max-width: 768px){.settings-container{flex-direction:column;gap:32px}.settings-sidebar{width:100%}.settings-nav{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px}.nav-item{white-space:nowrap}.settings-title{margin-bottom:20px}.data-controls{max-width:100%}}body.light-theme .settings-page{background:linear-gradient(180deg,#f8f9fa,#e9ecef);color:#1a1a1a}body.light-theme .settings-title,body.light-theme .section-title,body.light-theme .nav-item.active,body.light-theme .option-btn.active,body.light-theme .data-btn{color:#1a1a1a}body.light-theme .nav-item{color:#666}body.light-theme .nav-item:hover{color:#1a1a1a;background:#00000008}body.light-theme .nav-item.active{background:#0000000f}body.light-theme .setting-label,body.light-theme .toggle-label{color:#666}body.light-theme .option-btn,body.light-theme .toggle-btn,body.light-theme .data-btn{background:#fffc;border-color:#0000001a;color:#666}body.light-theme .option-btn:hover,body.light-theme .toggle-btn:hover,body.light-theme .data-btn:hover{border-color:#0003;color:#1a1a1a}body.light-theme .option-btn.active{background:#00000014;border-color:#00000040;color:#1a1a1a}body.light-theme .data-btn:hover{background:#f5f5f5e6}body.light-theme .setting-group{border-bottom-color:#00000014}body.light-theme .settings-error{background:#dc26261a;border-color:#dc262640;color:#b91c1c}.access-content{max-width:600px}.access-text{font-size:1.1rem;line-height:1.6;color:#e8e8e8;opacity:.85;margin:0}body.light-theme .access-text{color:#333}.about-content{max-width:600px}.about-text{font-size:1.1rem;line-height:1.6;color:#e8e8e8;opacity:.85;margin:0 0 1.5rem}.about-text:last-child{margin-bottom:0}.placeholder-page{width:100%;min-height:100vh;background:linear-gradient(180deg,#0f1115,#140f20);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#e8e8e8;display:flex;flex-direction:column;padding:2rem 5%}.back-link{color:#e8e8e8;text-decoration:none;font-size:.95rem;font-weight:300;opacity:.7;transition:opacity .18s ease;align-self:flex-start;margin-bottom:4rem}.back-link:hover{opacity:1}.back-link:focus-visible{outline:2px solid #16a34a;outline-offset:4px}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;margin:0 auto}.placeholder-title{font-size:2.5rem;font-weight:400;margin:0 0 1.5rem;line-height:1.2}.placeholder-description{font-size:1.15rem;font-weight:300;margin:0;opacity:.75;line-height:1.6}@media (max-width: 768px){.placeholder-title{font-size:2rem}.placeholder-description{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f1115,#140f20);min-height:100vh;color:#e8e8e8}body.light-theme{background:linear-gradient(135deg,#f5f3f0,#ede9e4);color:#1a1a1a}.App{display:flex;justify-content:center;align-items:center;min-height:auto}