:root{--bg: #fbfbfe;--surface: #ffffff;--surface-2: #f3f3f9;--ink: #12131f;--ink-2: #5d6175;--ink-3: #696d80;--line: #e8e8f1;--line-strong: #d8d7ea;--accent: #3430ee;--accent-hover: #2723d8;--accent-fill: #3430ee;--accent-ink: #ffffff;--accent-soft: #ebeafe;--eyebrow: #3d39e6;--focus: #3430ee;--hero-a: #f3f2ff;--hero-b: #e3e8fd;--hero-c: #ece5fd;--panel: #f4f2ff;--bubble-partner: #eaf2fe;--bubble-mine: #efebff;--avatar-a: #dcebfd;--avatar-b: #fde3ea;--pink: #fdecef;--pink-go: #f8d2da;--pink-ink: #c4283f;--blue: #e8f1fd;--blue-go: #cde0fb;--blue-ink: #2c5be4;--green: #e5f5e8;--green-go: #c8ead0;--green-ink: #1d7a3e;--yellow: #fef4d9;--yellow-go: #f9e3a3;--yellow-ink: #8a6200;--purple: #efecfd;--purple-go: #dcd6fa;--purple-ink: #4c3fd8;--right: #1c9450;--right-soft: #dcf5e4;--almost: #b86e00;--almost-soft: #fdf0d7;--wrong: #d23a4a;--wrong-soft: #fde2e5;--shadow-sm: 0 1px 2px rgba(30, 30, 60, .05), 0 2px 8px rgba(30, 30, 60, .04);--shadow-card: 0 1px 2px rgba(30, 30, 60, .04), 0 12px 32px -18px rgba(40, 40, 110, .22);--shadow-btn: 0 12px 26px -10px rgba(52, 48, 238, .6);--font-scripts: "Noto Sans Devanagari Variable", "Noto Sans JP Variable", "Noto Sans KR Variable", "Noto Sans SC Variable";--font: "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, var(--font-scripts), sans-serif;--font-glyph: "Inter Variable", "Noto Sans", var(--font-scripts), "Segoe UI", "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1017;--surface: #181a24;--surface-2: #21232f;--ink: #f2f2f8;--ink-2: #a7abbd;--ink-3: #8a8ea2;--line: #2a2c3a;--line-strong: #393c50;--accent: #6d6aff;--accent-hover: #5d5af5;--accent-fill: #5754f0;--accent-soft: #26244a;--eyebrow: #a19cff;--focus: #a19cff;--hero-a: #1a1b33;--hero-b: #1c2346;--hero-c: #261f47;--panel: #1c1c30;--bubble-partner: #1b2640;--bubble-mine: #262247;--avatar-a: #22345e;--avatar-b: #4a2733;--pink: #2b1b23;--pink-go: #4c2835;--pink-ink: #ff9aab;--blue: #18223a;--blue-go: #24375f;--blue-ink: #8fb0ff;--green: #16291d;--green-go: #22472f;--green-ink: #7fe0a2;--yellow: #2a2516;--yellow-go: #574719;--yellow-ink: #f3cd6b;--purple: #211d3a;--purple-go: #372f62;--purple-ink: #b3a9ff;--right: #45d184;--right-soft: #173323;--almost: #f3b44c;--almost-soft: #33280f;--wrong: #ff6b78;--wrong-soft: #3a1c22;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 32px -20px rgba(0, 0, 0, .6);--shadow-btn: 0 12px 26px -10px rgba(90, 80, 255, .55);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1017;--surface: #181a24;--surface-2: #21232f;--ink: #f2f2f8;--ink-2: #a7abbd;--ink-3: #8a8ea2;--line: #2a2c3a;--line-strong: #393c50;--accent: #6d6aff;--accent-hover: #5d5af5;--accent-fill: #5754f0;--accent-soft: #26244a;--eyebrow: #a19cff;--focus: #a19cff;--hero-a: #1a1b33;--hero-b: #1c2346;--hero-c: #261f47;--panel: #1c1c30;--bubble-partner: #1b2640;--bubble-mine: #262247;--avatar-a: #22345e;--avatar-b: #4a2733;--pink: #2b1b23;--pink-go: #4c2835;--pink-ink: #ff9aab;--blue: #18223a;--blue-go: #24375f;--blue-ink: #8fb0ff;--green: #16291d;--green-go: #22472f;--green-ink: #7fe0a2;--yellow: #2a2516;--yellow-go: #574719;--yellow-ink: #f3cd6b;--purple: #211d3a;--purple-go: #372f62;--purple-ink: #b3a9ff;--right: #45d184;--right-soft: #173323;--almost: #f3b44c;--almost-soft: #33280f;--wrong: #ff6b78;--wrong-soft: #3a1c22;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 32px -20px rgba(0, 0, 0, .6);--shadow-btn: 0 12px 26px -10px rgba(90, 80, 255, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance;letter-spacing:-.02em}a{color:inherit}button{font:inherit;color:inherit}kbd{font-family:var(--font);font-size:.72em;font-weight:600;padding:.1em .45em;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--ink-2)}.small{font-size:.875rem}.center{text-align:center;justify-content:center}.label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:0;background:var(--surface-2);color:var(--ink);cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease}.icon-btn:hover{transform:translateY(-1px)}.icon-btn.small{width:34px;height:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.25rem;border-radius:14px;border:0;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--accent-fill);color:var(--accent-ink);box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-outline{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn-outline:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--accent)}.btn-outline svg{color:var(--accent)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-danger{background:var(--wrong);color:#fff}.btn.wide{width:100%}.btn kbd{background:#ffffff2e;border-color:#ffffff4d;color:inherit}.btn.small{min-height:40px;font-size:.9rem}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:12px;background:var(--surface-2)}.segmented.center{display:flex;width:fit-content;margin-inline:auto}.segmented button{border:0;background:transparent;padding:.45rem .9rem;border-radius:9px;font-weight:600;font-size:.875rem;color:var(--ink-2);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;min-width:0}.brand-logo{font-family:var(--font-glyph);font-weight:800;font-size:2rem;letter-spacing:-.07em;line-height:1;color:var(--ink)}.brand-name{font-weight:600;font-size:1.2rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker{position:relative;min-width:0;flex:0 1 auto}.picker-btn{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:.25rem .6rem .25rem .25rem;border-radius:14px;max-width:100%;width:max-content;transition:background .15s ease}.pickers{display:flex;align-items:center;gap:.35rem;min-width:0}.pickers>.picker+.picker{flex:none}.picker-btn:hover,.picker-btn[aria-expanded=true],.flag-btn:hover,.flag-btn[aria-expanded=true]{background:var(--surface-2)}.flag-btn{display:inline-flex;align-items:center;gap:.25rem;height:40px;padding:0 .45rem 0 .55rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;cursor:pointer;transition:background .15s ease}.flag,.brand-logo.flag,.picker-logo.flag{font-family:"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji",emoji,sans-serif;font-size:1.35rem;font-weight:400;font-synthesis:none;letter-spacing:normal;line-height:1}.picker-btn .brand-logo{flex:none;white-space:nowrap}.picker-chevron{flex:none;color:var(--ink-2);transition:transform .15s ease}.picker-btn[aria-expanded=true] .picker-chevron{transform:rotate(180deg)}.picker-menu{position:absolute;z-index:50;top:calc(100% + 8px);left:0;width:min(340px,calc(100vw - 32px));max-height:min(70vh,520px);overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px -12px #14143247,var(--shadow-sm)}.picker-item{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto 20px;align-items:center;gap:.6rem;min-height:52px;padding:.4rem .6rem;border-radius:12px;cursor:pointer;outline:none}.picker-item:hover,.picker-item:focus-visible{background:var(--surface-2)}.picker-item:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.picker-item[aria-selected=true]{background:var(--accent-soft)}.picker-logo{font-family:var(--font-glyph);font-weight:700;font-size:1.35rem;line-height:1;text-align:center;white-space:nowrap}.picker-text{display:flex;flex-direction:column;min-width:0}.picker-name{font-weight:600;font-size:.98rem}.picker-native{font-size:.82rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.picker-count{font-size:.75rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.picker-check{grid-column:4;color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem 0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.75rem;min-width:0}.topbar-right{flex:none}.beta-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--eyebrow);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:default}.beta-notice{position:fixed;z-index:50;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100vw - 32px));display:flex;align-items:center;gap:.75rem;padding:.75rem .75rem .75rem 1rem;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 12px 32px -12px #14143259}.beta-notice p{flex:1;margin:0;font-size:.875rem;color:var(--ink-2)}.beta-notice strong{color:var(--ink)}.inline-icon{vertical-align:-2px}.detail-report{margin-top:1rem;display:flex;justify-content:center}.report{width:min(480px,calc(100vw - 32px));text-align:start;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px -20px #0a0a2880}.report::backdrop{background:#0f101e73}.report-body{display:grid;gap:1rem;padding:1.5rem}.report-body h2{margin:0;font-size:1.25rem}.report-body>p{margin:0}.report-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.report-kinds{display:flex;flex-wrap:wrap}.report-kinds button{flex:1 1 auto}.field{display:grid;gap:.4rem}.field select,.field textarea{width:100%;font:inherit;font-size:1rem;padding:.7rem .85rem;border-radius:12px;border:0;background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.field textarea{resize:vertical;min-height:96px}.field select:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.report-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.report-error{margin:0;color:var(--wrong);font-size:.9rem}.report-actions{display:flex;justify-content:flex-end;gap:.75rem}.report-done{text-align:center;justify-items:center}@media(max-width:480px){.topbar .beta-pill,.home-top .beta-pill{display:none}.report-actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;padding:16px;text-align:center;color:var(--ink-2)}.loading-dot{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}}.seo{max-width:760px;margin:0 auto;padding:32px 16px;color:var(--ink);line-height:1.5}.seo table{width:100%;border-collapse:collapse}.seo th,.seo td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.seo a{color:var(--accent)}.tone-pink{--tone: var(--pink);--tone-go: var(--pink-go);--tone-ink: var(--pink-ink)}.tone-blue{--tone: var(--blue);--tone-go: var(--blue-go);--tone-ink: var(--blue-ink)}.tone-green{--tone: var(--green);--tone-go: var(--green-go);--tone-ink: var(--green-ink)}.tone-yellow{--tone: var(--yellow);--tone-go: var(--yellow-go);--tone-ink: var(--yellow-ink)}.tone-purple{--tone: var(--purple);--tone-go: var(--purple-go);--tone-ink: var(--purple-ink)}.emoji-art{display:grid;place-items:center;font-family:"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji",emoji,sans-serif;font-weight:400;font-synthesis:none;line-height:1}.pill{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:99px;font-size:.75rem;font-weight:700;white-space:nowrap}.pill-accent{background:var(--accent-fill);color:var(--accent-ink)}.pill-short{display:none}.page{min-height:100%;padding:0 16px 48px}.page-body{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.page-body.narrow{max-width:760px}.panel{background:var(--surface);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-sm)}.crumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.92rem;color:var(--ink-2)}.crumbs a{color:var(--accent);font-weight:600;text-decoration:none}.crumbs a:hover{text-decoration:underline}.home{--k: 1px;max-width:1232px;margin:0 auto;padding:0 16px 24px;display:flex;flex-direction:column;gap:20px}.home-top{width:100%;max-width:none;margin:0;padding:12px 0 0}.hero{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--k));padding:calc(40 * var(--k)) calc(52 * var(--k));border-radius:calc(26 * var(--k));background:radial-gradient(110% 120% at 0% 0%,var(--hero-a) 0%,transparent 60%),radial-gradient(80% 140% at 100% 100%,var(--hero-c) 0%,transparent 65%),linear-gradient(115deg,var(--hero-a),var(--hero-b));overflow:hidden}.hero-copy{min-width:0}.hero h1{font-size:calc(46 * var(--k));line-height:1.1;font-weight:800;letter-spacing:-.035em}.hero-sub{margin-top:calc(12 * var(--k));font-size:max(15px,calc(19 * var(--k)));color:var(--ink-2)}.btn-start{flex:none;display:inline-flex;align-items:center;gap:calc(14 * var(--k));height:max(52px,calc(66 * var(--k)));padding:0 calc(38 * var(--k)) 0 calc(32 * var(--k));border:0;border-radius:999px;background:var(--accent-fill);color:var(--accent-ink);font-weight:700;font-size:max(16px,calc(20 * var(--k)));cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .15s ease,background .15s ease}.btn-start:hover{transform:translateY(-2px);background:var(--accent-hover)}.btn-start-icon{width:max(16px,calc(20 * var(--k)));height:max(16px,calc(20 * var(--k)))}.topics{display:flex;flex-direction:column;gap:calc(14 * var(--k));min-height:0}.topics-head{display:flex;align-items:baseline;gap:.75rem}.topics-head h2{font-size:max(19px,calc(24 * var(--k)));font-weight:800}.topics-head .muted{font-size:max(13px,calc(15 * var(--k)))}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:calc(16 * var(--k));min-height:0}.topic-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;column-gap:calc(8 * var(--k));min-height:0;padding:calc(18 * var(--k)) calc(16 * var(--k)) calc(18 * var(--k)) calc(20 * var(--k));border-radius:calc(22 * var(--k));background:var(--tone);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.topic-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -18px #281e5a59}.topic-card:hover .topic-go{transform:translate(3px)}.topic-art{grid-column:1 / -1;justify-self:center;align-self:center;width:auto;height:100%;max-height:calc(122 * var(--k));min-height:0;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(40,30,90,.16))}.topic-art.emoji-art{font-size:calc(84 * var(--k));filter:none}.topic-text{display:flex;flex-direction:column;gap:calc(3 * var(--k));min-width:0;align-self:end}.topic-title{font-weight:800;font-size:max(15px,calc(19 * var(--k)));letter-spacing:-.02em;line-height:1.2}.topic-meta{font-size:max(12px,calc(14 * var(--k)));color:var(--ink-2)}.topic-go{align-self:end;display:grid;place-items:center;width:max(32px,calc(40 * var(--k)));height:max(32px,calc(40 * var(--k)));border-radius:50%;background:var(--tone-go);color:var(--tone-ink);transition:transform .2s ease}.topic-go svg{width:max(16px,calc(19 * var(--k)));height:max(16px,calc(19 * var(--k)))}@media(min-width:700px)and (min-height:540px){html.is-home,html.is-home body,html.is-home #root{height:100%;overflow:hidden}html.is-home #root{container-type:size}.home{--k: min(calc(100cqw / 1232), calc(100cqh / 860));height:100%;max-width:calc(1200 * var(--k) + 32px);padding:0 16px calc(28 * var(--k));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:calc(22 * var(--k))}.home-top{padding-top:calc(14 * var(--k))}}@media(max-width:699px){.hero{flex-direction:column;align-items:flex-start;padding:24px 22px;border-radius:22px;gap:18px}.hero h1{font-size:clamp(26px,7.4vw,34px)}.hero-sub{margin-top:8px}.btn-start{height:52px;padding:0 26px 0 22px;font-size:17px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px}.topic-card{min-height:168px;padding:14px 12px 14px 16px;border-radius:20px}.topic-art{height:76px;max-height:none;margin-bottom:8px}.topic-art.emoji-art{font-size:58px}.topic-text{grid-column:1 / -1}.topic-go{position:absolute;top:10px;right:10px}.home-top .brand-name{font-size:1.05rem}.home-top .brand-logo{font-size:1.6rem}}.topic-intro{display:flex;align-items:center;gap:1.5rem;background:var(--tone);box-shadow:none;padding:1.5rem 2rem}.topic-intro-art{width:112px;height:112px;flex:none;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(40,30,90,.16))}.topic-intro-art.emoji-art{font-size:80px;filter:none}.topic-intro-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.topic-intro h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1.1}.topic-intro .btn{margin-top:.5rem}.conv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.conv-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.conv-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--line-strong)}.conv-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2);font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink-2)}.conv-row.is-done .conv-num{background:var(--right-soft);color:var(--right)}.conv-text{display:flex;flex-direction:column;min-width:0}.conv-title{font-weight:700;font-size:1.05rem}.conv-sub{font-size:.9rem;color:var(--ink-2)}.conv-native{font-size:.9rem;color:var(--ink-3)}.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.level{padding:.15rem .55rem;border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:.04em}.level-a1{background:var(--green);color:var(--green-ink)}.level-a2{background:var(--blue);color:var(--blue-ink)}.level-b1{background:var(--purple);color:var(--purple-ink)}.conv-done{font-size:.78rem;color:var(--right);font-weight:600;white-space:nowrap}@media(max-width:520px){.topic-intro{padding:1.25rem;gap:1rem}.topic-intro-art{width:80px;height:80px}.topic-intro-art.emoji-art{font-size:58px}.conv-row{grid-template-columns:36px minmax(0,1fr) auto;gap:.75rem;padding:.8rem .9rem}.conv-num{width:36px;height:36px}}.talk{max-width:1200px;margin:0 auto}.talk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:.25rem 0 1.5rem}.talk-titles{display:flex;flex-direction:column;gap:.35rem;min-width:0}.talk-head h1{font-size:clamp(1.6rem,3.4vw,2.25rem);font-weight:800;line-height:1.15}.talk-sub{font-size:1rem}.talk-native{color:var(--ink-3)}.talk-native:before{content:"· "}.talk-restart{flex:none;min-height:44px;margin-top:.4rem}.talk-restart svg{color:var(--ink-2)}.talk-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;align-items:start}.chat{display:flex;flex-direction:column;min-height:520px;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--line)}.chat-lines{position:relative;flex:1;min-height:0;list-style:none;margin:0;padding:28px 28px 8px;display:flex;flex-direction:column;gap:20px}.msg{display:flex;align-items:flex-start;gap:12px;scroll-margin:96px 0 200px;animation:msg-in .3s ease both}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}}.msg-mine{flex-direction:row-reverse}.avatar{display:grid;place-items:center;flex:none;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-a{background:var(--avatar-a)}.avatar-b{background:var(--avatar-b)}.avatar-emoji{font-family:"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji",emoji,sans-serif;font-weight:400;font-synthesis:none;font-size:.6em;line-height:1}.msg-avatar{width:48px;height:48px;font-size:48px;margin-top:22px}.msg-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(80%,600px);min-width:0}.msg-mine .msg-body{align-items:flex-end}.msg-name{display:flex;align-items:center;gap:8px;min-height:22px;font-size:.875rem;font-weight:600;color:var(--ink-2)}.msg-mine .msg-name{flex-direction:row-reverse}.bubble{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 18px;border-radius:6px 20px 20px;background:var(--bubble-partner);max-width:100%;transition:box-shadow .2s ease}.msg-mine .bubble{background:var(--bubble-mine);border-top-left-radius:20px;border-top-right-radius:6px}.msg.is-turn .bubble,.msg.is-active .bubble{box-shadow:inset 0 0 0 2px var(--accent),0 10px 24px -14px #3430ee80}.bubble-content{display:flex;flex-direction:column;gap:3px;min-width:0}.bubble-content p{margin:0;overflow-wrap:anywhere}.bubble-text{font-size:1.08rem;font-weight:500;line-height:1.45;color:var(--ink)}.bubble-rom{font-size:.9rem;color:var(--ink-2);font-style:italic}.bubble-tr{font-size:.9rem;color:var(--ink-2)}.bubble-rom+.bubble-tr{margin-top:1px}.w-hit{color:var(--right)}.w-miss{color:var(--wrong);opacity:.75;text-decoration:underline dotted;text-underline-offset:3px}.bubble-heard{font-size:.85rem;color:var(--ink-3)}.bubble-result{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px!important}.result-badge{padding:.12rem .55rem;border-radius:99px;font-size:.78rem;font-weight:700}.result-great .result-badge{background:var(--right-soft);color:var(--right)}.result-almost .result-badge{background:var(--almost-soft);color:var(--almost)}.result-retry .result-badge{background:var(--wrong-soft);color:var(--wrong)}.bubble-compare{display:flex;gap:8px;margin-top:6px!important}.chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:99px;background:var(--surface);color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}.play-btn{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0 0 0 2px;border:0;border-radius:50%;background:var(--surface);color:var(--accent);cursor:pointer;box-shadow:0 2px 8px -2px #1e1e5a33;transition:transform .15s ease}.play-btn:hover{transform:scale(1.06)}.play-btn.is-playing{padding:0;background:var(--accent-fill);color:var(--accent-ink)}.bubble-hidden{position:relative;display:grid;border:0;padding:0;background:none;font:inherit;text-align:inherit;color:inherit;cursor:pointer;border-radius:8px}.bubble-blur{grid-area:1 / 1;font-size:1.08rem;font-weight:500;filter:blur(7px);-webkit-user-select:none;user-select:none}.bubble-reveal{grid-area:1 / 1;place-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:var(--surface);color:var(--accent);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-sm)}.chat-bar{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:minmax(150px,1fr) auto auto;grid-template-areas:"status status status" "turn speak next";align-items:center;gap:8px 16px;margin-top:12px;padding:12px 24px 20px;border-top:1px solid var(--line);border-radius:0 0 24px 24px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn{grid-area:turn;display:flex;flex-direction:column;gap:8px;max-width:260px}.turn-count{font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums}.turn-track{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.turn-fill{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .35s ease}.chat-status{grid-area:status;min-height:1.4em;font-size:.9rem;font-weight:500;color:var(--ink-2);text-align:center}.chat-actions{display:contents}.btn-speak{grid-area:speak;min-height:56px;padding:0 1.75rem;border-radius:16px;font-size:1.05rem}.btn-speak.is-live{background:var(--wrong);box-shadow:0 0 color-mix(in srgb,var(--wrong) 50%,transparent);animation:pulse 1.4s ease-out infinite}@keyframes pulse{70%{box-shadow:0 0 0 14px transparent}to{box-shadow:0 0 0 0 transparent}}.btn-next{grid-area:next;min-height:56px;border-radius:16px}.chat-bar>.chat-actions>.btn-speak:only-child{grid-column:speak / next}.chat-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin:12px 24px 24px;padding:1.75rem 1.25rem;border-radius:20px;background:linear-gradient(135deg,var(--hero-a),var(--hero-b))}.chat-done-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--right);color:#fff}.chat-done h2{font-size:1.5rem;font-weight:800}.chat-done p{max-width:34em}.chat-done-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem}.role-panel{position:sticky;top:16px;display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem;border-radius:24px;background:var(--panel)}.role-panel-head h2{font-size:1.2rem;font-weight:800}.role-panel-head p{margin-top:.2rem}.roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 16px;border:0;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm),inset 0 0 0 2px transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.role-card:hover{transform:translateY(-2px)}.role-card[aria-pressed=true]{box-shadow:0 10px 24px -16px #3430ee99,inset 0 0 0 2px var(--accent);cursor:default;transform:none}.role-avatar{width:76px;height:76px;font-size:76px}.role-name{font-weight:800;font-size:1.05rem}.role-label{font-size:.8rem;color:var(--ink-3);font-weight:600;line-height:1.5;padding:.18rem 0}.listen-both[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.toggles{display:flex;flex-direction:column;gap:.6rem;padding-top:.9rem;border-top:1px solid var(--line-strong)}.toggle{position:relative;display:flex;align-items:center;gap:.7rem;cursor:pointer;font-size:.92rem;font-weight:500}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{flex:none;position:relative;width:40px;height:24px;border-radius:99px;background:var(--line-strong);transition:background .2s ease}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle input:focus-visible+.toggle-track{outline:3px solid var(--focus);outline-offset:2px}.toggle-label{display:flex;align-items:center;gap:.5rem}.toggle-hint{padding:.05rem .45rem;border-radius:6px;background:var(--surface);color:var(--ink-3);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media(min-width:900px)and (min-height:600px){.chat{height:max(480px,calc(100dvh - 230px));min-height:0}.chat-lines{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.chat-bar{position:static}.chat-done{flex:none}}@media(max-width:899px){.talk-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.role-panel{position:static;order:-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.75rem;border-radius:20px}.role-panel-head{display:none}.roles{gap:8px}.role-card{flex-direction:row;gap:8px;padding:6px 10px 6px 6px;border-radius:14px;min-width:0}.role-avatar{width:36px;height:36px;font-size:36px}.role-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.role-card .pill,.role-label{margin-left:auto}.listen-both{min-height:48px;width:auto;padding:0 1rem}.toggles{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:.5rem 1.25rem;padding-top:.6rem}}@media(max-width:600px){.talk-page{padding-bottom:0}.talk-head{margin-bottom:1rem}.talk-restart{min-height:38px;padding:0 .8rem;margin-top:0;font-size:.9rem;border-radius:12px}.talk-head .crumbs{flex-wrap:nowrap;white-space:nowrap;font-size:.85rem}.role-card .pill-long{display:none}.role-card .pill-short{display:inline}.role-panel{grid-template-columns:minmax(0,1fr)}.listen-both{width:100%}.role-label{display:none}.chat{min-height:0;border-radius:20px}.chat-lines{padding:18px 14px 8px;gap:16px}.msg{gap:8px}.msg-avatar{width:34px;height:34px;font-size:34px;margin-top:24px}.msg-body{max-width:calc(100% - 42px)}.bubble{gap:10px;padding:12px 10px 12px 14px}.bubble-text{font-size:1rem}.play-btn{width:34px;height:34px}.chat-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"turn turn" "status status" "speak next";gap:8px 10px;margin-top:8px;padding:12px 14px max(14px,env(safe-area-inset-bottom));border-radius:0 0 20px 20px}.turn{flex-direction:row;align-items:center;max-width:none;gap:12px}.turn-count{font-size:.85rem;white-space:nowrap}.turn-track{flex:1}.chat-status{min-height:0;font-size:.85rem}.chat-status:empty{display:none}.btn-speak,.btn-next{min-height:52px;padding:0 1rem;font-size:1rem}.btn-next{padding:0 .9rem}.chat-done{margin:8px 12px 12px;padding:1.5rem 1rem}.chat-done-actions .btn{flex:1 1 100%}}@media(max-width:380px){.btn-next{font-size:.9rem}.btn-speak{font-size:.95rem;padding:0 .8rem}.topbar-right{gap:.4rem}}.report-line{display:flex;flex-direction:column;gap:.15rem;margin:0;padding:.7rem .9rem;border-radius:12px;background:var(--surface-2)}.site-foot{margin-top:1.5rem;font-size:.8rem;color:var(--ink-3);text-align:center}.site-foot a,.speech-note a,.report-privacy a{color:var(--ink-2);text-underline-offset:2px}.speech-note{font-weight:400;font-size:.8rem;color:var(--ink-3)}.report-privacy{margin:-.25rem 0 0;font-size:.8rem}.legal h1{font-size:1.6rem;font-weight:800}.legal h2{margin-top:1.4rem;font-size:1.05rem;font-weight:700}.legal h2:first-child{margin-top:0}.legal p,.legal ul{margin-top:.5rem;line-height:1.6;color:var(--ink-2)}.legal strong{color:var(--ink)}.legal ul{padding-left:1.2rem}.legal a{color:var(--accent)}.legal .licence{margin-top:1rem}.legal .licence summary{cursor:pointer;font-weight:600}.legal pre{margin-top:.5rem;white-space:pre-wrap;font-size:.75rem;line-height:1.5;color:var(--ink-2)}