.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}}.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}.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:60px;box-sizing:border-box;height:100vh;overflow-y:auto}.header{text-align:center;position:relative;width:100%}.header h1{font-size:1.75rem;color:#e8e8e8;margin:0;font-weight:400;letter-spacing:.02em}.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;background:#2a2a2a80;border:1px solid rgba(58,58,58,.5);border-radius:10px;box-shadow:0 2px 8px #00000059}.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 fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@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:160px;height:160px;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;animation:breathe 5s ease-in-out infinite;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%}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.mic-button.listening{animation:none;transform:scale(1.03);border-color:#16a34a;box-shadow:0 6px 20px #16a34a4d}.mic-button.listening:before{opacity:.08}.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.02)}50%{transform:scale(1.04)}}.mic-icon{font-size:3.5rem;color:#e8e8e8;position:relative;z-index:1}.mic-invitation{font-size:.95rem;color:#e8e8e8;opacity:.6;font-weight:300;margin:0;animation:fadeIn .8s ease-in}.end-call-btn{padding:.875rem 1.75rem;background:#dc3545;color:#e8e8e8;border:1px solid #c82333;border-radius:8px;font-size:1rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .18s ease;box-shadow:0 2px 8px #dc35454d;margin-top:50px}.end-call-btn:hover{background:#c82333;border-color:#bd2130;transform:translateY(-1px);box-shadow:0 3px 12px #dc354566}.end-call-btn:active{transform:translateY(0)}.phone-icon{font-size:1rem;transform:rotate(135deg)}.welcome-container{text-align:center;padding:4rem 3.5rem;background:#2a2a2a99;border:1px solid rgba(58,58,58,.5);border-radius:8px;box-shadow:0 3px 12px #0006;animation:fadeInCenter .8s ease-in;max-width:750px;width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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}.start-conversation-btn{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e8e8;padding:1rem 2rem;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .18s ease;box-shadow:0 3px 12px #0006;margin-bottom:1.5rem;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;background:#2a2a2a99;border:1px solid rgba(58,58,58,.5);border-radius:8px;box-shadow:0 3px 12px #0006;animation:fadeInCenter .8s ease-in;max-width:750px;width:100%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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:1rem;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:50px}.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:140px;height:140px}.mic-icon{font-size:3rem}.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%}}.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}.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}.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-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)}.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;transition:background-color 1s ease}.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}.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}.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}}.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}}.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}}.account-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}.account-section{margin-bottom:3rem}.account-section-title{font-size:1.25rem;font-weight:400;color:#e8e8e8;margin:0 0 1.5rem;opacity:.9}.account-btn{display:block;width:100%;padding:1rem 1.5rem;margin-bottom:1rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e8e8;font-size:1rem;font-weight:400;text-align:left;cursor:pointer;transition:all .18s ease}.account-btn:hover{background:#323232;border-color:#444;transform:translateY(-1px)}.account-btn-danger{color:#f99}.account-btn-danger:hover{background:#dc354526;border-color:#dc35454d}@media (max-width: 768px){.account-btn{padding:.875rem 1.25rem}}.access-content{max-width:600px}.access-text{font-size:1.1rem;line-height:1.6;color:#e8e8e8;opacity:.85;margin:0}.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,#f8f9fa,#e3f2fd);min-height:100vh}.App{display:flex;justify-content:center;align-items:center;min-height:auto}