[hidden]{display:none!important}:root{--green:#1c7838;--green-deep:#155c2b;--green-soft:#e3f1e6;--blue:#0062cc;--orange-text:#ac6315;--heading:#222;--text:#555;--bg:#f2f2f2;--border:#d4d4d4;--radius:16px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Myanmar,Myanmar Text,Myanmar Sangam MN,sans-serif}:lang(my){line-height:1.8}*{box-sizing:border-box}body{min-height:100dvh;margin:0}h1,h2{color:var(--heading);margin:.5rem 0;font-size:1.4rem}a{color:var(--blue)}.muted{color:var(--text)}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--orange-text);background:#fff6ec;border-left:4px solid #e68e2f;border-radius:8px;padding:.6rem .8rem}.bar{z-index:5;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:var(--green);color:#fff;align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.bar .logo{background:#fff;border-radius:50%}.bar-title{letter-spacing:.02em;flex:1;font-weight:700}.icon-btn{color:#fff;padding:0 .4rem;font-size:2rem;line-height:1;text-decoration:none}.lang-toggle{border:1px solid #fff9;border-radius:999px;display:flex;overflow:hidden}.lang-toggle button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:.3rem .6rem;font-size:.8rem}.lang-toggle button[aria-pressed=true]{color:var(--green);background:#fff;font-weight:700}.page{flex-direction:column;gap:.8rem;max-width:480px;margin:0 auto;padding:1.2rem 1rem 3rem;display:flex}.page.center{align-items:center}.hero-logo{margin-top:1rem}.hello{color:var(--heading);margin:0;font-size:1.3rem;font-weight:700}.avatar-preview{align-self:center;width:160px}.btn{text-align:center;border-radius:var(--radius);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;display:flex}.btn.big{width:100%;min-height:3.6rem;font-size:1.1rem}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px #0062cc4d}.btn.secondary{color:var(--green);border:2px solid var(--green);background:#fff}.btn:disabled{opacity:.6;cursor:wait}.link{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:.5rem;text-decoration:underline}.setting{color:var(--heading);flex-direction:column;gap:.3rem;font-weight:600;display:flex}.segmented{border:1px solid var(--border);background:#fff;border-radius:12px;padding:3px;display:flex}.segmented button{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:9px;flex:1;padding:.55rem}.segmented button[aria-pressed=true]{background:var(--green);color:#fff;font-weight:700}.dev-login{flex-direction:column;gap:.5rem;width:100%;max-width:320px;display:flex}.dev-login input{border:1px solid var(--border);font:inherit;border-radius:10px;padding:.7rem}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1rem}.list{flex-direction:column;gap:.6rem;display:flex}.session{color:var(--text);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.session strong{color:var(--heading)}.score{color:var(--green);font-size:1.2rem;font-weight:800}.chev{color:var(--border);font-size:1.6rem}.summary{border-top:5px solid var(--green)}.big-score{color:var(--green);font-size:2.6rem;font-weight:800}.big-score span{color:var(--text);font-size:1.2rem}.turn{flex-direction:column;gap:.5rem;display:flex}.turn-head{color:var(--heading);align-items:flex-start;gap:.6rem;display:flex}.turn.follow-up{margin-left:1.25rem}.qnum{background:var(--green-soft);min-width:1.8rem;height:1.8rem;color:var(--green);border-radius:.9rem;flex:none;place-items:center;padding:0 .35rem;font-weight:800;display:grid}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{background:var(--bg);border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.tag.good{background:var(--green-soft);color:var(--green);font-weight:700}.tag.work{color:var(--orange-text);background:#fff1e0;font-weight:700}.field .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-size:.75rem;font-weight:700}.field.answer>div:last-child{font-style:italic}.field.better>div:last-child{color:var(--green-deep);font-weight:600}.spinner{border:4px solid var(--border);border-top-color:var(--green);border-radius:50%;width:32px;height:32px;margin:2rem auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.interview{max-width:560px;height:100dvh;padding:calc(.8rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(#fff, var(--green-soft));flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.interview .top{justify-content:space-between;align-items:center;width:100%;display:flex}.progress{color:var(--green);font-weight:700}.btn.end{color:var(--orange-text);background:#fff;border:2px solid #e68e2f;padding:.4rem 1rem}.stage{width:min(78vw,46vh,340px);margin-top:.5rem}.self{right:1rem;top:calc(3.6rem + env(safe-area-inset-top));aspect-ratio:3/4;object-fit:cover;background:#333;border:3px solid #fff;border-radius:12px;width:26vw;max-width:130px;position:absolute;transform:scaleX(-1);box-shadow:0 4px 14px #0003}.caption{text-align:center;min-height:3.2em;max-height:7.5em;color:var(--heading);margin-top:.6rem;font-size:1.05rem;overflow-y:auto}.you{text-align:center;min-height:1.4em;color:var(--text);font-size:.9rem;font-style:italic}.status{color:var(--heading);background:#fff;border-radius:999px;align-items:center;gap:.5rem;margin-top:auto;padding:.5rem 1.2rem;font-weight:700;display:flex;box-shadow:0 2px 8px #00000014}.status .dot{background:var(--border);border-radius:50%;width:.7rem;height:.7rem}.status[data-state=listening] .dot{background:#e0393e;animation:1.2s ease-in-out infinite pulse}.status[data-state=speaking] .dot{background:var(--green)}.status[data-state=thinking] .dot{background:#e68e2f;animation:.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}.hint{text-align:center;margin:.4rem 0 0}.overlay{text-align:center;background:#fffffff5;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:2rem;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.avatar{width:100%;height:auto;display:block}.avatar .lid{transition:transform .25s;transform:translateY(0)}.avatar.listening .lid{transform:translateY(8px)}.avatar.blink .lid{transition-duration:70ms;transform:translateY(21px)}.avatar .brow{transform-box:fill-box;transform-origin:50%;transition:transform .3s}.avatar.listening .brow-l{transform:translateY(3px)rotate(8deg)}.avatar.listening .brow-r{transform:translateY(3px)rotate(-8deg)}.avatar .pupil{transition:transform .3s}.avatar.thinking .pupil{transform:translate(4px,-4px)}.avatar .head-group{transform-box:fill-box;transform-origin:50% 90%}.avatar.listening .head-group{animation:3.2s ease-in-out infinite nod}.avatar.thinking .head-group{transition:transform .4s;transform:rotate(-3deg)}@keyframes nod{0%,to{transform:rotate(0)}30%{transform:rotate(2deg)translateY(2px)}60%{transform:rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.avatar.listening .head-group{animation:none}}.roles .role{text-align:left;font:inherit;color:var(--heading);cursor:pointer;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:3.4rem;display:flex}.roles .role[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green-soft)}.roles .role.none{border-style:dashed}.roles .role:disabled{opacity:.6;cursor:wait}.terms h2{color:var(--heading);margin:1rem 0 .3rem;font-size:1rem}.terms p{margin:.3rem 0;line-height:1.5}.accept{flex-direction:column;gap:.8rem;margin-top:1.2rem;display:flex}.check{cursor:pointer;align-items:flex-start;gap:.6rem;line-height:1.4;display:flex}.check input{width:1.3rem;height:1.3rem;accent-color:var(--green);flex:none;margin-top:.1rem}.field-input{color:var(--heading);flex-direction:column;gap:.3rem;font-weight:600;display:flex}.field-input input{border:1px solid var(--border);font:inherit;border-radius:10px;padding:.7rem;font-weight:400}body.modal-open{overflow:hidden}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;flex-direction:column;width:min(100%,560px);max-height:calc(100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.modal-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:.6rem;padding:1rem 1rem .6rem;display:flex}.modal-head>div:first-child{flex:1}.modal-head h2{color:var(--heading);margin:0;font-size:1.1rem}.modal-head p{margin:.2rem 0 0}.modal-head .lang-toggle{border-color:var(--border)}.modal-head .lang-toggle button{color:var(--text)}.modal-head .lang-toggle button[aria-pressed=true]{background:var(--green);color:#fff}.modal-head .close{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1}.modal-body{-webkit-overflow-scrolling:touch;padding:.4rem 1rem 1rem;overflow-y:auto}.modal-body h3{color:var(--heading);margin:.9rem 0 .2rem;font-size:.95rem}.modal-foot{border-top:1px solid var(--border);background:#fff;flex-direction:column;gap:.6rem;padding:.8rem 1rem 1rem;display:flex}.modal-foot .btn.big{min-height:3rem}@media (width<=480px){.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}}.manual-grid{grid-template-columns:1fr 1fr;gap:14px;margin:.5rem 0 1rem;display:grid}.frame{flex-direction:column;gap:.4rem;margin:0;display:flex}.frame figcaption{color:var(--heading);flex:1;font-size:.85rem;line-height:1.4}.frame img{background:#fff;width:100%;height:auto;display:block}@media (width<=340px){.manual-grid{grid-template-columns:1fr}}.length{width:100%;accent-color:var(--green);height:1.6rem;margin:.3rem 0 0}.length-labels{color:var(--text);justify-content:space-between;font-size:.85rem;font-weight:400;display:flex}.length-labels span{text-align:center;flex:1}.length-labels span:first-child{text-align:left}.length-labels span:last-child{text-align:right}.site-footer{text-align:center;border-top:1px solid var(--border);color:var(--text);flex-direction:column;align-items:center;gap:.2rem;margin-top:1rem;padding:1.2rem 16px 1.6rem;font-size:.8rem;line-height:1.45;display:flex}.site-footer strong{color:var(--heading)}.site-footer a{color:var(--green);font-weight:600}.site-footer .link{font-size:inherit;margin:0}.access{color:var(--green);margin:-.2rem 0 0;font-weight:600}.home-extras{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.home-extras .btn{min-height:2.8rem;padding:.4rem .6rem;font-size:.9rem}.more .card{flex-direction:column;gap:.5rem;display:flex}.more .card h2{color:var(--heading);margin:0;font-size:1.05rem}.more .card p{margin:0}.more .row{gap:.5rem;display:flex}.more .row input{letter-spacing:.15em;text-transform:uppercase;flex:1;min-width:0;font-weight:700}.more .stack{flex-direction:column;gap:.5rem;display:flex}.more input{border:1px solid var(--border);font:inherit;border-radius:10px;padding:.7rem}.share-text{white-space:pre-line;background:var(--green-soft);overflow-wrap:anywhere;border-radius:10px;padding:.6rem .7rem;font-size:.85rem}.note{font-size:.9rem;font-weight:600}.note.ok{color:var(--green)}.note.bad{color:#b3261e}.toast{z-index:60;color:#fff;background:#222;border-radius:12px;max-width:calc(100% - 32px);padding:.7rem 1rem;font-size:.9rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}