:root{--ink:#1f2723;--muted:#69776d;--background:#f5f7f4;--orange:#f5643c;--line:#dce3db}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:6px;outline:3px solid #7b482a}.shell{max-width:1000px;margin:0 auto;padding:40px 24px 25px}.app-header{text-align:center;max-width:500px;min-height:84px;margin:0 auto;position:relative}.branding{text-align:right;display:inline-block}.branding h1{letter-spacing:-1.5px;margin:0;font-size:40px;font-weight:850;line-height:1.2}.language-label{color:var(--muted);margin:7px 0 0;font-size:18px;font-weight:700}.language-label span{font-size:14px}.settings-button{width:49px;height:49px;color:var(--ink);letter-spacing:1px;background:#fff;border:0;border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid;position:absolute;top:2px;right:-20px;box-shadow:0 8px 24px #25362a07}.settings-button:hover{background:#ecefea}.voice-area{text-align:center;place-items:center;min-height:calc(100svh - 205px);padding:32px 0 48px;display:grid}.voice-controls{width:100%;max-width:540px}.mic-ring{background:#f9d2c7;border:18px solid #f9d2c7;border-radius:50%;width:296px;height:296px;margin:0 auto;box-shadow:0 25px 45px #f5643c12}.mic-button{color:#fff;background:radial-gradient(circle at 32% 25%,#ff9b73 0,#fa794b 36%,#ea593a 100%);border:0;border-radius:50%;place-items:center;width:260px;height:260px;transition:transform .2s;display:grid}.mic-button:not(:disabled):hover{transform:scale(1.025)}.microphone-icon{filter:drop-shadow(0 5px 3px #7c33121f);font-size:100px;line-height:1}.active .mic-ring{border-color:#f4bea9;animation:3s ease-in-out infinite breathe}.status{letter-spacing:-.8px;overflow-wrap:anywhere;margin:20px 0 0;font-size:36px;font-weight:850;line-height:1.2}.voice-hint{color:var(--muted);white-space:pre-line;max-width:450px;margin:25px auto 0;font-size:16px;line-height:1.5}.end-button{color:#4e6154;background:#fff;border:1px solid #cfd8cd;border-radius:30px;margin-top:24px;padding:13px 22px;font-size:14px}.end-button:hover{background:#e9eee7}.end-button span{margin-right:8px;font-size:10px}.error-message,.audio-notice{color:#a33f25;background:#fff0e9;border:1px solid #f3c8b9;border-radius:12px;max-width:460px;margin:22px auto 0;padding:15px;font-size:14px;line-height:1.6}.audio-notice p{margin:0 0 10px}.audio-notice button{background:#fff;border:1px solid #d5b6a4;border-radius:7px;padding:8px 14px}.recovery-note{color:var(--muted);max-width:420px;margin:20px auto 0;font-size:12px;line-height:1.6}.transcript-panel{border-top:1px solid var(--line);max-width:610px;color:var(--muted);margin:0 auto}summary{cursor:pointer;padding:16px 2px;font-size:13px;list-style-position:inside}summary>span{float:right;font-size:12px}.transcript-card{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:15px;padding:22px}.transcript-card h2{margin:0 0 20px;font-size:16px}.transcript-list{max-height:350px;overflow:auto}.empty-transcript{color:var(--muted);margin:20px 0 35px;font-size:14px}.message{background:#f4f6f1;border-radius:10px;margin-bottom:12px;margin-right:20px;padding:12px 14px}.message.user{background:#fff0e8;margin-left:20px;margin-right:0}.speaker{letter-spacing:1px;color:#80553c;font-size:10px;font-weight:700}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:15px;line-height:1.6}.streaming,.transcript-note{color:var(--muted);font-size:11px}.transcript-note{margin:20px 0 0}.settings-dialog{border:1px solid var(--line);width:min(420px,100% - 32px);color:var(--ink);background:#fff;border-radius:20px;padding:25px;box-shadow:0 25px 70px #25362a33}.settings-dialog::backdrop{background:#1a281e45}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dialog-heading h2{margin:0;font-size:19px}.dialog-heading button{background:#f2f4ef;border:0;border-radius:50%;width:34px;height:34px;font-size:23px}.settings{gap:20px;display:grid}.settings label{font-size:13px;font-weight:700}.settings select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fafbf8;border-radius:9px;margin-top:9px;padding:12px;font-size:15px;display:block}.settings select:disabled{opacity:.6}.settings-note{color:var(--muted);margin:22px 0;font-size:13px;line-height:1.6}.done-button{color:#fff;background:#e9633d;border:0;border-radius:9px;width:100%;padding:12px 20px;font-weight:700}@keyframes breathe{50%{box-shadow:0 0 0 9px #f9d2c75c,0 25px 45px #f5643c12}}@media (max-width:650px){.shell{padding:26px 20px 20px}.app-header{max-width:390px;padding-right:40px}.branding h1{letter-spacing:-1.1px;font-size:30px}.language-label{font-size:16px}.settings-button{width:42px;height:42px;font-size:19px;top:0;right:0}.voice-area{min-height:calc(100svh - 181px);padding:30px 0 45px}.mic-ring{border-width:16px;width:252px;height:252px}.mic-button{width:220px;height:220px}.microphone-icon{font-size:87px}.status{margin-top:21px;font-size:30px}.voice-hint{margin-top:22px;font-size:14px}.error-message{font-size:13px}.transcript-card{padding:18px}}@media (max-width:360px){.branding h1{font-size:26px}.mic-ring{width:222px;height:222px}.mic-button{width:190px;height:190px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.voice-setting-actions{gap:10px;margin-top:12px;display:flex}.voice-setting-actions button{border:1px solid var(--line);color:var(--ink);background:#fafbf8;border-radius:8px;padding:9px 12px;font-size:13px}.voice-setting-actions button:disabled{opacity:.5}.voice-setting-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}.story-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(540px,100%);margin-bottom:28px;padding:22px}.story-path{font-size:17px;font-weight:700}.story-sentence{overflow-wrap:anywhere;min-height:115px;font-size:30px;line-height:1.9}.story-note{color:var(--muted);font-size:13px;line-height:1.6}.story-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.story-actions button{color:#fff;background:#e9633d;border:0;border-radius:9px;padding:12px 18px;font-weight:700}@media (max-width:650px){.story-card{padding:18px}.story-sentence{font-size:25px}}.beta-login{background:#fff;border-radius:1rem;max-width:28rem;margin:3rem auto;padding:1.5rem}.beta-login form,.beta-login label{gap:.75rem;display:grid}.beta-login input{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:.75rem}.beta-login button{font:inherit;cursor:pointer;padding:.75rem}.account-card{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:610px;margin:20px auto 0;padding:16px 18px}.account-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-heading h2{margin:0;font-size:16px}.account-heading button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fafbf8;border-radius:8px;padding:8px 12px;font-size:13px}.account-heading button:disabled{opacity:.6}.account-identity{overflow-wrap:anywhere;margin:6px 0 14px;font-size:13px}.account-id{color:var(--muted);margin-top:3px;font-size:12px;display:block}.account-usage{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.account-usage dt{color:var(--muted);font-size:12px;line-height:1.4}.account-usage dd{margin:5px 0 0;font-size:21px;font-weight:700}.account-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}.account-error{color:#a33f25}.account-card+.voice-area{min-height:calc(100svh - 405px)}@media (max-width:650px){.account-card{margin-top:12px;padding:12px 14px}.account-usage{gap:8px}.account-usage dd{font-size:19px}.account-card+.voice-area{min-height:calc(100svh - 390px)}}.learning-progress{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.learning-progress h3{margin:20px 0 6px;font-size:16px}.learning-progress h4{margin:16px 0 4px;font-size:14px}.learning-progress p{margin:8px 0}.progress-caption{color:var(--muted);font-size:12px;line-height:1.6}.progress-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.progress-stats>div{border:1px solid var(--line);background:#f5f7f4;border-radius:10px;min-width:0;padding:12px}.progress-stats strong{font-size:23px;display:block}.progress-stats span{color:var(--muted);font-size:12px;display:block}.progress-metrics{flex-wrap:wrap;gap:16px;display:flex}.progress-metrics>div{flex:1;min-width:150px}.progress-metrics dt{color:var(--muted);font-size:12px}.progress-metrics dd{margin:4px 0;font-size:20px;font-weight:700}.progress-timeline{overflow-x:auto}.progress-timeline table{text-align:left;border-collapse:collapse;width:100%;font-size:13px}.progress-timeline th,.progress-timeline td{border-bottom:1px solid var(--line);padding:10px}.progress-timeline caption{text-align:left;color:var(--muted);padding:8px 0}.progress-timeline meter{width:100px;max-width:100%}.account-learning{border-top:1px solid var(--line);margin-top:14px}.account-learning summary{font-size:13px;line-height:1.5}.learning-report form{gap:12px;display:grid}.learning-report label{font-size:13px;font-weight:700}.learning-report select,.learning-report input{width:100%;min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:#fafbf8;border-radius:8px;margin-top:6px;padding:10px;display:block}.learning-report button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff0e8;border-radius:8px;padding:10px}.learning-progress li{margin-bottom:7px}.learning-progress small{color:var(--muted)}@media (max-width:650px){.progress-stats{gap:8px}.progress-stats>div{padding:8px}.progress-stats span{font-size:11px}.progress-stats strong{font-size:20px}}.account-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.account-greeting{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:20px;font-weight:700}.allowance-badge{color:#385440;background:#edf5e9;border-radius:20px;margin:0;padding:7px 11px;font-size:12px}.account-details summary,.account-learning summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:600;display:list-item}.account-details{margin-top:6px}.account-learning{margin-top:0}.account-heading{margin:8px 0}.account-card+.voice-area{min-height:calc(100svh - 345px);padding-top:24px}.account-details[open]~.account-learning{margin-top:12px}@media (max-width:650px){.account-card{background:0 0;border:0;padding:0}.account-card+.voice-area{min-height:calc(100svh - 310px);padding:22px 0 28px}.account-greeting{font-size:19px}.voice-hint{margin-top:14px}.account-welcome{gap:8px}.account-details,.account-learning{border-bottom:1px solid var(--line)}.account-details[open]{padding-bottom:14px}}