*{box-sizing:border-box}body{margin:0;background:#11101a;color:#f4f1f5;font:16px/1.65 system-ui,sans-serif}main{max-width:1240px;margin:auto;padding:24px 32px 40px}header{display:flex;justify-content:space-between;align-items:center;color:#c2b9cb;font-size:12px}header a{font-size:23px;text-decoration:none;color:#fff;font-weight:700}header small{font-size:10px;letter-spacing:2px;color:#ce98b8;margin-left:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:30px 0}.hero h1{font-size:clamp(30px,4vw,51px);line-height:1.3;margin:15px 0}.hero em{font-style:normal;color:#e9adc9}.hero p{color:#bdb4c8}.eyebrow{font-size:11px;letter-spacing:2px;color:#d7a3c2}.hero-image{height:260px;position:relative;border-radius:26px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image span{position:absolute;bottom:20px;left:25px;letter-spacing:3px;font-size:10px}.panel{background:linear-gradient(135deg,#242130,#191721);border:1px solid #3e3548;border-radius:24px;padding:26px;margin-bottom:20px}h2{font-size:27px;line-height:1.4;margin:8px 0 20px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choices button{text-align:left;padding:24px;background:#181620}.choices b,.choices small{display:block}.choices span{font-size:11px;color:#c59ab4}.choices b{font-size:23px;margin:10px 0}.choices small{color:#bdb0c2}.choices .selected{border-color:#eda7ce;background:#392435;box-shadow:inset 0 0 0 1px #eda7ce}.start-row,.sessionbar,.controls,.section-top,.assistant,.voice-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.start-row,.sessionbar,.section-top{justify-content:space-between}.start-row p{font-size:14px;color:#c4b9ce}.sessionbar{margin:20px 0;font-size:13px;color:#cfb7cb}.layout{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}button,.upload{font:inherit;font-size:14px;padding:12px 17px;border:1px solid #61516a;border-radius:12px;background:#30263b;color:#fff;cursor:pointer}button:hover{background:#4b3550}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#eeb3d2;border-color:#eeb3d2;color:#361c32;font-weight:650}.primary:hover{background:#ffd2e9}.quiet{background:transparent;font-size:12px}button:focus-visible,input:focus-visible,.upload:focus-within{outline:3px solid #9ee3d8;outline-offset:3px}.steps{display:flex;gap:8px;margin:25px 0}.steps span{height:5px;border-radius:3px;background:#504155;flex:1}.steps .active{background:#e6a5c8}.number{font-size:14px;letter-spacing:4px;color:#bf98b5}.teaching h2{font-size:32px;margin-top:25px}.instruction{font-size:21px;line-height:1.9;min-height:125px;color:#e0d8e5}.lip-illustration{padding:30px 15px;text-align:center;border-radius:18px;background:radial-gradient(ellipse,#503245,#211c29 72%);margin-bottom:28px}.lip-illustration svg{width:75%;max-height:180px}.lip-illustration span{display:block;color:#b39bb1;font-size:11px}.assistant{margin-bottom:20px}.assistant p{font-size:11px;color:#b2a4bd;margin:2px 0}.assistant .quiet{margin-left:auto}.voice-orb{display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#ffc6d9,#a263ba);width:46px;height:46px;border-radius:50%;font-size:25px}.conversation #reply{background:#352a3e;border-radius:17px;padding:21px;line-height:1.9;min-height:105px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.chips button{font-size:12px;padding:7px 11px;border-radius:22px}.input-row{display:flex;gap:8px;margin:8px 0 16px}input{min-width:0;width:100%;background:#15111f;border:1px solid #685372;border-radius:11px;color:#fff;padding:13px;font:inherit;font-size:14px}label{font-size:13px}#heard{font-size:12px;color:#b5d7cf;margin-top:12px;overflow-wrap:anywhere}.small,details{font-size:12px;color:#b4a7be}.photo h2{font-size:22px}.photo .eyebrow{margin:0}#preview,#camera{width:100%;background:#100d16;border-radius:15px;overflow:hidden;text-align:center}#preview p{padding:28px;color:#aaa0b6}#preview canvas{width:100%;max-height:330px;object-fit:contain;display:block}#camera{max-height:330px}.photo .controls{margin:15px 0}.upload input{position:absolute;opacity:0;width:1px;height:1px}#photo-result{white-space:pre-line;line-height:1.8;color:#dbcbdf;font-size:14px}summary{cursor:pointer}footer{margin-top:25px;border-top:1px solid #332a3c;padding-top:15px}#summary{padding:20px;background:#302538;border-radius:14px;margin-bottom:20px}.hidden{display:none!important}@media(max-width:760px){main{padding:20px 16px}.hero{grid-template-columns:1fr;margin:25px 0}.hero-image{height:160px}.hero h1{font-size:35px}header small{display:none}header span{font-size:10px}.layout{grid-template-columns:1fr}.choices{gap:10px}.choices button{padding:17px}.choices b{font-size:19px}.panel{padding:20px}.instruction{font-size:19px;min-height:0}.teaching h2{font-size:28px}.lip-illustration{padding:15px}.lip-illustration svg{height:95px}.controls button{padding:11px 13px}}.layout{align-items:start}.input-row button{white-space:nowrap;flex-shrink:0}.teaching{position:sticky;top:20px}@media(max-width:760px){.teaching{position:static}}.placement-tip{display:flex;align-items:flex-start;gap:15px;padding:17px 20px;margin-top:20px;border:1px solid #5a455d;border-radius:16px;background:#2a2232}.placement-tip>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:#4d344b;border-radius:50%;color:#f1c5de;font-size:11px;letter-spacing:1px}.placement-tip p{margin:0;color:#c8bccf;font-size:14px;line-height:1.8}.placement-tip b{color:#eddfec;font-weight:600}.focus-support{display:none}.sessionbar #focus-toggle{margin-left:auto;border-color:#9c728f;color:#f3c9e0}.sessionbar #focus-toggle[aria-pressed=true]{background:#f2bed8;color:#342030;border-color:#f2bed8}.lip-illustration svg{width:100%;max-width:380px;height:185px;max-height:none}.lip-illustration{padding:18px 15px}.lip-illustration span{margin-top:6px}.teaching h2:focus{outline:none}.teaching h2:focus-visible{outline:3px solid #9ee3d8;outline-offset:8px;border-radius:4px}.focus-mode main{max-width:1130px;padding-top:12px}.focus-mode header,.focus-mode .hero,.focus-mode footer,.focus-mode aside,.focus-mode #reset{display:none}.focus-mode .sessionbar{position:sticky;top:0;z-index:5;background:#11101af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 0;margin:0 0 14px;font-size:14px;gap:12px}.focus-mode .layout{display:block}.focus-mode .teaching{position:static;padding:30px 42px;border-color:#684961;background:radial-gradient(ellipse at 90% 5%,#44243d66,transparent 55%),#211b2a}.focus-mode .teaching>.eyebrow{display:none}.focus-mode .steps{margin:0 0 21px}.focus-mode .number{font-size:18px}.focus-mode .teaching h2{font-size:clamp(34px,4vw,48px);line-height:1.4;margin:20px 0}.focus-mode .instruction{font-size:clamp(24px,3vw,33px);line-height:1.8;min-height:0;margin:0 0 18px;color:#fff4fb}.focus-mode .lip-illustration{max-width:760px;margin:0 auto 25px;background:radial-gradient(ellipse,#50324588,#211c2900 75%)}.focus-mode .lip-illustration svg{height:200px;max-width:440px}.focus-mode .lip-illustration span{font-size:13px}.focus-mode .teaching>.controls{gap:12px}.focus-mode .teaching>.controls>button{min-height:55px;font-size:19px;padding:12px 24px;flex:1;white-space:nowrap}.focus-mode .teaching>.controls>[data-cmd=上一步]{display:none}.focus-mode .focus-support{display:block;margin-top:22px;border-top:1px solid #57415a;padding-top:12px}.focus-mode #focus-feedback{font-size:16px;line-height:1.8;color:#dbbed4;margin:0 0 16px}.focus-mode #focus-feedback:empty{display:none}.focus-mode .focus-voice{display:flex;align-items:center;justify-content:space-between;gap:12px}.focus-mode #focus-voice-state{font-size:14px;color:#c2c9c5}.focus-mode #focus-stop-talk{min-height:48px;flex-shrink:0}.focus-mode .focus-hint{font-size:12px;color:#b7a8bd;margin:15px 0 0}@media(max-width:760px){.placement-tip{padding:15px;gap:10px}.placement-tip p{font-size:13px}.sessionbar{gap:8px}.sessionbar #focus-toggle{margin-left:0}.lip-illustration svg{height:150px}.focus-mode main{padding:0 14px 24px}.focus-mode .sessionbar{font-size:12px;gap:9px;margin-bottom:10px}.focus-mode .sessionbar #focus-toggle{margin-left:auto;font-size:13px;padding:10px 12px}.focus-mode #tool-label{flex-basis:100%;color:#baa5bb}.focus-mode #state{max-width:58%;line-height:1.5}.focus-mode .teaching{padding:22px 20px;border-radius:20px}.focus-mode .teaching h2{font-size:32px;margin:16px 0}.focus-mode .number{font-size:15px}.focus-mode .instruction{font-size:24px;line-height:1.8}.focus-mode .lip-illustration{padding:0;margin-bottom:22px}.focus-mode .lip-illustration svg{height:155px}.focus-mode .lip-illustration span{font-size:11px}.focus-mode .teaching>.controls{gap:9px}.focus-mode .teaching>.controls>button{font-size:17px;padding:12px 15px;min-width:calc(50% - 5px);flex-grow:1}.focus-mode .focus-voice{align-items:flex-start}.focus-mode #focus-voice-state{font-size:13px;line-height:1.7}.focus-mode #focus-feedback{font-size:15px}.focus-mode #focus-stop-talk{padding:10px 12px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}.connection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;color:#cbb4c9;font-size:14px}.record-controls{padding:20px 0}.connection-bar button{font-size:14px}.focus-mode .connection-bar{max-width:1060px;margin:auto}.focus-mode .record-controls{display:none}dialog{max-width:min(480px,90vw);background:#251f30;color:#f6edf6;border:1px solid #705370;border-radius:24px;padding:28px}dialog::backdrop{background:#08070bc9}dialog p{line-height:1.7}button:disabled{opacity:.45;cursor:not-allowed}.focus-top-stop{display:none}.focus-mode .focus-top-stop{display:block;border-color:#b797b4}.focus-mode .sessionbar #focus-toggle{margin-left:0}@media(max-width:760px){.focus-mode .sessionbar{display:grid;grid-template-columns:1fr auto}.focus-mode #tool-label{grid-column:1}.focus-mode #state{grid-column:1;max-width:100%;grid-row:2}.focus-mode #focus-toggle{grid-column:2;grid-row:1}.focus-mode .focus-top-stop{grid-column:2;grid-row:2;font-size:13px;min-height:44px}}