:root{--primary: #0075de;--primary-active: #005bab;--secondary: #213183;--on-primary: #ffffff;--canvas: #f6f5f4;--surface: #ffffff;--hairline: #e6e6e6;--ink: rgba(0, 0, 0, .92);--ink-secondary: #31302e;--ink-muted: #615d59;--ink-faint: #a39e98;--green: #1aae39;--orange: #dd5b00;--r-xs: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-soft: 0 .175px 1.041px rgba(0, 0, 0, .01), 0 .8px 2.925px rgba(0, 0, 0, .02), 0 2.025px 7.847px rgba(0, 0, 0, .027), 0 4px 18px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-feature-settings:"lnum" 1;background:var(--canvas);color:var(--ink);min-height:100vh}.app{max-width:680px;margin:0 auto;padding:18px 16px 40px;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;color:inherit}.hero{text-align:center;padding:28px 0 10px}.hero h1{font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.1;color:var(--ink)}.hero .sub{color:var(--ink-muted);margin-top:8px;font-size:15px}.stats{display:flex;gap:10px;margin:24px 0}.stat{flex:1;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:16px 12px;text-align:center;box-shadow:var(--shadow-soft)}.stat .num{display:block;font-size:20px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.stat .lab{display:block;font-size:12px;color:var(--ink-muted);margin-top:6px}.cost-bar{text-align:center;font-size:13px;color:var(--ink-muted);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:9px;margin-bottom:14px}.badge-done{background:#1aae3914;color:var(--green);border:1px solid rgba(26,174,57,.25);border-radius:var(--r-md);padding:11px;text-align:center;font-size:14px;margin-bottom:16px;font-weight:500}.section{font-size:13px;color:var(--ink-muted);margin:8px 2px 12px;font-weight:600;text-transform:none;letter-spacing:.1px}.tracks{display:grid;gap:12px}.track-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:20px;text-align:left;box-shadow:var(--shadow-soft);transition:border-color .15s,transform .1s}.track-card:active{transform:scale(.995)}.track-card:hover{border-color:var(--primary)}.track-card .emoji{font-size:24px}.track-card .t-label{font-size:20px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.track-card .t-desc{font-size:15px;color:var(--ink-muted)}.track-card .t-topic{font-size:13px;color:var(--primary);margin-top:8px;font-weight:500}.link-btn{display:block;width:100%;margin-top:22px;background:transparent;color:var(--ink-muted);padding:10px;font-size:14px;font-weight:500}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.topbar h2{font-size:16px;font-weight:600;letter-spacing:-.2px;flex:1;color:var(--ink)}.back{background:var(--surface);border:1px solid var(--hairline);padding:6px 14px;border-radius:var(--r-md);font-size:14px;font-weight:500;color:var(--ink)}.count{background:var(--primary);color:var(--on-primary);border-radius:var(--r-full);padding:2px 10px;font-size:13px;font-weight:600}.speak{background:#0000000d;color:var(--ink);border-radius:var(--r-full);padding:7px 11px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .12s}.speak:hover{background:#00000017}.speak.playing{background:var(--primary);color:var(--on-primary)}.speak.loading{opacity:.55}.speak.err{background:var(--orange);color:var(--on-primary)}.speed{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-muted)}.speed button{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:4px 9px;font-size:12px;font-weight:500;color:var(--ink)}.speed button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.loading,.empty{text-align:center;color:var(--ink-muted);padding:44px 0;line-height:1.6}.error{background:#dd5b0012;color:var(--orange);border:1px solid rgba(221,91,0,.25);border-radius:var(--r-md);padding:12px;margin:10px 0;font-size:14px}.topic-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-soft)}.topic-title{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}.topic-ko{font-size:14px;color:var(--ink-muted);margin:4px 0 14px}.kp-label{font-size:12px;color:var(--primary);margin-bottom:10px;font-weight:600}.kp{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.kp-text{display:flex;flex-direction:column;gap:2px}.kp-text b{font-size:15px;font-weight:600;color:var(--ink)}.kp-text span{font-size:13px;color:var(--ink-muted)}.thread{display:flex;flex-direction:column;gap:12px;padding:6px 0;max-height:46vh;overflow-y:auto}.msg{display:flex;gap:8px;align-items:flex-start;max-width:94%}.msg.user{align-self:flex-end;flex-direction:row-reverse}.bubble-wrap{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.bubble{background:var(--surface);border:1px solid var(--hairline);padding:11px 14px;border-radius:var(--r-lg);font-size:15px;line-height:1.55;color:var(--ink)}.msg.user .bubble{background:var(--primary);color:var(--on-primary);border:none}.bubble.typing{letter-spacing:3px;color:var(--ink-faint)}.tr-toggle{background:transparent;color:var(--primary);font-size:12px;font-weight:600;padding:2px;align-self:flex-start}.bubble-ko{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);padding:9px 12px;font-size:14px;color:var(--ink-secondary);line-height:1.5}.composer{display:flex;gap:8px;margin-top:14px;align-items:flex-end}.composer textarea{flex:1;resize:none;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:11px;color:var(--ink);font-size:15px;line-height:1.45}.composer textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0075de1f}.composer-btns{display:flex;flex-direction:column;gap:6px}.mic{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 12px;font-size:14px;font-weight:500;color:var(--ink)}.mic.on{background:var(--orange);border-color:var(--orange);color:var(--on-primary)}.send{background:var(--primary);color:var(--on-primary);border-radius:var(--r-full);padding:10px 18px;font-weight:600;font-size:15px}.send:active{background:var(--primary-active)}.send:disabled{opacity:.4}.finish{width:100%;margin-top:16px;background:var(--primary);color:var(--on-primary);border-radius:var(--r-full);padding:13px;font-weight:600;font-size:15px;box-shadow:var(--shadow-soft)}.finish:active{background:var(--primary-active)}.finish:disabled{opacity:.4;box-shadow:none}.fb-scroll{display:flex;flex-direction:column;gap:16px}.encourage{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:14px;font-size:14px;line-height:1.55;color:var(--ink);box-shadow:var(--shadow-soft)}.fb-block{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-soft)}.fb-block h3{font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:4px;color:var(--ink)}.fb-block .hint{font-size:12px;color:var(--ink-muted);margin-bottom:12px}.shadow-block{border-color:var(--primary)}.shadow-line{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--hairline);font-size:15px;line-height:1.55;color:var(--ink)}.shadow-line:last-child{border-bottom:none}.fb-item{padding:11px 0;border-bottom:1px solid var(--hairline)}.fb-item:last-child{border-bottom:none}.fb-item .bad{color:var(--orange);font-size:14px;text-decoration:line-through;text-decoration-color:#dd5b0066}.fb-item .you{color:var(--ink-muted);font-size:14px;font-style:italic;margin-bottom:4px}.fb-item .good{color:var(--green);font-size:15px;display:flex;gap:8px;align-items:center;margin:5px 0}.fb-item .why{color:var(--ink-muted);font-size:13px;margin-top:5px;line-height:1.55}.fb-actions{display:flex;gap:10px;margin-top:4px}.primary{flex:1;background:var(--primary);color:var(--on-primary);border-radius:var(--r-full);padding:13px;font-weight:600}.primary:active{background:var(--primary-active)}.primary:disabled{background:var(--green);color:var(--on-primary);opacity:1}.ghost{background:var(--surface);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--r-full);padding:13px 18px;font-weight:500}.phrase-list{display:grid;gap:10px}.phrase-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-soft)}.phrase-head{display:flex;gap:8px;align-items:center}.phrase-en{flex:1;font-size:15px;font-weight:600;color:var(--ink)}.del{background:transparent;color:var(--ink-faint);font-size:14px;padding:4px 8px}.del:hover{color:var(--orange)}.phrase-ko{font-size:14px;color:var(--ink-muted);margin-top:8px}.phrase-note{font-size:13px;color:var(--primary);margin-top:5px}