:root{--black:#000000;--white:#FFFFFF;--red:#C8102E;--ink2:#1a1a1a;--ink3:#404040;--ink4:#888888;--hair:#ededed;--warm:#F5F4F0}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans TC,-apple-system,sans-serif;background:var(--white);color:var(--ink2);max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;font-size:19px;line-height:1.7}.mono{font-family:JetBrains Mono,monospace}.serif{font-family:"Noto Serif TC",serif}.screen{display:none;flex:1;flex-direction:column;padding:28px 22px 36px}.screen.active{display:flex}.redbar{width:6px;height:64px;background:var(--red);margin-bottom:18px}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;letter-spacing:3px;color:var(--ink4);text-transform:uppercase}.redline{width:32px;height:1px;background:var(--red);display:inline-block;vertical-align:middle;margin-right:10px}.frame{border:2px solid var(--black);border-radius:12px}.btn{font-family:Noto Sans TC,sans-serif;font-size:20px;font-weight:700;color:var(--white);background:var(--black);border:none;border-radius:10px;padding:18px;width:100%;cursor:pointer;letter-spacing:1px}.btn:active{opacity:.8}.btn:disabled{background:#ccc;cursor:default}.btn.line{background:var(--white);color:var(--black);border:2px solid var(--black)}.play-btn{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:2px;background:var(--white);color:var(--black);border:2px solid var(--black);border-radius:8px;padding:8px 14px;cursor:pointer}.play-btn:active{background:var(--black);color:var(--white)}.play-btn .tri{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.login-input{font-family:Noto Sans TC,sans-serif;font-size:19px;border:2px solid var(--black);border-radius:10px;padding:16px;width:100%;margin:18px 0 12px;background:var(--white);color:var(--ink2)}.login-input:focus{outline:none;border-color:var(--red)}.login-msg{font-size:16px;color:var(--ink3);margin-top:14px;min-height:24px}.login-msg.err{color:var(--red)}.h-title{font-family:"Noto Serif TC",serif;font-size:34px;font-weight:900;line-height:1.3;color:var(--black)}.h-sub{margin-top:6px;font-size:16px;color:var(--ink3)}.streak-card{padding:20px 22px;margin:26px 0 12px;display:flex;align-items:center;justify-content:space-between}.streak-num{font-family:"Noto Serif TC",serif;font-size:52px;font-weight:900;color:var(--red);line-height:1}.streak-num small{font-family:Noto Sans TC,sans-serif;font-size:17px;color:var(--ink2);font-weight:700;margin-left:6px}.week{display:flex;gap:8px}.day{display:flex;flex-direction:column;align-items:center;gap:6px}.day .lb{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink4)}.day .sq{width:18px;height:18px;border:2px solid var(--black);border-radius:4px}.day.done .sq{background:var(--black)}.day.today .sq{border-color:var(--red)}.section-head{margin:28px 0 14px}.section-head .zh{font-family:"Noto Serif TC",serif;font-size:22px;font-weight:700;color:var(--black)}.vocab-card{padding:18px 20px;margin-bottom:12px}.vocab-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.vocab-word{font-family:"Noto Serif TC",serif;font-size:28px;font-weight:900;color:var(--black)}.vocab-zh{font-size:17px;color:var(--ink3);font-weight:500}.vocab-ex{font-size:19px;color:var(--ink2);margin:4px 0 12px}.vocab-ex .en{font-family:"Noto Serif TC",serif;font-weight:700;display:block}.vocab-ex .en b{color:var(--red)}.vocab-ex .zh{font-size:16px;color:var(--ink4)}.home-cta{margin-top:auto;padding-top:26px}.q-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}.progress{flex:1;height:10px;border:2px solid var(--black);border-radius:99px;overflow:hidden;background:var(--white)}.progress-fill{height:100%;width:0%;background:var(--black);transition:width .3s}.q-count{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--ink3)}.q-tag{margin-bottom:14px}.q-sentence{font-family:"Noto Serif TC",serif;font-size:27px;font-weight:700;line-height:1.9;color:var(--black);margin-bottom:30px}.q-sentence .slot{display:inline-block;min-width:96px;border-bottom:3px solid var(--red);text-align:center;color:var(--red);padding:0 6px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options.col{grid-template-columns:1fr}.opt{font-family:Noto Sans TC,sans-serif;font-size:22px;font-weight:700;background:var(--white);color:var(--black);border:2px solid var(--black);border-radius:10px;padding:18px 14px;cursor:pointer;text-align:center}.options.col .opt{text-align:left;font-size:20px;font-family:"Noto Serif TC",serif}.opt.selected{background:var(--black);color:var(--white)}.q-footer{margin-top:auto;padding-top:26px}.listen-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 20px;margin-bottom:26px}.listen-hint{font-size:18px;color:var(--ink3);text-align:center}.big-play{width:88px;height:88px;border-radius:50%;border:3px solid var(--black);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center}.big-play:active{background:var(--black)}.big-play:active .tri2{border-left-color:var(--white)}.tri2{width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:26px solid var(--black);margin-left:6px}.speak-target{font-family:"Noto Serif TC",serif;font-size:27px;font-weight:700;line-height:1.8;color:var(--black);margin-bottom:8px}.speak-row{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.mic-btn{flex:1;font-family:Noto Sans TC,sans-serif;font-size:19px;font-weight:700;background:var(--red);color:var(--white);border:none;border-radius:10px;padding:16px;cursor:pointer;min-width:150px}.mic-btn.listening{background:var(--black)}.heard{display:none;padding:16px 18px;border-radius:10px;background:var(--warm);font-size:18px;line-height:1.8;margin-bottom:8px}.heard.show{display:block}.heard .lbl{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:2px;color:var(--ink4);display:block;margin-bottom:4px}.heard .w-ok{color:var(--black);font-weight:700}.heard .w-no{color:var(--red);font-weight:700;text-decoration:underline}.feedback{display:none;border-radius:12px;padding:18px 20px;margin-bottom:16px;border:2px solid var(--black)}.feedback.show{display:block}.feedback.no{border-color:var(--red)}.fb-title{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:3px;margin-bottom:8px}.feedback.ok .fb-title{color:var(--black)}.feedback.no .fb-title{color:var(--red)}.fb-answer{font-family:"Noto Serif TC",serif;font-size:22px;font-weight:700;color:var(--black);line-height:1.6;margin-bottom:4px}.fb-zh{font-size:18px;color:var(--ink3);margin-bottom:10px}.fb-note{font-size:18px;line-height:1.75;color:var(--ink3)}.fb-row{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.ai-box{display:none;margin-top:14px;padding:14px 16px;background:var(--warm);border-radius:10px;font-size:18px;line-height:1.8;color:var(--ink2)}.ai-box.show{display:block}.ai-label{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:2px;color:var(--red);font-weight:700;display:block;margin-bottom:6px}.done-wrap{flex:1;display:flex;flex-direction:column;justify-content:center}.done-title{font-family:"Noto Serif TC",serif;font-size:34px;font-weight:900;color:var(--black);line-height:1.4;margin:14px 0 6px}.done-title b{color:var(--red)}.done-sub{font-size:17px;color:var(--ink3);margin-bottom:26px}.score-card{padding:20px 22px;margin-bottom:14px;display:flex;align-items:baseline;gap:14px}.score-num{font-family:"Noto Serif TC",serif;font-size:44px;font-weight:900;color:var(--black)}.score-label{font-size:16px;color:var(--ink3)}.review-title{margin:18px 0 10px}.review-item{border-left:3px solid var(--red);padding:6px 0 6px 16px;margin-bottom:14px}.review-item .en{font-family:"Noto Serif TC",serif;font-size:21px;font-weight:700;color:var(--black)}.review-item .zh{font-size:17px;color:var(--ink3)}