@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2) format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-ext-800-normal-GEpNgheG.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-ext-800-normal-BvOXQlBN.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2) format("woff2"),url(/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #FBF7F6;--paper-2: #F4EEEC;--panel: #FFFFFF;--panel-2: #FCF8F7;--ink: #211B1C;--ink-2: #6B6364;--ink-3: #A49D9D;--hair: rgba(33,27,28,.09);--hair-2: rgba(33,27,28,.055);--brand: #C23B49;--brand-deep: #A12C39;--brand-700: #B23341;--brand-soft: #FBE7EA;--brand-soft2:#F6D2D8;--on-brand: #FFF8F6;--sakura: #E59AA6;--sakura-soft: #FCEEF0;--taupe: #9A8C82;--plum: #8A5566;--moss: #7E8A6E;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--sh-1: 0 1px 2px rgba(33,27,28,.04), 0 4px 16px rgba(33,27,28,.04);--sh-2: 0 2px 8px rgba(33,27,28,.05), 0 18px 48px rgba(33,27,28,.08);--sh-card: 0 1px 2px rgba(33,27,28,.03), 0 6px 22px rgba(33,27,28,.045);--font-ui: "Be Vietnam Pro", -apple-system, system-ui, sans-serif;--font-jp: "Hiragino Mincho ProN", "Hiragino Sans", "Noto Serif CJK JP", "Noto Serif JP", "Noto Sans CJK JP", "Yu Mincho", "YuMincho", "Yu Gothic", "Meiryo", serif, system-ui;--sidebar-w: 248px;--content-max: 1080px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#root{height:100%}.app{height:100vh;height:100dvh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;background:var(--paper)}.sidebar{border-right:1px solid var(--hair);display:flex;flex-direction:column;padding:26px 16px 18px;background:var(--panel-2)}.brand-mark{display:flex;align-items:center;gap:12px;padding:4px 10px 26px}.brand-dot{width:34px;height:34px;border-radius:999px;background:var(--brand);flex-shrink:0;box-shadow:0 4px 14px #c23b4952}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:13px;white-space:nowrap;padding:10px 12px;border-radius:var(--r);color:var(--ink-2);cursor:pointer;font-weight:600;font-size:14.5px;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--paper-2);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand-deep)}.nav-sec{padding:18px 12px 8px}.main{overflow-y:auto;height:100vh;height:100dvh}.main::-webkit-scrollbar{width:10px}.main::-webkit-scrollbar-thumb{background:var(--hair);border-radius:999px;border:3px solid var(--paper)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:18px 40px;background:#fbf7f6d1;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid var(--hair-2)}.content{max-width:var(--content-max);margin:0 auto;padding:36px 40px 80px}.content-wide{max-width:1240px}@media(max-width:900px){.listen-grid{grid-template-columns:1fr!important}.listen-aside{position:static!important}}.jp{font-family:var(--font-jp)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.display{font-family:var(--font-jp);font-weight:600;letter-spacing:-.01em}.h1{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.12}.h2{font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.18}.h3{font-size:17px;font-weight:700;letter-spacing:-.01em}.t{font-size:15px;font-weight:500;line-height:1.55}.t-sm{font-size:13.5px;font-weight:500;line-height:1.5;color:var(--ink-2)}.t-xs{font-size:12px;font-weight:600;color:var(--ink-2)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.mono{font-family:SF Mono,ui-monospace,monospace}.card{background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--sh-card);border:1px solid var(--hair-2)}.card-quiet{background:var(--panel-2);border:1px solid var(--hair);box-shadow:none}.hoverable{transition:transform .16s ease,box-shadow .2s ease;cursor:pointer}.hoverable:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.chip{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;background:var(--paper-2);color:var(--ink-2)}.chip-brand{background:var(--brand-soft);color:var(--brand-deep)}.chip-sakura{background:var(--sakura-soft);color:var(--plum)}.chip-line{background:transparent;border:1px solid var(--hair);color:var(--ink-2)}.chip-moss{background:#7e8a6e24;color:var(--moss)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:700;font-size:14.5px;border:none;cursor:pointer;border-radius:999px;white-space:nowrap;padding:0 20px;height:46px;letter-spacing:.01em;transition:transform .12s ease,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.975)}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:0 4px 14px #c23b4942}.btn-primary:hover{background:var(--brand-deep)}.btn-ghost{background:var(--panel);color:var(--ink);border:1px solid var(--hair);box-shadow:var(--sh-1)}.btn-ghost:hover{background:var(--paper-2)}.btn-quiet{background:transparent;color:var(--brand);height:auto;padding:4px 6px}.btn-sm{height:38px;padding:0 16px;font-size:13.5px}.btn-lg{height:54px;padding:0 28px;font-size:16px}.btn-block{width:100%}.tap{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}.tap:active{transform:scale(.98)}[aria-disabled=true]{cursor:default}:focus{outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--brand-soft);border-color:var(--brand)!important}.bar{height:8px;border-radius:999px;background:var(--paper-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--brand)}.ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.hr{height:1px;background:var(--hair);border:none;margin:0}.grid{display:grid;gap:18px}@keyframes rise{0%{transform:translateY(12px)}to{transform:none}}.rise{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}@media(prefers-reduced-motion:reduce){.rise{animation:none}}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{animation:revealUp .42s cubic-bezier(.2,.7,.2,1) both}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.skeleton{background:var(--paper-2);border-radius:8px;animation:pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.petal{position:absolute;width:16px;height:16px;pointer-events:none;background:var(--sakura);opacity:.5;border-radius:14px 1px}@media(hover:none){.hoverable:active{transform:scale(.99)}}.bottom-nav,.mobile-only{display:none}@media(max-width:760px){:root{--gutter: 16px}.app{grid-template-columns:1fr}.sidebar{display:none}.main{height:auto;min-height:100dvh}.topbar{padding:calc(9px + env(safe-area-inset-top)) calc(var(--gutter) + env(safe-area-inset-right)) 9px calc(var(--gutter) + env(safe-area-inset-left));gap:8px}.content,.content-wide{max-width:none;padding:18px calc(var(--gutter) + env(safe-area-inset-left)) calc(78px + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-right))}.m1col{grid-template-columns:1fr!important}.grid{gap:14px}.h1{font-size:26px}.h2{font-size:21px}.t,.t-sm,.h3,.display,.h1,.h2{overflow-wrap:anywhere}.btn-sm{height:44px}.btn-quiet,.nav-item{min-height:44px}input,select,textarea{font-size:16px}.desktop-only{display:none!important}.mobile-only{display:flex}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fffffff5;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);border-top:1px solid var(--hair);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav .bn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:none;background:none;color:var(--ink-2);font:600 11px var(--font-ui);-webkit-tap-highlight-color:transparent;cursor:pointer;text-decoration:none}.bottom-nav .bn.active{color:var(--brand-deep)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#211b1c66;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--panel);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));max-height:82dvh;overflow-y:auto;animation:sheetUp .26s cubic-bezier(.2,.7,.2,1) both}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-grip{width:38px;height:4px;border-radius:999px;background:var(--hair);margin:6px auto 8px}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--paper);padding:calc(10px + env(safe-area-inset-top)) 14px 14px;display:flex;flex-direction:column;gap:12px}@media(hover:none)and (pointer:coarse){.kbd-hint{display:none!important}}@media(max-width:760px){.overlay-bar{padding-left:16px!important;padding-right:16px!important;gap:12px!important;flex-wrap:wrap}.rating-row{flex-wrap:wrap}.rating-row>button{flex:1 1 calc(50% - 10px);min-width:0!important}}:root{--fs-read: 18px;--lh-read: 1.7;--fs-read-sm: 16px;--lh-read-sm: 1.6;--runner-pad: 32px;--runner-pad-sm: 16px}.runner-split{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px}.runner-split--plain{display:block;overflow-y:auto}.runner-split--plain .runner-task{flex:none;overflow:visible}.runner-stimulus{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:28px var(--runner-pad) 32px}.runner-col{flex:1;min-height:0;display:flex;flex-direction:column}.runner-task{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px var(--runner-pad) 12px}.runner-measure{max-width:760px;margin:0 auto;width:100%}.runner-footer{flex-shrink:0;display:flex;align-items:center;gap:12px;background:var(--panel);border-top:1px solid var(--hair);padding:12px var(--runner-pad)}.jp-read{font-family:var(--font-jp);font-size:var(--fs-read);line-height:var(--lh-read);color:var(--ink);overflow-wrap:anywhere}.jp-read-vi{font-size:14px;line-height:1.55;color:var(--ink-2)}.overlay-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:24px}.overlay-foot{flex-shrink:0;border-top:1px solid var(--hair);background:var(--paper);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 20px}.overlay-foot--steady{justify-content:center;min-height:120px}@media(max-width:760px){.overlay-foot--steady{min-height:192px}}.flip-scene{position:relative;perspective:1900px}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.32,.72,.22,1);will-change:transform}.flip-card.is-flipped{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);backface-visibility:hidden;-webkit-backface-visibility:hidden;background-image:linear-gradient(110deg,rgba(255,255,255,.5),transparent 42%)}.flip-face--back{transform:rotateY(180deg)}.flip-scene:after{content:"";position:absolute;left:7%;right:7%;bottom:-16px;height:24px;border-radius:50%;background:#211b1c21;filter:blur(12px);z-index:-1;pointer-events:none}@media(prefers-reduced-motion:reduce){.flip-card{transition:none}}.transcript-scroll{max-height:min(40dvh,360px);overflow-y:auto}@media(max-width:1039px){.runner-split:not(.runner-split--plain){display:flex;flex-direction:column}.runner-stimulus{flex:0 1 auto;max-height:42vh;max-height:42dvh;padding:16px var(--runner-pad-sm) 14px;border-bottom:1px solid var(--hair)}.runner-stimulus--pin{flex:0 0 auto;max-height:none;overflow:visible}.runner-task{padding:18px var(--runner-pad-sm) 16px}.runner-footer{padding:12px var(--runner-pad-sm)}}@media(max-width:760px){.jp-read{font-size:var(--fs-read-sm);line-height:var(--lh-read-sm)}}.opt-list{display:flex;flex-direction:column;gap:12px}.opt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--panel);border:1.5px solid var(--hair);border-radius:var(--r);padding:16px 20px;box-shadow:var(--sh-1)}.opt-badge{width:30px;height:30px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--paper-2);color:var(--ink-2)}.opt-text{flex:1}.opt.is-picked{border-color:var(--brand)}.opt.is-picked .opt-badge{background:var(--brand);color:var(--on-brand)}.opt.is-correct{border-color:var(--moss);background:#7a8a6e29}.opt.is-correct .opt-badge{background:var(--moss);color:var(--on-brand)}.opt.is-wrong{border-color:var(--brand);background:var(--brand-soft)}.opt.is-wrong .opt-badge{background:var(--brand);color:var(--on-brand)}@media(max-width:760px){.opt{min-height:52px}}