@layer reset,tokens,base,components,screens,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}img,svg,video,iframe{max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,ul,ol{margin-top:0}[inert]{pointer-events:none!important}}@layer tokens{:root{--tk-indigo: #30246D;--tk-indigo-800: #231A52;--tk-indigo-600: #4A3C96;--tk-indigo-100: #DEDAF2;--tk-indigo-50: #EFEDF8;--tk-coral: #FF654F;--tk-coral-600: #D63D27;--tk-coral-700: #B8321F;--tk-coral-800: #962715;--tk-coral-100: #FFD9D2;--tk-coral-50: #FFF0EC;--tk-sakura: #FFB9C8;--tk-sakura-700: #B83A5E;--tk-sakura-50: #FFF0F3;--tk-matcha: #3CBF9B;--tk-matcha-700: #147A5C;--tk-matcha-800: #0F5E47;--tk-matcha-50: #E3F6F0;--tk-mikan: #FFB347;--tk-mikan-700: #8A5200;--tk-mikan-50: #FFF4E2;--tk-sky: #63BBF5;--tk-sky-700: #1A65A0;--tk-sky-50: #E6F4FE;--tk-violet: #7B6CF0;--tk-violet-700: #4F3DB8;--tk-violet-50: #EEEBFD;--tk-beige: #FFF7ED;--tk-charcoal: #1F2937;--tk-slate: #5B6475;--canvas: var(--tk-beige);--surface: #FFFFFF;--surface-warm: #FFEFE4;--surface-2: #FFFBF6;--matcha: var(--tk-matcha-700);--matcha-hover: var(--tk-matcha-800);--matcha-edge: var(--tk-matcha-800);--matcha-deep: var(--tk-matcha-800);--coral: var(--tk-coral);--coral-ink: var(--tk-coral-700);--coral-soft: var(--tk-coral-50);--honey: var(--tk-mikan);--honey-ink: var(--tk-mikan-700);--honey-soft: var(--tk-mikan-50);--sakura: var(--tk-sakura);--sakura-soft: var(--tk-sakura-50);--sakura-ink: var(--tk-sakura-700);--ink: var(--tk-charcoal);--muted: var(--tk-slate);--line: #F1E3D3;--line-strong: #DECDBA;--mint: var(--tk-matcha-50);--mint-ink: var(--tk-matcha-800);--danger: #B54552;--danger-soft: #FDECEA;--danger-edge: #8B2F3B;--focus: var(--tk-indigo-600);--accent: var(--tk-matcha-700);--accent-soft: var(--tk-matcha-50);--accent-ink: var(--tk-matcha-800);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans CJK JP", sans-serif;--r-8: 8px;--r-12: 12px;--r-14: 14px;--r-16: 16px;--r-24: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 40px;--s-8: 48px;--shadow-sm: 0 1px 2px rgba(31,41,55,.05), 0 2px 8px rgba(31,41,55,.04);--shadow-md: 0 6px 20px rgba(31,41,55,.07);--shadow-lg: 0 18px 48px rgba(31,41,55,.18);--t-press: .12s;--t-fast: .16s;--t-enter: .28s;--ease: cubic-bezier(.22,1,.36,1);--side-w: 264px;--content-max: 1040px;--nav-h: 68px;--lesson-max: 920px}body[data-level=N5]{--accent: var(--tk-matcha-700);--accent-soft: var(--tk-matcha-50);--accent-ink: var(--tk-matcha-800)}body[data-level=N4]{--accent: var(--tk-coral-700);--accent-soft: var(--tk-coral-50);--accent-ink: var(--tk-coral-800)}body[data-level=N3]{--accent: var(--tk-sky-700);--accent-soft: var(--tk-sky-50);--accent-ink: var(--tk-sky-700)}body[data-level=N2]{--accent: var(--tk-violet-700);--accent-soft: var(--tk-violet-50);--accent-ink: var(--tk-violet-700)}body[data-level=N1]{--accent: var(--tk-mikan-700);--accent-soft: var(--tk-mikan-50);--accent-ink: var(--tk-mikan-700)}}@layer base{body{background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}[lang=ja],.jp{font-family:var(--font-jp);font-synthesis:none;line-height:1.8}a{color:var(--matcha);text-underline-offset:3px}a:hover{color:var(--matcha-hover)}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}[tabindex="-1"]:focus{outline:none}::selection{background:var(--honey);color:var(--ink)}h1{font-size:28px;line-height:1.25;margin:0 0 var(--s-2);font-weight:800;letter-spacing:-.015em}h2{font-size:21px;line-height:1.35;margin:var(--s-5) 0 var(--s-3);font-weight:750}h3{font-size:17px;line-height:1.4;margin:0;font-weight:700}@media(min-width:861px){h1{font-size:34px}h2{font-size:23px}}audio{accent-color:var(--matcha)}.skip-link{position:fixed;left:12px;top:-60px;z-index:300;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-12);transition:top var(--t-fast)}.skip-link:focus{top:12px;color:#fff}.shell{display:block}.side{display:none}.main{min-width:0}.content{max-width:var(--content-max);margin:0 auto;padding:var(--s-4) var(--s-4) calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--s-6))}@media(min-width:768px){.content{padding:var(--s-5) var(--s-5) 96px}}@media(min-width:1024px){.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh}.side{display:flex;flex-direction:column;gap:var(--s-3);position:sticky;top:0;height:100vh;padding:var(--s-5) var(--s-4);overflow-y:auto;background:var(--surface);border-right:1px solid var(--line)}.content{padding:var(--s-6) var(--s-7) 96px}}.brand{display:flex;gap:var(--s-3);align-items:center;text-decoration:none;color:var(--ink);margin-bottom:var(--s-1)}.brand-mascot{width:48px;height:48px;flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-name{font-weight:800;font-size:17px}.brand-sub{font-size:12px;color:var(--muted)}#sideNav{display:flex;flex-direction:column;gap:2px}#sideNav a{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-3);min-height:44px;border-radius:var(--r-12);color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;transition:background var(--t-fast),color var(--t-fast)}#sideNav a svg{flex:none}#sideNav a:hover{background:var(--surface-warm)}#sideNav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}.side-foot{margin-top:auto;padding-top:var(--s-4);font-size:12px;color:var(--muted);line-height:1.55}.account-chip{display:flex;align-items:center;gap:10px}.avatar{border-radius:50%;background:var(--surface-warm);display:grid;place-items:center;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}#tabBar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:2px;padding:0 6px max(4px,env(safe-area-inset-bottom));background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);min-height:var(--nav-h)}#tabBar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;margin:5px 0;padding:6px 2px 4px;color:var(--muted);text-decoration:none;font-size:11.5px;font-weight:650;border-radius:var(--r-14);transition:background var(--t-fast),color var(--t-fast)}#tabBar a svg{width:23px;height:23px}#tabBar a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#tabBar a[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}@media(min-width:1024px){#tabBar{display:none}}body.v8-guest #tabBar{display:none!important}body.v8-guest .content{padding-bottom:var(--s-6)}body.exam-mode #tabBar,body.v8-exam-detail #tabBar,body.v8-exam-result #tabBar{display:none!important}body.exam-mode .content,body.v8-exam-detail .content,body.v8-exam-result .content{padding-bottom:max(40px,env(safe-area-inset-bottom))}body.exam-mode .content{padding-bottom:max(140px,env(safe-area-inset-bottom) + 124px)}body.exam-mode .mascot,body.exam-mode .brand-mascot{display:none!important}}@layer components{.btn{--btn-bg: var(--matcha);--btn-fg: #fff;--btn-edge: var(--matcha-edge);--btn-hover: var(--matcha-hover);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:10px var(--s-5);border:1px solid transparent;border-radius:var(--r-14);background:var(--btn-bg);color:var(--btn-fg);font-weight:700;font-size:15.5px;line-height:1.25;text-decoration:none;text-align:center;box-shadow:0 3px 0 var(--btn-edge);transition:transform var(--t-press) ease-out,box-shadow var(--t-press) ease-out,background var(--t-fast)}.btn:hover{background:var(--btn-hover);color:var(--btn-fg)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--btn-edge)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.ghost{--btn-bg: var(--surface);--btn-fg: var(--ink);--btn-edge: var(--line-strong);--btn-hover: var(--surface-warm);border-color:var(--line-strong)}.btn.coral,.btn.coral-ink{--btn-bg: var(--coral-ink);--btn-fg: #fff;--btn-edge: #7E2C15;--btn-hover: #9C3519}.btn.danger{--btn-bg: var(--danger);--btn-fg: #fff;--btn-edge: var(--danger-edge);--btn-hover: #9C3A46}.btn.honey,.btn.amber-btn{--btn-bg: var(--honey);--btn-fg: var(--honey-ink);--btn-edge: #C99520;--btn-hover: #F5B93A}.btn.google{--btn-bg: var(--surface);--btn-fg: var(--ink);--btn-edge: var(--line-strong);--btn-hover: var(--surface-warm);border-color:var(--line-strong);width:100%}.btn.sm{min-height:44px;padding:8px var(--s-4);font-size:14.5px;border-radius:var(--r-12);white-space:nowrap}.btn.lg{min-height:56px;padding:14px var(--s-6);font-size:17px;border-radius:var(--r-16);box-shadow:0 4px 0 var(--btn-edge)}.btn.lg:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--btn-edge)}.btn.block{width:100%}.btn .spin,.spin{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:tk-spin .7s linear infinite;display:inline-block}@keyframes tk-spin{to{transform:rotate(360deg)}}.icon-btn{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-12);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);box-shadow:0 2px 0 var(--line-strong);transition:transform var(--t-press),box-shadow var(--t-press)}.icon-btn:active{transform:translateY(2px);box-shadow:none}.v8-doc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-12);background:var(--surface);color:var(--matcha);font-size:13.5px;font-weight:700}.v8-doc-btn:hover{background:var(--mint)}.v8-text-button{min-height:40px;background:none;border:0;padding:7px;color:var(--matcha);font-size:13.5px;font-weight:700}.chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px var(--s-4);border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:650;font-size:14.5px;text-decoration:none;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-press)}.chip:hover{border-color:var(--accent)}.chip:active:not(:disabled){transform:scale(.97)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip:disabled{opacity:.55;cursor:wait}.chip-otaff{border-color:#9a4e14;color:#7e3f10;font-weight:700;justify-content:center}.level-chips{display:flex;gap:6px;flex-wrap:wrap}.level-chips .chip{min-width:48px;justify-content:center}.level-chips.side-levels{flex-wrap:nowrap;gap:4px}.level-chips.side-levels .chip{flex:1;min-width:0;padding:6px 0;min-height:40px;font-size:13px}.level-pill[data-lv=N5].on{background:#14705c;border-color:#14705c}.level-pill[data-lv=N4].on{background:#177d80;border-color:#177d80}.level-pill[data-lv=N3].on{background:#466ab5;border-color:#466ab5}.level-pill[data-lv=N2].on{background:#8163a5;border-color:#8163a5}.level-pill[data-lv=N1].on{background:#a45e72;border-color:#a45e72}.goal-chips{display:flex;gap:var(--s-2);justify-content:center;flex-wrap:wrap;margin:var(--s-4) 0 var(--s-1)}.tk-chip{display:inline-flex;align-items:center;gap:6px;padding:5px var(--s-3);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:650;color:var(--ink);white-space:nowrap}.tk-chip-honey{background:var(--honey-soft);border-color:#f3dda0;color:var(--honey-ink)}.tk-chip-honey svg{color:var(--coral-ink)}.tk-chip-mint{background:var(--mint);border-color:#c6e5d2;color:var(--mint-ink)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);background:var(--surface-warm);color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap}.tag.ok{background:var(--mint);color:var(--matcha)}.tag.red{background:var(--danger-soft);color:var(--danger)}.tag.amber{background:var(--honey-soft);color:var(--honey-ink)}.tag.teal{background:var(--accent-soft);color:var(--accent-ink)}.tag.coral{background:var(--coral-soft);color:var(--coral-ink)}.v8-pill{display:inline-flex;padding:5px 10px;background:var(--accent);border-radius:var(--r-8);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.eyebrow{display:inline-block;color:var(--accent-ink);letter-spacing:.07em;font-size:11.5px;font-weight:800;text-transform:uppercase;margin:0 0 4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4);box-shadow:var(--shadow-sm);overflow-wrap:anywhere}@media(max-width:560px){.card{padding:var(--s-4);border-radius:var(--r-16)}}.card h2{margin-top:0}a.card{display:block;color:var(--ink);text-decoration:none;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}a.card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.list{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--s-4)}.item{display:flex;align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-sm);min-width:0}.item>.grow,.row>.grow{min-width:0}a.item{text-decoration:none;color:var(--ink)}a.item:hover{border-color:var(--accent)}.item .ic{color:var(--accent-ink);display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-14);background:var(--accent-soft)}.list .item:nth-child(4n+2) .ic{background:var(--surface-warm);color:var(--coral-ink)}.list .item:nth-child(4n+3) .ic{background:var(--sakura-soft);color:var(--sakura-ink)}.list .item:nth-child(4n+4) .ic{background:var(--honey-soft);color:var(--honey-ink)}.note{background:var(--honey-soft);border:1px solid #EBD9A8;color:#5f450a;border-radius:var(--r-12);padding:10px var(--s-3);font-size:14px;line-height:1.55;margin:10px 0}.note.blue{background:var(--mint);border-color:#a9d8c3;color:var(--matcha-deep)}details.card>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px}details.card>summary::-webkit-details-marker{display:none}details.card>summary h2{display:inline;margin:0;font-size:19px}details.card>summary .chev{margin-left:auto;color:var(--muted);display:inline-flex;transform:rotate(90deg);transition:transform var(--t-fast)}details.card[open]>summary .chev{transform:rotate(-90deg)}details.card[open]>summary{margin-bottom:var(--s-3)}.progressbar{height:10px;border-radius:var(--r-pill);background:var(--surface-warm);overflow:hidden;min-width:60px}.progressbar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .4s ease-out}.ring{position:relative;display:inline-grid;place-items:center;flex:none}.ring svg{display:block}.ring-bg{stroke:var(--surface-warm)}.ring-fg{stroke:var(--accent);transition:stroke-dashoffset .6s var(--ease)}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15;padding:0 12px}.ring-center b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.ring-center small{font-size:11px;color:var(--muted);margin-top:2px}.tk-tabs{display:inline-flex;gap:4px;padding:4px;margin:0 0 var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);max-width:100%;overflow-x:auto}.tk-tab{min-height:40px;display:inline-flex;align-items:center;padding:8px var(--s-4);border-radius:var(--r-pill);color:var(--muted);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.tk-tab:hover{color:var(--ink);background:var(--surface-warm)}.tk-tab.on{background:var(--accent);color:#fff}.mascot{display:block;flex:none;object-fit:contain}.tk-empty{text-align:center;padding:var(--s-6) var(--s-5)}.tk-empty .mascot{margin:0 auto var(--s-3)}.tk-empty h2{margin:0 0 6px}.tk-empty p{margin:0 auto;max-width:44ch}.v8-empty-inline{padding:var(--s-4);border:1px dashed var(--line-strong);background:var(--surface);border-radius:var(--r-14);color:var(--muted);font-size:14px}.skel{border-radius:var(--r-24);background:var(--surface);border:1px solid var(--line);padding:var(--s-5);margin-bottom:var(--s-3)}.skel .bar{height:14px;border-radius:var(--r-8);margin:10px 0;background:linear-gradient(100deg,var(--surface-warm) 40%,#FBE2CB 50%,var(--surface-warm) 60%);background-size:200% 100%;animation:tk-shimmer 1.3s infinite}@keyframes tk-shimmer{to{background-position:-200% 0}}.fld{margin-bottom:var(--s-4)}.fld label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.fld input,.v8-search input{width:100%;min-height:48px;padding:11px var(--s-3);border:1.5px solid var(--line-strong);border-radius:var(--r-14);background:var(--surface);color:var(--ink)}.fld input:focus,.v8-search input:focus{border-color:var(--focus);outline:3px solid rgba(23,92,150,.25);outline-offset:0}.fld .hint{font-size:13px;color:var(--muted);margin-top:5px}.fld input[aria-invalid=true]{border-color:var(--danger)}.pw-wrap{position:relative}.pw-wrap input{padding-right:52px}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:var(--muted);display:grid;place-items:center;border-radius:10px}.form-err{background:var(--danger-soft);border:1px solid #F0C4CB;color:#6e2430;border-radius:var(--r-12);padding:10px var(--s-3);font-size:14.5px;margin-bottom:var(--s-4)}.divider{display:flex;align-items:center;gap:var(--s-3);color:var(--muted);font-size:13px;margin:var(--s-4) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.v8-search{display:flex;align-items:center;position:relative;margin:0 0 var(--s-3)}.v8-search>svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}.v8-search input{padding-left:44px;font-size:15px}.v8-filter-list,.learning-stage-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 1px 10px;margin-bottom:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.learning-stage-filters{flex-wrap:wrap;align-items:center;overflow:visible}.v8-filter-list button,.learning-stage-filters button{min-height:40px;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);background:var(--surface);padding:8px 14px;white-space:nowrap;font-size:13.5px;font-weight:650}.v8-filter-list button.selected,.learning-stage-filters button.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.learning-filter-caption{color:var(--muted);font-size:12px;font-weight:700;margin-right:3px}.check{width:46px;height:46px;flex:none;border-radius:50%;border:2.5px solid var(--line-strong);background:var(--surface);color:#fff;display:grid;place-items:center;padding:0;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-press)}.check:hover{border-color:var(--matcha)}.check:active{transform:scale(.94)}.check.done{background:var(--matcha);border-color:var(--matcha)}.check[disabled]{opacity:.6;cursor:wait}.dlg-layer{position:fixed;inset:0;z-index:130;background:#1f293775;display:flex;align-items:center;justify-content:center;padding:var(--s-4);overscroll-behavior:contain}.dlg{position:relative;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:var(--r-24);padding:var(--s-5);box-shadow:var(--shadow-lg);animation:tk-dlg-in .22s var(--ease)}.dlg:focus{outline:none}.dlg-sheet{align-items:flex-end;padding:0}.dlg-sheet .dlg{max-width:600px;border-radius:var(--r-24) var(--r-24) 0 0;max-height:86vh;padding:var(--s-3) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom));animation-name:tk-sheet-in}@media(min-width:768px){.dlg-sheet{align-items:center;padding:var(--s-5)}.dlg-sheet .dlg{border-radius:var(--r-24)}}.dlg-grip{display:block;width:44px;height:5px;border-radius:var(--r-pill);background:var(--line-strong);margin:0 auto var(--s-3)}@media(min-width:768px){.dlg-grip{display:none}}.dlg-head{display:flex;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-2)}.dlg-head h2{flex:1;min-width:0;margin:4px 0 0;font-size:20px}.dlg-x{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-12);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.dlg-x:hover{background:var(--surface-warm)}.dlg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s-4)}.dlg-confirm-in{display:flex;gap:var(--s-4)}.dlg-confirm-in h2{margin:0 0 var(--s-2);font-size:20px}.dlg-confirm-in p{margin:0}@media(max-width:560px){.dlg-confirm-in{flex-direction:column}}@keyframes tk-dlg-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}@keyframes tk-sheet-in{0%{transform:translateY(24px)}to{transform:none}}.day-tasks{margin:0 0 var(--s-4);padding-left:20px}.day-tasks li{margin:6px 0}.docs-sect{font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:var(--s-4) 0 var(--s-2)}.docs-item{display:flex;gap:11px;align-items:center;padding:12px 10px;min-height:48px;border-radius:var(--r-14);color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px}.docs-item>span{flex:1;min-width:0;overflow-wrap:anywhere}.docs-item:hover{background:var(--surface-warm)}.docs-item svg{flex:none;color:var(--matcha)}.docs-item.is-off{cursor:default}.docs-item.is-off:hover{background:none}#toastRoot{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);z-index:150;display:flex;flex-direction:column;gap:var(--s-2);align-items:center;pointer-events:none;width:min(420px,calc(100vw - 24px))}@media(min-width:1024px){#toastRoot{bottom:var(--s-5)}}body.exam-mode #toastRoot{bottom:calc(115px + env(safe-area-inset-bottom))}.toast{background:var(--ink);color:#fff;border-radius:var(--r-14);padding:12px 18px;font-size:14.5px;font-weight:600;box-shadow:var(--shadow-lg);animation:tk-dlg-in .18s var(--ease);max-width:100%;text-align:center}.toast.err{background:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:14px var(--s-4);box-shadow:var(--shadow-sm);min-width:0}.stat:nth-child(4n+2){background:var(--mint)}.stat:nth-child(4n+3){background:var(--surface-warm)}.stat:nth-child(4n+4){background:var(--sakura-soft)}.stat b{font-size:21px;display:block;line-height:1.25;font-variant-numeric:tabular-nums}.stat span{font-size:12.5px;color:var(--muted)}.bar-row{display:grid;grid-template-columns:110px 1fr 64px;gap:var(--s-3);align-items:center;margin:9px 0;font-size:14.5px}.player-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-16);overflow:hidden;background:#101418}.player-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.player-frame.is-scaled iframe{width:720px;height:405px;max-width:none;transform:scale(var(--jlpt-embed-scale,1));transform-origin:0 0}.player-frame:fullscreen iframe,.player-frame:-webkit-full-screen iframe{width:100%;height:100%;transform:none}.player-wrap{position:relative}.player-tools{display:flex;justify-content:flex-end;margin-top:var(--s-2, 8px)}.player-tools .fs-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px}.player-frame:fullscreen,.player-frame:-webkit-full-screen{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#000}.v8-page{max-width:980px;margin-inline:auto}.v8-pagehead{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-4);padding:var(--s-5);background:linear-gradient(120deg,var(--surface) 30%,var(--accent-soft) 100%);border:1px solid var(--line);border-radius:var(--r-24);box-shadow:var(--shadow-sm)}.v8-pagehead .v9-head-copy{flex:1 1 15rem;min-width:0}.v8-pagehead h1{margin:2px 0 6px}.v8-pagehead p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0;max-width:60ch}.v8-pagehead .v9-head-art{flex:none;width:104px;height:auto;object-fit:contain}.v8-pagehead .v9-doc-wrap{flex:1 1 100%;display:flex;justify-content:flex-end}@media(max-width:560px){.v8-pagehead{padding:var(--s-4)}.v8-pagehead .v9-head-art{display:none}.v8-pagehead .v9-doc-wrap{justify-content:flex-start}}.v8-detail-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin:0 0 var(--s-3)}.v8-detail-nav>a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--matcha);font-weight:700;font-size:14px}.sub{color:var(--muted);margin:0 0 var(--s-4);max-width:68ch}.v8-subtitle{font-size:19px;margin:var(--s-5) 0 var(--s-3)}.v8-subtitle span{font-size:13px;color:var(--muted);font-weight:500;margin-left:5px}.v8-list-count{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--muted);min-height:34px;margin-bottom:6px}.v8-error{max-width:680px;margin:7vh auto 0;background:var(--surface);border:1px solid var(--line);padding:var(--s-5);border-radius:var(--r-24)}.v8-error h1{font-size:25px;margin:8px 0 12px}.v8-error p{color:var(--muted)}.v8-action-row{display:flex;align-items:center;gap:var(--s-3) var(--s-4);flex-wrap:wrap}.v9-petal{position:fixed;width:12px;height:9px;border-radius:80% 15% 65% 20%;z-index:1500;pointer-events:none;will-change:transform,opacity}.anim-pop{animation:tk-pop .24s ease-out}@keyframes tk-pop{40%{transform:scale(1.025)}}.anim-shake{animation:tk-shake .3s ease-out}@keyframes tk-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.v9-enter .v9-staged{animation:tk-rise-in var(--t-enter) var(--ease) both;animation-delay:var(--v9-delay, 0ms)}@keyframes tk-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.v9-staged[hidden]{animation:none!important}}@layer screens{.home{max-width:860px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-4)}.home>*{margin:0}.home-hero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);padding:var(--s-5);background:linear-gradient(135deg,var(--surface) 35%,var(--accent-soft));border:1px solid var(--line);border-radius:var(--r-24);box-shadow:var(--shadow-sm)}.home-greet{flex:1 1 18rem;min-width:0;display:flex;align-items:flex-start;gap:var(--s-3)}.home-mascot{width:72px;height:72px}.home-greet h1{font-size:23px;margin:0 0 var(--s-2)}.home-greet{position:relative}.home-greet .icon-btn{position:absolute;top:-4px;right:-4px}.home-greet>.grow{padding-right:48px}@media(max-width:420px){.home-hero{padding:var(--s-4)}.home-mascot{width:56px;height:56px}}@media(min-width:861px){.home-greet h1{font-size:30px}}.home-name{color:var(--accent-ink)}.home-chips{display:flex;flex-wrap:wrap;gap:6px}.home-ring{flex:none;margin-inline:auto}@media(min-width:640px){.home-ring{margin:0}}.home-levels .level-chips{flex-wrap:nowrap}.home-levels .chip{flex:1;min-width:0;padding:6px 0}@media(min-width:1024px){.home-levels{display:none}}.home-next{padding:var(--s-5);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.home-next h2{margin:2px 0 4px;font-size:22px}.home-next .mut{margin:0 0 var(--s-3);font-size:14px}.home-next .progressbar{margin-bottom:var(--s-4)}.home-sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.home-sec-head h2{margin:0;font-size:19px;flex:1;min-width:0}.home-tick{display:inline-flex;align-items:center;gap:var(--s-2);font-size:13px;color:var(--muted);font-weight:600}.mission-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}@media(min-width:768px){.mission-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.mission{display:flex;align-items:flex-start;gap:var(--s-3);margin:0;padding:var(--s-4);font-size:14.5px;line-height:1.5}.mission-no{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-8);background:var(--accent-soft);color:var(--accent-ink);font-weight:800;font-size:14px}.mission:nth-child(2) .mission-no{background:var(--coral-soft);color:var(--coral-ink)}.mission:nth-child(3) .mission-no{background:var(--honey-soft);color:var(--honey-ink)}.mission.done{opacity:.7}.mission.done .mission-no{background:var(--matcha);color:#fff}.home-more{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s-2);font-size:14px;font-weight:700;text-decoration:none;min-height:40px}.home-missions .tiny{margin:var(--s-2) 0 0}.home-grid{display:grid;gap:var(--s-3)}@media(min-width:768px){.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}.home-grid>.card{margin:0}.home-due{display:flex!important;align-items:center;gap:var(--s-3)}.home-due-ic{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--r-14);background:var(--sakura-soft);color:var(--sakura-ink)}.home-due b{font-size:24px;font-variant-numeric:tabular-nums;margin-right:4px}.home-due small{display:block;font-size:12.5px;color:var(--muted)}.home-path-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-3)}.home-path-head small{color:var(--muted);font-size:13px}.path-row{display:flex;align-items:center}.path-node{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;border:2px solid var(--line-strong);background:var(--surface);color:var(--muted)}.path-node.done{background:var(--matcha);border-color:var(--matcha);color:#fff}.path-node.current{border-color:var(--coral);background:var(--coral-soft);color:var(--coral-ink);box-shadow:0 0 0 4px #f9704e38}.path-link{flex:1;min-width:6px;height:0;border-top:2px dashed var(--line-strong)}.home-empty h2{margin-top:0}.auth-wrap{max-width:480px;margin:0 auto}@media(min-width:1024px){.auth-wrap{max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:center}}.auth-art{display:none}@media(min-width:1024px){.auth-art{display:block;width:100%;max-height:500px;object-fit:contain}}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:clamp(18px,4vw,30px);box-shadow:var(--shadow-md);min-width:0}.auth-card .mascot{margin:0 auto}.auth-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-4)}.auth-tabs a{flex:1;display:grid;place-items:center;padding:10px;border-radius:var(--r-12);min-height:44px;color:var(--muted);text-decoration:none;font-weight:700;background:var(--surface-warm)}.auth-tabs a[aria-current=page]{background:var(--matcha);color:#fff}.ob-wrap{max-width:640px;margin:0 auto;text-align:center;padding-top:var(--s-2)}.ob-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:var(--s-6) var(--s-5);box-shadow:var(--shadow-md)}.ob-card .mascot{margin:0 auto 6px}.ob-title{font-size:24px;font-weight:800;margin:10px 0 var(--s-2)}.ob-body{color:var(--muted);max-width:46ch;margin:0 auto}.ob-dots{display:flex;gap:7px;justify-content:center;margin:var(--s-4) 0}.ob-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.ob-dots i.on{background:var(--coral);width:26px;border-radius:99px}.ob-art{display:none}.mascot-bob{animation:tk-bob 3.6s ease-in-out infinite}@keyframes tk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#verifyBanner{background:var(--honey-soft);border-bottom:1px solid #EBD9A8;color:#5f450a;padding:var(--s-2) var(--s-3);font-size:13.5px}#verifyBanner .vb-in{max-width:var(--content-max);margin:0 auto;display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;line-height:1.45}#verifyBanner .vb-in .grow{flex:1 1 210px;overflow-wrap:anywhere}#verifyBanner .vb-tako{width:40px;height:40px}#verifyBanner input{width:130px;min-height:42px;padding:8px 12px;border:1.5px solid #D8BE7E;border-radius:var(--r-14);letter-spacing:3px;text-align:center;background:#fff}.v8-progress-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4);box-shadow:var(--shadow-sm)}.v8-progress-head{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px}.v8-progress-card .progressbar{margin:var(--s-3) 0 0}.v8-roadmap-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 var(--s-3)}.v8-segments{display:flex;gap:4px;border:1px solid var(--line);padding:3px;border-radius:var(--r-pill);background:var(--surface)}.v8-segments button{border:0;background:none;border-radius:var(--r-pill);padding:8px 14px;min-height:40px;color:var(--muted);font-weight:700}.v8-segments button.active{background:var(--accent);color:#fff}.v8-roadmap-group{border:1px solid var(--line);border-radius:var(--r-16);background:var(--surface);overflow:hidden;margin-bottom:var(--s-2);box-shadow:var(--shadow-sm)}.v8-roadmap-group[open]{border-color:var(--accent)}.v8-roadmap-group summary{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);min-height:64px;cursor:pointer;list-style:none}.v8-roadmap-group summary::-webkit-details-marker{display:none}.v8-roadmap-group summary>svg{flex:none;color:var(--muted);transition:transform var(--t-fast)}.v8-roadmap-group[open] summary>svg{transform:rotate(90deg)}.v8-group-number{width:38px;height:38px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-12);font-weight:800;font-size:13px}.v8-group-title{display:grid;gap:2px;flex:1;min-width:0}.v8-group-title b{font-size:15px}.v8-group-title small{font-size:12.5px;color:var(--muted)}.v8-group-days{padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--line)}.v8-group-days .progressbar{margin-bottom:var(--s-3)}.v8-day-grid{display:flex;gap:var(--s-2);flex-wrap:wrap}.node{width:46px;height:46px;border-radius:50%;border:2.5px solid var(--line-strong);background:var(--surface);font-weight:800;font-size:14.5px;display:grid;place-items:center;color:var(--ink);padding:0;transition:transform var(--t-fast),border-color var(--t-fast)}.node:hover{border-color:var(--coral);transform:translateY(-2px)}.node.done{background:var(--matcha);border-color:var(--matcha);color:#fff}.node.current{border-color:var(--coral);background:var(--coral-soft);color:var(--coral-ink);box-shadow:0 0 0 4px #f9704e40}.node.future{color:var(--muted)}.v8-day-list{display:grid;gap:var(--s-2)}.v8-day-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-14);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.v8-day-row>div{flex:1;min-width:0}.v8-day-row p{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}.v8-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:720px){.v8-list-grid{grid-template-columns:1fr}}.v8-list-item{min-width:0;display:flex;align-items:center;gap:var(--s-3);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:var(--s-3) var(--s-4);border-radius:var(--r-16);text-decoration:none;text-align:left;min-height:76px;box-shadow:var(--shadow-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.v8-list-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.v8-list-item[hidden]{display:none!important}.v8-list-index{width:34px;height:34px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-12);flex:none;font-size:12px;font-weight:800}.v9-skill-thumb{width:49px;height:40px;object-fit:contain;flex:none;border-radius:var(--r-8);background:var(--surface-2)}@media(max-width:380px){.v9-skill-thumb{display:none}}.v8-list-body{display:grid;gap:4px;flex:1;min-width:0}.v8-list-body strong{font-size:14.5px;line-height:1.42;overflow-wrap:anywhere}.v8-list-body small{font-size:12.5px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.v8-list-item>svg{flex:none;color:var(--muted)}.v8-tiny-progress{background:var(--surface-warm);border-radius:50px;height:4px;overflow:hidden}.v8-tiny-progress i{height:100%;display:block;background:var(--accent)}.learning-catalog-context,.learning-card-desc{display:block;color:var(--muted);font-size:12.5px;line-height:1.5}.learning-card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.playlist .item{flex-wrap:wrap;row-gap:6px;text-align:left;width:100%}.playlist .item .grow{flex:1 1 11rem;min-width:0;overflow-wrap:anywhere}.playlist .item.active{border-color:var(--accent);background:var(--accent-soft)}.playlist .item [data-watch],.playlist .item [data-preview]{flex:none;margin-left:auto}.lesson-skill-head{margin:var(--s-5) 0 10px;font-size:19px}.lesson-skill-head .mut{font-weight:600}.learning-context{color:var(--muted);font-size:13px;margin:4px 0 10px}.learning-objective{margin:var(--s-2) 0 var(--s-3);max-width:72ch}.learning-overview{border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-4);margin:var(--s-4) 0 var(--s-5);background:var(--surface);box-shadow:var(--shadow-sm)}.learning-overview-top{display:flex;justify-content:space-between;gap:var(--s-3);align-items:center;font-size:14px;margin-bottom:10px}.learning-meter{width:100%;height:9px;border-radius:999px;background:var(--surface-warm);overflow:hidden}.learning-meter span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}.learning-jump{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}.learning-jump a{display:inline-flex;align-items:center;padding:8px 12px;min-height:40px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);text-decoration:none;font-size:13px;font-weight:650}.learning-section{margin:var(--s-5) 0;scroll-margin-top:var(--s-5)}.learning-section-heading{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-3);padding-top:3px}.learning-section .lesson-skill-head{margin:0}.learning-goal{margin:5px 0 0;font-size:13px;color:var(--muted)}.learning-count{flex:none;color:var(--muted);font-size:12px;padding:6px 10px;border-radius:999px;background:var(--surface-warm)}.learning-section-actions{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.learning-toggle{border:1px solid var(--line-strong);background:var(--surface);padding:8px 12px;min-height:40px;border-radius:var(--r-12);font-size:12.5px}.learning-section-body[hidden]{display:none!important}.learning-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--s-5);margin-top:var(--s-3)}.learning-stage-column,.learning-sections-column{min-width:0}.learning-stage-column .card{max-width:100%}@media(min-width:1180px){.learning-detail-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.learning-stage-column{position:sticky;top:18px}.learning-sections-column .learning-section:first-child{margin-top:0}}.learning-play-target{display:flex;flex:1 1 14rem;min-width:0;align-items:center;gap:var(--s-3);padding:4px 0;background:transparent;border:0;text-align:left}.learning-play-target .grow{display:block;flex:1 1 auto;min-width:0}.learning-play-target strong{display:block;line-height:1.45;overflow-wrap:anywhere}.learning-play-target .mut{display:block;margin-top:3px}.learning-video-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:var(--s-3) 0}.learning-video-nav button{min-height:44px;padding:8px 12px;border-radius:var(--r-12);border:1px solid var(--line-strong);background:var(--surface);color:var(--matcha);font-size:13.5px;font-weight:700}.learning-video-nav button:disabled{opacity:.45;cursor:default}.learning-video-nav span{text-align:center;color:var(--muted);font-size:12.5px;white-space:nowrap}.learning-transcript{margin:var(--s-3) 0;border:1px solid var(--line-strong);border-radius:var(--r-12);padding:10px 12px}.learning-transcript summary{cursor:pointer;min-height:32px;font-weight:700;font-size:13.5px}.learning-transcript-note{font-size:12.5px;color:var(--muted);margin:var(--s-2) 0}.learning-transcript-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;padding:var(--s-3);margin:0;border-radius:var(--r-8);background:var(--surface-2);font-size:14px}.learning-transcript-body:not([lang]){font-family:inherit}.transcript-panel{margin-top:var(--s-2);width:100%}.transcript-head{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin-bottom:var(--s-2)}.transcript-body{background:var(--surface-2);border-radius:var(--r-12);padding:var(--s-3);max-height:340px;overflow:auto}.learning-no-video{padding:var(--s-4)}.learning-item-objective{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:5px;color:var(--muted);font-size:12.5px}.learning-status-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.learning-section-actions{width:100%;justify-content:space-between}.learning-overview{padding:var(--s-3)}}.lesson-sheet{max-width:520px;background:var(--canvas);overscroll-behavior:contain;animation:tk-sheet-in .22s var(--ease)}.lesson-sheet h2{margin:0 52px 8px 0;overflow-wrap:anywhere}.lesson-sheet-close{position:absolute;top:14px;right:14px;min-width:40px;min-height:40px}.lesson-sheet-desc{font-size:13.5px;color:var(--ink);margin:0 30px 10px 0;overflow-wrap:anywhere}.lesson-sheet-meta{font-size:12.5px;color:var(--muted);margin:0 0 var(--s-3)}.lesson-sheet-overview{margin:0 0 var(--s-3);padding:var(--s-3)}.lesson-sheet-s3{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface);border:1.5px solid var(--matcha);color:var(--matcha-deep);font-weight:750;font-size:14px;border-radius:var(--r-14);padding:12px 14px;margin:0 0 10px;text-decoration:none}.lesson-sheet-s3 .grow{flex:1}@media(max-width:540px){.lesson-sheet-s3 .mut{display:none}}.lesson-sheet-stage{margin:6px 0 10px}.lesson-sheet-stage-title{display:block;font-size:16px;line-height:1.45;margin-bottom:10px;overflow-wrap:anywhere}.lesson-sheet-stage-hint{margin:6px 2px}.lesson-sheet-cats{border-bottom:1px solid var(--line)}.lesson-cat{border-top:1px solid var(--line)}.lesson-cat-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:14px 2px;text-align:left;min-height:52px}.lesson-cat-row .grow{flex:1;min-width:0}.lesson-cat-name{font-weight:750;font-size:15.5px;display:block}.lesson-cat-goal{display:block;font-weight:500;font-size:12.5px;color:var(--muted);margin-top:2px}.lesson-cat-chev{color:var(--muted);font-size:20px;line-height:1;transition:transform var(--t-fast);flex:none}.lesson-cat.open .lesson-cat-chev{transform:rotate(90deg)}.lesson-cat-body{padding:2px 0 var(--s-3)}.lesson-cat-body[hidden]{display:none!important}.lesson-gallery-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-2)}.lesson-sheet-continue{display:flex;width:100%;margin-top:var(--s-3)}.v8-audio-empty,.v8-audio-player{display:flex;align-items:center;gap:var(--s-3);border:1px solid var(--line);border-radius:var(--r-16);background:var(--surface);padding:var(--s-4);margin:0 0 var(--s-4);box-shadow:var(--shadow-sm)}.v8-audio-empty>svg{color:var(--accent);flex:none}.v8-audio-empty span{display:grid;gap:4px}.v8-audio-empty small{color:var(--muted);font-size:13px}.v8-audio-player{display:block;background:linear-gradient(135deg,var(--accent-soft),var(--surface));border-color:var(--accent)}.v8-audio-player h2{font-size:20px;margin:var(--s-2) 0 var(--s-3);overflow-wrap:anywhere}.v8-audio-player audio{display:block;width:100%;margin-bottom:var(--s-2)}.v8-audio-player[hidden],.v8-audio-empty[hidden],.v8-empty-inline[hidden]{display:none!important}.v8-audio-list{display:grid;gap:var(--s-2)}.v8-audio-item{width:100%}.v8-audio-item.selected{border-color:var(--accent);background:var(--accent-soft)}.fc-stage{perspective:1200px;max-width:560px;margin:0 auto;min-width:0}.fc-card{position:relative;width:100%;max-width:min(100%,570px);margin-inline:auto;min-height:320px;cursor:pointer;transform-style:preserve-3d;transition:transform .45s var(--ease)}.fc-card.flipped{transform:rotateY(180deg)}.fc-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:var(--r-24)}.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);box-shadow:var(--shadow-md);padding:var(--s-5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);text-align:center;overflow-y:auto}.fc-front{background:linear-gradient(150deg,var(--surface) 40%,var(--accent-soft));border-bottom:4px solid color-mix(in srgb,var(--accent) 40%,var(--line))}.fc-face.fc-back{transform:rotateY(180deg);justify-content:flex-start;padding-top:var(--s-6)}.fc-word{font-size:46px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.fc-word.sm-word{font-size:30px}.fc-reading{font-size:21px;color:var(--accent-ink);font-weight:700}.fc-back-meaning{font-size:19px;line-height:1.6;overflow-wrap:anywhere}.fc-example{background:var(--surface-warm);border-radius:var(--r-16);padding:var(--s-3) var(--s-4);font-size:16.5px;overflow-wrap:anywhere;max-width:100%}.grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2);max-width:560px;margin:0 auto}.grade-btn{min-height:52px;padding:10px 6px;font-size:15px}@media(max-width:430px){.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-word{font-size:38px}}#fcGrades[hidden],#fcFlip[hidden]{display:none!important}.deck-item .grow b{overflow-wrap:anywhere}.deck-item .btn{flex:none}.v8-exam-information{display:flex;align-items:flex-start;gap:9px;padding:var(--s-3) var(--s-4);background:var(--mint);border:1px solid #C6E5D2;border-radius:var(--r-12);color:var(--mint-ink);font-size:13.5px;margin-bottom:var(--s-5)}.v8-exam-information>svg{flex:none;margin-top:2px}.v8-exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}@media(max-width:740px){.v8-exam-grid{grid-template-columns:1fr}}.v8-exam-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:var(--s-4) var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);min-width:0;box-shadow:var(--shadow-sm)}.v8-exam-card:hover{border-color:var(--accent)}.v8-exam-card[hidden]{display:none!important}.v8-exam-head{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;padding-right:56px;min-height:40px}.v8-exam-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-12);background:var(--accent-soft);color:var(--accent-ink)}.v9-exam-scene{position:absolute;right:var(--s-4);top:var(--s-3);width:49px;height:40px;object-fit:contain;opacity:.8}.v8-exam-card h3{font-size:17px;overflow-wrap:anywhere}.v8-exam-meta{display:flex;flex-wrap:wrap;gap:6px var(--s-4);font-size:12.5px;color:var(--muted)}.v8-exam-meta span{display:flex;align-items:center;gap:5px}.v8-exam-note{font-size:13px;color:#6e541c;background:var(--honey-soft);border-radius:var(--r-8);padding:var(--s-2) var(--s-3);margin:0}.v8-exam-last{font-size:13px;color:var(--matcha);margin:0}.v8-exam-card>.btn{margin-top:auto;align-self:flex-start}.mode-cards{display:grid;gap:var(--s-3)}@media(min-width:768px){.mode-cards{grid-template-columns:1fr 1fr}}.mode-card{border:2px solid var(--line);border-radius:var(--r-24);padding:var(--s-5);background:var(--surface);min-height:170px}.mode-card.practice{border-color:#bfe0cc;background:linear-gradient(180deg,var(--surface),var(--mint))}.mode-card.exam{border-color:#f6c6b4;background:linear-gradient(180deg,var(--surface),var(--coral-soft))}.mode-card h3{display:flex;gap:9px;align-items:center;margin-bottom:6px}.exam-head{position:sticky;top:0;z-index:60;background:#fef8eff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin:calc(var(--s-4) * -1) calc(var(--s-4) * -1) var(--s-4);padding:var(--s-3) var(--s-4) 10px}@media(min-width:768px){.exam-head{margin:calc(var(--s-5) * -1) calc(var(--s-5) * -1) var(--s-5);padding:14px var(--s-5) 12px}}@media(min-width:1024px){.exam-head{margin:calc(var(--s-6) * -1) calc(var(--s-7) * -1) var(--s-5);padding:14px var(--s-7) 12px}}.exam-head .ttl{font-weight:800;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:17px}.timer.low{color:var(--danger)}.mode-chip{font-size:12px;font-weight:800;padding:3px 10px;border-radius:var(--r-pill)}.mode-chip.practice{background:var(--mint);color:var(--matcha-deep)}.mode-chip.exam{background:var(--coral-soft);color:var(--coral-ink)}.index-panel{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-3);box-shadow:var(--shadow-md);max-height:46vh;overflow-y:auto}.grid-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.grid-nav button{height:44px;border-radius:var(--r-12);border:1.5px solid var(--line-strong);background:var(--surface);font-weight:700;font-size:14px;padding:0;position:relative}.grid-nav button.answered{background:var(--matcha);border-color:var(--matcha);color:#fff}.grid-nav button.flg:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--honey);border:1.5px solid #fff}.grid-nav button.now{box-shadow:0 0 0 3px #175c968c}.index-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:10px}.index-legend i{width:11px;height:11px;border-radius:4px;display:inline-block;margin-right:5px;vertical-align:-1px}.sectitle{display:flex;align-items:baseline;gap:10px;margin:var(--s-5) 0 var(--s-3)}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:var(--s-5);margin-bottom:var(--s-4);box-shadow:var(--shadow-sm);scroll-margin-top:150px}@media(max-width:560px){.qcard{padding:var(--s-4);border-radius:var(--r-16)}}.qcard.cur{border-color:var(--coral)}.qhead{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:var(--s-3)}.qno{font-weight:800;font-size:16.5px}.flagbtn{margin-left:auto;width:44px;height:44px;border-radius:var(--r-12);border:1.5px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;color:var(--muted);padding:0}.flagbtn.on{background:var(--honey-soft);border-color:var(--honey);color:var(--honey-ink)}.passage{background:var(--surface-warm);border-radius:var(--r-16);padding:var(--s-4);margin-bottom:var(--s-3);font-size:18px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.prompt{font-size:19px;line-height:1.85;margin:10px 0 var(--s-3);overflow-wrap:anywhere}.prompt u{text-decoration-thickness:2px;text-underline-offset:4px}.qcard audio{width:100%;margin:6px 0 var(--s-3);height:44px}.audio-group{margin-bottom:4px}.audio-group-bar{position:sticky;top:128px;z-index:40;margin-bottom:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:10px 12px;box-shadow:var(--shadow-md)}@media(min-width:768px){.audio-group-bar{top:136px}}.audio-group-bar audio{width:100%;height:44px;display:block}.audio-group-bar.review-bar{position:static}.audio-group-cap{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.5}.qcard.qcard-ingroup{scroll-margin-top:248px}.seg-row{margin:2px 0 var(--s-3)}.seg-btn{gap:7px}.seg-range{font-variant-numeric:tabular-nums;opacity:.75;font-weight:600}.qimg{max-width:100%;border-radius:var(--r-12);border:1px solid var(--line)}.opts{display:flex;flex-direction:column;gap:9px}.opt{display:flex;align-items:center;gap:var(--s-3);text-align:left;width:100%;min-height:56px;padding:var(--s-3) var(--s-4);border:2px solid var(--line);border-radius:var(--r-16);background:var(--surface);font-size:17px;line-height:1.6;color:var(--ink);transition:border-color var(--t-fast),background var(--t-fast)}.opt:hover{border-color:var(--matcha)}.opt .k{flex:none;width:32px;height:32px;border-radius:10px;background:var(--surface-warm);display:grid;place-items:center;font-weight:800;font-size:14.5px;color:var(--muted);font-family:var(--font)}.opt.sel{border-color:var(--matcha);background:var(--mint)}.opt.sel .k{background:var(--matcha);color:#fff}.opt.right{border-color:var(--matcha);background:var(--mint)}.opt.right .k{background:var(--matcha);color:#fff}.opt.wrong{border-color:var(--danger);background:var(--danger-soft)}.opt.wrong .k{background:var(--danger);color:#fff}div.opt{cursor:default}div.opt:hover{border-color:var(--line)}div.opt.right:hover{border-color:var(--matcha)}div.opt.wrong:hover{border-color:var(--danger)}.feedback{margin-top:var(--s-3);font-size:15px}.feedback:empty{display:none}.fb-ok{color:var(--matcha);font-weight:700}.fb-ng{color:var(--danger);font-weight:600}.exam-foot{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px);z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);box-shadow:var(--shadow-md);padding:var(--s-3);display:flex;gap:var(--s-2);align-items:center}body.exam-mode .exam-foot{bottom:max(12px,env(safe-area-inset-bottom))}@media(min-width:1024px){.exam-foot{bottom:var(--s-4)}}.exam-foot .btn{flex:1;min-width:0;padding-inline:var(--s-2);white-space:nowrap;gap:4px}@media(max-width:400px){.exam-foot{gap:6px;padding:10px}.exam-foot .btn{font-size:14px}}.scorebig{font-size:54px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.result-mascot{display:flex;justify-content:center;margin-bottom:4px}.result-mascot .mascot{margin:0 auto}.weak-row{align-items:flex-start}.weak-row .tag{flex:none;min-width:86px;justify-content:center;margin-top:1px}.weak-row>span:last-child{min-width:0;overflow-wrap:anywhere}.v9-milestone-art{display:block;margin:2px auto 10px;width:min(220px,70%);height:auto}.coach-layer{position:fixed;inset:0;z-index:140;background:#1f293773}.coach-spot{position:fixed;border:3px solid var(--honey);border-radius:var(--r-14);pointer-events:none;background:#ffc94d24}.coach-card{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--s-4) + env(safe-area-inset-bottom));z-index:141;width:min(520px,calc(100vw - 28px));background:var(--surface);border-radius:var(--r-24);padding:var(--s-4);display:flex;gap:var(--s-3);box-shadow:var(--shadow-lg)}.hello{display:flex;gap:var(--s-4);align-items:center;margin-bottom:var(--s-4)}.hello .bubble{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);border-bottom-left-radius:var(--r-8);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-sm);font-size:15.5px;min-width:0}.level-card{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.level-card>.grow{flex:1 1 12rem}.acct-row .grow{flex:1 1 12rem;min-width:0}.acct-row .tag,.acct-row .avatar{flex:none}.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}@media(min-width:768px){.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.badge-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:var(--surface-warm);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-4) 10px 14px}.badge-cell:nth-child(4n+2){background:var(--mint)}.badge-cell:nth-child(4n+3){background:var(--sakura-soft)}.badge-cell:nth-child(4n+4){background:var(--honey-soft)}.badge-cell img{width:76px;height:76px;object-fit:contain;border-radius:50%;background:var(--surface-2)}.badge-cell.locked img{filter:grayscale(.85);opacity:.55}.badge-cell b{font-size:14.5px;line-height:1.35}.more-list{margin-top:10px}.subhead{font-size:16px;margin:var(--s-4) 0 10px}.utable-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-16);background:var(--surface);max-width:100%}.utable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:760px}.utable th,.utable td{padding:var(--s-3) 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.utable th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-warm)}}@layer utilities{.row{display:flex;align-items:center;gap:var(--s-3)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.mut{color:var(--muted)}.sm{font-size:14px;line-height:1.5}.tiny{font-size:12px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.exam-mode *,body.exam-mode *:before,body.exam-mode *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v9-petal{display:none!important}.btn:active:not(:disabled),.icon-btn:active,.chip:active:not(:disabled),.check:active{transform:none}}@media print{#tabBar,.side,.v9-petal{display:none!important}.card,.v8-pagehead,.item{box-shadow:none}}}@layer components{.tk-seg{display:flex;gap:4px;padding:4px;margin:0 0 var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none;box-shadow:var(--shadow-sm)}.tk-seg::-webkit-scrollbar{display:none}.tk-seg-tab{flex:1 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px var(--s-4);border:0;border-radius:var(--r-pill);background:none;color:var(--muted);font-weight:750;font-size:14.5px;white-space:nowrap}.tk-seg-tab:hover{color:var(--ink);background:var(--surface-warm)}.tk-seg-tab.on{background:var(--accent);color:#fff;box-shadow:0 2px color-mix(in srgb,var(--accent) 60%,#000)}.tk-seg-count{font-size:12px;font-weight:800;padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-warm);color:var(--ink)}.tk-seg-tab.on .tk-seg-count{background:#ffffff40;color:#fff}.lt-panel:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:var(--r-16)}.skel .bar.w55{width:55%}.skel .bar.w92{width:92%}.skel .bar.w78{width:78%}.progressbar.thin{height:6px;min-width:0;display:block;margin-top:6px}.account-name{line-height:1.3}.account-actions{margin-top:10px}ruby rt{font-size:.5em;color:var(--accent-ink);font-weight:600;letter-spacing:.02em}}@layer screens{.journey-head .journey-ring{flex:none}.journey-legend{display:flex;flex-wrap:wrap;gap:6px var(--s-4);margin-top:var(--s-3);font-size:12.5px;color:var(--muted);font-weight:600}.journey-legend span{display:inline-flex;align-items:center;gap:6px}.journey-legend i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface)}.journey-legend .lg-done{background:var(--matcha);border-color:var(--matcha)}.journey-legend .lg-cur{background:var(--coral-soft);border-color:var(--coral)}.v8-group-title .tag{margin-left:4px;vertical-align:1px}.wind{position:relative;padding:var(--s-2) 0}.wind-road{position:absolute;left:0;top:var(--s-2);width:100%;height:calc(100% - var(--s-4));overflow:visible;pointer-events:none}.wind-road path{fill:none;stroke-linecap:round;stroke-linejoin:round}.wind-road-bg{stroke:var(--line-strong);stroke-width:10;stroke-dasharray:1 16}.wind-road-done{stroke:color-mix(in srgb,var(--matcha) 55%,#fff);stroke-width:10}.wind-list{position:relative;list-style:none;margin:0;padding:0}.wind-row{height:76px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center}.wind-node{width:58px;height:58px;font-size:16px;box-shadow:0 4px 0 var(--line-strong);grid-row:1}.wind-node.done{box-shadow:0 4px 0 var(--matcha-edge)}.wind-node.current{width:64px;height:64px;box-shadow:0 4px 0 var(--coral-ink),0 0 0 6px #f9704e38;font-size:18px}.wind-node:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-strong)}.wind-c1{grid-column:1}.wind-c2{grid-column:2}.wind-c3{grid-column:3}.wind-c4{grid-column:4}.wind-c5{grid-column:5}.wind-tako{grid-row:1;width:56px;height:56px;pointer-events:none;animation:tk-bob 3.6s ease-in-out infinite}.wind-tako-l{justify-self:end;transform:scaleX(-1)}.wind-tako-r{justify-self:start}.v8-group-days{padding:var(--s-2) var(--s-3) var(--s-4)}.v8-day-row.is-today{border-color:var(--coral)}.day-sheet .dlg-head{align-items:center}.day-sheet-tako{width:48px;height:48px}.day-sheet-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s-4)}.day-tasks{list-style:none;padding:0;display:grid;gap:var(--s-2)}.day-tasks li{display:flex;gap:var(--s-3);align-items:flex-start;margin:0;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-16);background:var(--surface-2)}.day-tasks li:nth-child(3n+2) .mission-no{background:var(--coral-soft);color:var(--coral-ink)}.day-tasks li:nth-child(3n+3) .mission-no{background:var(--honey-soft);color:var(--honey-ink)}.day-sheet-foot{display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}.lesson-grid{grid-template-columns:1fr;gap:var(--s-3)}@media(min-width:640px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1180px){.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.lesson-card{position:relative;flex-direction:column;align-items:stretch;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-24);min-height:0;box-shadow:0 3px 0 var(--line),var(--shadow-sm)}.lesson-card:hover{transform:translateY(-2px)}.lesson-card:active{transform:translateY(1px);box-shadow:0 1px 0 var(--line)}.lesson-card-top{display:flex;align-items:center;gap:var(--s-2)}.lesson-card-top .tag{margin-left:auto}.lesson-card .v9-skill-thumb{width:56px;height:46px;display:block;background:var(--accent-soft);padding:4px;border-radius:var(--r-12)}.lesson-card .v8-list-body strong{font-size:16px}.lesson-card .v8-tiny-progress{height:8px;margin-top:4px}.lesson-card-go{position:absolute;right:var(--s-4);bottom:var(--s-4);color:var(--muted);display:none}.lesson-card.is-done{background:linear-gradient(160deg,var(--surface) 55%,var(--mint))}.lesson-card.is-doing{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.lesson-hero{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-5);margin-bottom:var(--s-4);background:linear-gradient(135deg,var(--surface) 40%,var(--accent-soft));border:1px solid var(--line);border-radius:var(--r-24);box-shadow:var(--shadow-sm)}.lesson-hero-copy{flex:1 1 18rem;min-width:0}.lesson-hero h1{margin:2px 0 6px}.lesson-hero .sub{margin:0}.lesson-hero-ring{flex:none}@media(max-width:560px){.lesson-hero{padding:var(--s-4)}}.stage-card{max-width:var(--lesson-max)}.stage-title{display:block;font-size:17px;line-height:1.45;margin-bottom:10px;overflow-wrap:anywhere}.stage-bar{margin-bottom:12px}.stage-note{margin:12px 0 0}.learning-no-video{display:flex;align-items:center;gap:var(--s-3)}.lt-sub{font-size:18px;margin:var(--s-5) 0 var(--s-3)}.lt-goto-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.lt-goto{width:100%;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);min-height:60px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);box-shadow:var(--shadow-sm);color:var(--ink)}.lt-goto:hover{border-color:var(--accent)}.lt-goto b{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.lt-goto small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.lt-goto-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--r-12);background:var(--accent-soft);color:var(--accent-ink)}.lt-goto>svg{flex:none;color:var(--muted)}.vocab-deck{padding:var(--s-5)}.vocab-deck-head{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-3)}.vocab-deck-head h2{margin:2px 0;font-size:19px}.vocab-deck-head .mut{margin:0}.vocab-list{list-style:none;margin:var(--s-2) 0 0;padding:0;display:grid;gap:var(--s-2)}@media(min-width:768px){.vocab-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.vocab-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s-4);row-gap:2px;padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-16);background:var(--surface-2)}.vocab-word{grid-row:span 2;font-size:30px;font-weight:700;line-height:1.5;min-width:2.2em;text-align:center}.vocab-word rt{font-size:13px}.vocab-mean{font-size:15.5px;font-weight:650;overflow-wrap:anywhere}.vocab-ex{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}.dlg.lesson-sheet{max-width:560px;background:var(--canvas);overscroll-behavior:contain}.dlg.lesson-sheet .lesson-sheet-close{top:18px}}@layer screens{.v8-audio-empty .mascot{width:64px;height:64px}.listen-card{padding:var(--s-5);border-radius:var(--r-24);background:linear-gradient(150deg,var(--accent-soft),var(--surface) 70%);box-shadow:var(--shadow-md)}.listen-top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.listen-top h2{margin:2px 0 0;font-size:20px;overflow-wrap:anywhere}.listen-top .eyebrow{margin:0}.listen-disc{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--accent) 60%,#000),inset 0 0 0 6px #ffffff2e}.listen-card audio{width:100%;height:48px;margin:0 0 var(--s-3)}.listen-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}.listen-rate{display:flex;gap:4px}.listen-rate .chip{min-height:40px;padding:6px 12px;font-size:13.5px}.listen-ts{margin-top:var(--s-3)}.listen-play{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.v8-audio-item.selected .listen-play{background:var(--accent);color:#fff}.mt-8{margin:8px 0 0}.fc-today{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;background:linear-gradient(135deg,var(--surface) 40%,var(--sakura-soft))}.fc-today .grow{flex:1 1 14rem;font-size:16px;font-weight:650}.fc-today-n{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;margin-right:4px;color:var(--sakura-ink)}.fc-today p{margin:2px 0 0;font-weight:400}.stat-grid-gap{margin-bottom:var(--s-4)}.deck-grid{display:grid;gap:var(--s-3)}@media(min-width:900px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.deck-item{border-radius:var(--r-24);padding:var(--s-4);align-items:flex-start}.deck-item.has-due{border-color:color-mix(in srgb,var(--coral) 45%,var(--line))}.deck-tags{gap:6px;margin-top:6px}.deck-item .progressbar{margin-top:10px}.center-card{text-align:center}.center-card h2{margin:0 0 6px}.center-card p{margin:0 auto 14px;max-width:46ch}.center-row{justify-content:center;margin-top:var(--s-4);flex-wrap:wrap}.back-line{margin-bottom:6px}.fc-review{max-width:620px;margin:0 auto}.fc-topbar{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.fc-progress{height:14px}.fc-progress>i{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--honey)))}.fc-count{font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.fc-title{font-size:22px;margin:0 0 2px}.fc-hint{margin:0 0 var(--s-3)}.fc-card{min-height:360px}@media(min-width:768px){.fc-card{min-height:400px}}.fc-word{font-size:64px}.fc-word.sm-word{font-size:38px}.fc-word rt{font-size:15px}@media(max-width:430px){.fc-word{font-size:52px}}#fcGrades,#fcFlip{margin-top:var(--s-4)}.grade-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:72px;padding:10px 6px;border:2px solid transparent;border-radius:var(--r-16);font-size:16px;color:var(--ink);box-shadow:0 3px 0 var(--edge, var(--line-strong));transition:transform var(--t-press),box-shadow var(--t-press)}.grade-btn b{font-size:16.5px}.grade-btn small{font-size:12px;color:inherit;opacity:.8;font-weight:600}.grade-btn kbd{position:absolute;top:6px;right:8px;font:700 11px var(--font);opacity:.55}.grade-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--edge, var(--line-strong))}.grade-btn:disabled{opacity:.6;cursor:wait}.grade-btn.is-saving{opacity:1;outline:3px solid var(--focus);outline-offset:2px}.g-forgot{background:var(--danger-soft);border-color:#f0c4cb;color:#6e2430;--edge: #E3A9B2}.g-hard{background:var(--honey-soft);border-color:#f3dda0;color:var(--honey-ink);--edge: #E6C46F}.g-good{background:var(--mint);border-color:#bfe0cc;color:var(--matcha-deep);--edge: #94CBA9}.g-easy{background:#e6eefb;border-color:#c5d5f2;color:#2d4c86;--edge: #A3BBE6}.fc-foot{text-align:center;margin:var(--s-4) 0 0}.fc-done{padding:var(--s-6) var(--s-5);background:linear-gradient(180deg,var(--surface) 50%,var(--sakura-soft))}.fc-done .mascot{margin:0 auto -8px}.fc-done-title{font-size:28px;margin:6px 0}.fc-done .v9-milestone-art{width:min(180px,55%)}.fc-tally{list-style:none;padding:0;margin:var(--s-4) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2);max-width:420px}.fc-tally li{border-radius:var(--r-16);padding:10px 4px;display:grid;gap:2px;border:2px solid transparent}.fc-tally b{font-size:22px;font-variant-numeric:tabular-nums}.fc-tally span{font-size:12.5px;font-weight:700}}@layer screens{.exam-summary{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s-4)}.exam-card{border-radius:var(--r-24);padding:var(--s-5);border-top:6px solid var(--kind, var(--accent));box-shadow:0 3px 0 var(--line),var(--shadow-sm)}.exam-card.k-exam{--kind: var(--coral)}.exam-card.k-exam .v8-exam-icon{background:var(--coral-soft);color:var(--coral-ink)}.exam-card.k-practice{--kind: var(--accent)}.exam-card.k-lesson{--kind: var(--honey)}.exam-card.k-lesson .v8-exam-icon{background:var(--honey-soft);color:var(--honey-ink)}.exam-card .v8-exam-head{padding-right:0}.exam-card h3{font-size:18px;line-height:1.4}.exam-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-top:auto;padding-top:var(--s-2);border-top:1px dashed var(--line)}.exam-card-foot .btn{margin:0}.v8-exam-last b{font-size:16px}.v8-exam-last.is-new{color:var(--muted)}.exam-hero{display:flex;gap:var(--s-4);align-items:center;padding:var(--s-5);margin-bottom:var(--s-3);border-radius:var(--r-24);background:linear-gradient(135deg,var(--surface) 40%,var(--coral-soft));border:1px solid var(--line);box-shadow:var(--shadow-sm)}.exam-hero h1{margin:2px 0 var(--s-3)}.exam-hero-chips{display:flex;flex-wrap:wrap;gap:6px}.exam-sec-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--s-2)}.exam-sec{display:grid;gap:4px;margin:0}.resume-card{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;border-color:var(--accent);background:var(--accent-soft)}.resume-card>svg{color:var(--accent-ink);flex:none}.resume-card p{margin:2px 0 0}.mt-12{margin-top:12px}.exam-head-row{display:flex;align-items:center;gap:9px}.exam-head-row+.exam-head-row{margin-top:9px;gap:10px}.timer-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--line-strong);font-weight:800}.timer-pill .timer{font-size:16px}.timer-pill.low{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.timer-pill.low .timer{color:var(--danger)}.save-pill{min-height:32px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}.save-pill[data-state=saving]{color:var(--honey-ink);background:var(--honey-soft);border-color:#f3dda0}.save-pill[data-state=failed]{color:#fff;background:var(--danger);border-color:var(--danger);cursor:pointer}.save-pill:disabled{cursor:default}.index-legend .lg-ans{background:var(--matcha)}.index-legend .lg-empty{background:var(--surface);border:1.5px solid var(--line)}.index-legend .lg-flag{background:var(--honey);border-radius:50%}.index-legend .lg-now{background:var(--surface);box-shadow:0 0 0 2px var(--focus)}.grid-nav button[aria-current=true]{box-shadow:0 0 0 3px #175c968c}.sectitle h2{margin:0;font-size:19px}.mondai-line{margin:2px 0 8px}.passage-title{margin-bottom:6px}.qimg-wrap{margin:10px 0}.restore-note{margin-top:0}body.exam-mode .qcard{border-width:1.5px}body.exam-mode .qcard.cur{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow-sm)}body.exam-mode .opt{min-height:60px;font-size:18px}body.exam-mode .opt .k{width:36px;height:36px;font-size:15px}.opt[aria-pressed=true]{border-color:var(--matcha)}.src-line{margin-top:6px}.feedback .note{margin-top:8px}.exam-foot-note{text-align:center;margin-top:10px}.exam-foot #submitBtn{flex:1.3}@media(max-width:420px){.hide-xs{display:none}}@media(min-width:1180px){body.exam-mode .exam-body,body.exam-mode .exam-foot,body.exam-mode .exam-foot-note,body.exam-mode .restore-note{margin-right:300px}body.exam-mode .index-panel{position:fixed;right:var(--s-6);top:132px;width:272px;max-height:calc(100vh - 160px);margin:0;z-index:55}body.exam-mode .exam-head{margin-bottom:var(--s-5)}}.result-hero{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;justify-content:center;padding:var(--s-5);text-align:left}.result-hero.is-great{background:linear-gradient(135deg,var(--surface) 40%,var(--mint))}.result-hero.is-ok{background:linear-gradient(135deg,var(--surface) 40%,var(--honey-soft))}.result-hero.is-low{background:linear-gradient(135deg,var(--surface) 40%,var(--sakura-soft))}.result-hero .result-mascot{margin:0}.result-ring{flex:none}.result-ring .ring-center b{font-size:30px}.result-ring .ring-center small{font-size:12.5px}.result-copy{flex:1 1 16rem;min-width:0}.result-copy .v9-milestone-art{margin:0 0 8px;width:140px}.result-copy p{margin:6px 0 0}.result-actions{margin-top:var(--s-4)}.result-score{text-align:center}.scorebig .mut{font-size:22px}.bar-val{text-align:right;font-variant-numeric:tabular-nums}.progressbar.is-good>i{background:var(--matcha)}.progressbar.is-mid>i{background:var(--honey)}.progressbar.is-low>i{background:var(--coral)}.weak-row{margin:6px 0}.review-card.is-wrong{border-left:6px solid var(--danger)}.review-card.is-right{border-left:6px solid var(--matcha)}.opt-tag{margin-left:auto}}@layer screens{.ta-c{text-align:center}.auth-head{text-align:center;margin-bottom:var(--s-4)}.auth-head .mascot{margin:0 auto var(--s-2)}.auth-head h1{margin:0 0 4px}.auth-head .sub{margin:0 auto}.auth-forgot{text-align:right;margin:12px 0 0}.auth-legal{text-align:center;margin:16px 0 0}.auth-card form .btn.block{margin-top:var(--s-2)}.auth-solo{max-width:480px!important;display:block!important}.fp-steps{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 var(--s-4)}.fp-steps li{flex:1;text-align:center;padding:8px;border-radius:var(--r-pill);background:var(--surface-warm);color:var(--muted);font-size:13px;font-weight:750}.fp-steps li.on{background:var(--accent);color:#fff}.fp-form{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px dashed var(--line-strong)}.ob-actions{margin-top:var(--s-2)}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-4);align-items:center;padding:var(--s-5);margin-bottom:var(--s-4);background:linear-gradient(135deg,var(--surface) 40%,var(--accent-soft));border:1px solid var(--line);border-radius:var(--r-24);box-shadow:var(--shadow-sm)}.profile-hero .hello{grid-column:1 / -1;margin:0}.profile-id{display:flex;align-items:center;gap:var(--s-3);min-width:0}.profile-id h1{margin:2px 0;font-size:26px;overflow-wrap:anywhere}.profile-id p{margin:0}.profile-id .avatar{border:3px solid var(--surface);box-shadow:var(--shadow-md)}@media(max-width:560px){.profile-hero{grid-template-columns:1fr;padding:var(--s-4)}.profile-ring{justify-self:center}}.stat-ic{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-12);background:#ffffffb3;color:var(--accent-ink);margin-bottom:6px}.stat-note{margin:0 0 var(--s-4)}.card-head{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-3)}.card-head h2{margin:0}.card-h{margin:0 0 4px;font-size:19px}.card-foot{margin:12px 0 0}.ic-soft{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-12);background:var(--sakura-soft);color:var(--sakura-ink);flex:none}.tag-row{gap:6px}.badge-bar{width:80%;margin:2px auto 0}.best-row{display:flex;align-items:center;gap:var(--s-3);margin:8px 0}.best-bar{width:90px;flex:none;margin:0}.list-tight{margin-bottom:0}.goal-art{border-radius:var(--r-16);flex:none}.goal-chips-left{justify-content:flex-start;margin:4px 0 10px}.row-tight{gap:6px}.code-row{margin:6px 0;flex-wrap:wrap}.otp-code{font-size:16px;letter-spacing:2px;font-weight:800;background:var(--surface-warm);padding:2px 8px;border-radius:var(--r-8)}.m-0{margin:0}.utable tbody tr:hover{background:var(--surface-2)}}@layer screens{.vocab-deck-head>.grow{flex:1 1 12rem}@media(max-width:560px){.vocab-deck-head .btn{width:100%}.vocab-deck{padding:var(--s-4)}}@media(max-width:480px){.tk-seg-tab{padding:8px 10px;font-size:13.5px;gap:4px}.tk-seg-count{padding:1px 5px}}.listen-controls{flex-wrap:nowrap}.listen-controls>.btn{padding:8px 10px;min-width:0;gap:2px}.listen-rate .chip{padding:6px 9px;min-width:0}@media(max-width:360px){.listen-controls{flex-wrap:wrap;justify-content:center}}.profile-id .tag{margin-top:4px}}@layer screens{@media(max-width:480px){.tk-seg .tk-seg-count{display:none}.tk-seg-tab{flex:1 1 auto;padding:8px 6px}}}@layer reset,tokens,base,components,screens,utilities,pop;@layer pop{:root{--ink: var(--tk-charcoal);--ink-2: var(--tk-slate);--muted: var(--tk-slate);--line: #F1E3D3;--line-strong: #DECDBA;--canvas: var(--tk-beige);--surface: #FFFFFF;--surface-2: #FFF8F0;--surface-warm: #FFEFE4;--matcha: var(--tk-matcha-700);--matcha-hover: var(--tk-matcha-800);--matcha-edge: var(--tk-matcha-800);--matcha-deep: var(--tk-matcha-800);--pri-50: var(--tk-coral-50);--pri-500: var(--tk-coral);--pri-700: var(--tk-coral-600);--pri-800: var(--tk-coral-700);--sec-50: var(--tk-indigo-50);--sec-500: var(--tk-indigo-600);--sec-700: var(--tk-indigo);--sec-800: var(--tk-indigo-800);--acc-50: var(--tk-coral-50);--acc-500: var(--tk-coral);--acc-700: var(--tk-coral-600);--acc-800: var(--tk-coral-800);--flame-50: var(--tk-mikan-50);--flame-500: var(--tk-mikan);--flame-700: var(--tk-mikan-700);--gold-50: var(--tk-mikan-50);--gold-500: var(--tk-mikan);--gold-700: var(--tk-mikan-700);--sky-50: var(--tk-sky-50);--sky-500: var(--tk-sky);--sky-700: var(--tk-sky-700);--violet-50: var(--tk-violet-50);--violet-500: var(--tk-violet);--violet-700: var(--tk-violet-700);--rose-50: var(--tk-sakura-50);--rose-500: var(--tk-sakura);--rose-700: var(--tk-sakura-700);--teal-50: var(--tk-matcha-50);--teal-500: var(--tk-matcha);--teal-700: var(--tk-matcha-700);--coral: var(--tk-coral);--coral-ink: var(--tk-coral-700);--coral-soft: var(--tk-coral-50);--honey: var(--tk-mikan);--honey-ink: var(--tk-mikan-700);--honey-soft: var(--tk-mikan-50);--mint: var(--tk-matcha-50);--mint-ink: var(--tk-matcha-800);--focus: var(--tk-indigo-600);--shadow-sm: 0 1px 2px rgba(31,41,55,.06), 0 2px 10px rgba(31,41,55,.05);--shadow-md: 0 10px 28px rgba(31,41,55,.09);--shadow-lg: 0 22px 60px rgba(31,41,55,.2);--t-1: .12s;--t-2: .2s;--t-3: .32s;--t-4: .6s;--e-out: cubic-bezier(.22,1,.36,1);--e-spring: cubic-bezier(.34,1.56,.64,1);--e-io: cubic-bezier(.65,0,.35,1);--lvl-50: var(--tk-matcha-50);--lvl-500: var(--tk-matcha);--lvl-700: var(--tk-matcha-700);--lvl-800: var(--tk-matcha-800);--lvl-grad: linear-gradient(135deg,#CFF1E6 0%,#FFE1E8 100%);--accent: var(--lvl-700);--accent-soft: var(--lvl-50);--accent-ink: var(--lvl-700)}body[data-level=N5]{--lvl-50:var(--tk-matcha-50);--lvl-500:var(--tk-matcha);--lvl-700:var(--tk-matcha-700);--lvl-800:var(--tk-matcha-800);--lvl-grad:linear-gradient(135deg,#CFF1E6 0%,#FFE1E8 100%)}body[data-level=N4]{--lvl-50:var(--tk-coral-50);--lvl-500:var(--tk-coral);--lvl-700:var(--tk-coral-700);--lvl-800:var(--tk-coral-800);--lvl-grad:linear-gradient(135deg,#FFD9D2 0%,#FFF0E0 100%)}body[data-level=N3]{--lvl-50:var(--tk-sky-50);--lvl-500:var(--tk-sky);--lvl-700:var(--tk-sky-700);--lvl-800:#124F80;--lvl-grad:linear-gradient(135deg,#CFE9FD 0%,#F1F8FF 60%,#FFF4E2 100%)}body[data-level=N2]{--lvl-50:var(--tk-violet-50);--lvl-500:var(--tk-violet);--lvl-700:var(--tk-violet-700);--lvl-800:var(--tk-indigo);--lvl-grad:linear-gradient(135deg,#DCD6FB 0%,#FFE1E8 100%)}body[data-level=N1]{--lvl-50:var(--tk-mikan-50);--lvl-500:var(--tk-mikan);--lvl-700:var(--tk-mikan-700);--lvl-800:#6E4100;--lvl-grad:linear-gradient(135deg,#FFE0B0 0%,#FFE1E8 100%)}body[data-level]{--accent: var(--lvl-700);--accent-soft: var(--lvl-50);--accent-ink: var(--lvl-700)}.tone-green{--t50: var(--pri-50);--t500: var(--pri-500);--t700: var(--pri-700)}.tone-sky{--t50: var(--sky-50);--t500: var(--sky-500);--t700: var(--sky-700)}.tone-violet{--t50: var(--violet-50);--t500: var(--violet-500);--t700: var(--violet-700)}.tone-sun{--t50: var(--gold-50);--t500: var(--gold-500);--t700: var(--gold-700)}.tone-coral{--t50: var(--acc-50);--t500: var(--acc-500);--t700: var(--acc-700)}.tone-rose{--t50: var(--rose-50);--t500: var(--rose-500);--t700: var(--rose-700)}.tone-flame{--t50: var(--flame-50);--t500: var(--flame-500);--t700: var(--flame-700)}.tone-teal{--t50: var(--teal-50);--t500: var(--teal-500);--t700: var(--teal-700)}body{background-color:var(--canvas);background-image:radial-gradient(1100px 520px at 110% -10%,color-mix(in srgb,var(--lvl-500) 16%,transparent),transparent 60%),radial-gradient(900px 480px at -15% 30%,rgba(255,122,92,.1),transparent 60%),url(/assets/pop/seigaiha.svg?v=c4525be601);background-attachment:fixed,fixed,scroll;background-size:auto,auto,120px 60px}a{color:var(--sec-700)}a:hover{color:var(--sec-800)}::selection{background:var(--gold-500);color:var(--ink)}h1,h2,h3{color:var(--tk-indigo)}h2{font-weight:800;letter-spacing:-.01em}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:1024px){.side{background:linear-gradient(180deg,#fff,#fffbf6);border-right:2px solid var(--line)}}.brand-mascot{animation:pop-bob 3.2s var(--e-io) infinite;transform-origin:50% 90%}.brand-name{background:linear-gradient(90deg,var(--acc-700),var(--lvl-700));-webkit-background-clip:text;background-clip:text;color:transparent}.brand{flex-direction:column;align-items:flex-start;gap:2px}.brand-logo{display:block;width:190px;height:auto}.brand-sub{padding-left:6px}.nav-tile{flex:none;width:28px;height:28px}#tabBar a .nav-tile{width:26px;height:26px}.auth-logo{display:block;width:185px;height:auto;margin:0 auto var(--s-2)}#sideNav a{border:2px solid transparent;font-weight:700;transition:background var(--t-2),color var(--t-2),transform var(--t-1)}#sideNav a:hover{background:var(--surface-warm);transform:translate(2px)}#sideNav a svg{transition:transform var(--t-2) var(--e-spring)}#sideNav a:hover svg{transform:scale(1.12) rotate(-4deg)}#sideNav a[aria-current=page]{background:var(--tk-coral-50);color:var(--tk-coral-700);border-color:color-mix(in srgb,var(--tk-coral) 40%,transparent);box-shadow:0 3px color-mix(in srgb,var(--tk-coral) 30%,transparent)}.level-pill[data-lv=N5]{--pl50:var(--tk-matcha-50);--pl500:var(--tk-matcha);--pl700:var(--tk-matcha-700);--pl800:var(--tk-matcha-800)}.level-pill[data-lv=N4]{--pl50:var(--tk-coral-50);--pl500:var(--tk-coral);--pl700:var(--tk-coral-700);--pl800:var(--tk-coral-800)}.level-pill[data-lv=N3]{--pl50:var(--tk-sky-50);--pl500:var(--tk-sky);--pl700:var(--tk-sky-700);--pl800:#124F80}.level-pill[data-lv=N2]{--pl50:var(--tk-violet-50);--pl500:var(--tk-violet);--pl700:var(--tk-violet-700);--pl800:var(--tk-indigo)}.level-pill[data-lv=N1]{--pl50:var(--tk-mikan-50);--pl500:var(--tk-mikan);--pl700:var(--tk-mikan-700);--pl800:#6E4100}.level-pill{background:var(--pl50);color:var(--pl700);border:2px solid color-mix(in srgb,var(--pl500) 40%,transparent);font-weight:800;box-shadow:0 3px color-mix(in srgb,var(--pl500) 35%,transparent);transition:transform var(--t-1),box-shadow var(--t-1),background var(--t-2)}.level-pill:hover{transform:translateY(-1px)}.level-pill:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--pl500) 35%,transparent)}.level-pill.on{background:var(--pl700);color:#fff;border-color:var(--pl800);box-shadow:0 3px 0 var(--pl800)}#tabBar{background:#fffffff0;border-top:2px solid var(--line);box-shadow:0 -6px 24px #1f29370f}#tabBar a{border-radius:16px;font-weight:700;transition:color var(--t-2),background var(--t-2)}#tabBar a svg{transition:transform var(--t-3) var(--e-spring)}#tabBar a[aria-current=page]{background:var(--tk-coral-50);color:var(--tk-coral-700)}#tabBar a[aria-current=page] svg{transform:translateY(-2px) scale(1.12)}.btn{--btn-bg: var(--pri-700);--btn-edge: var(--pri-800);--btn-hover: var(--tk-coral-700);border-radius:16px;font-weight:800;letter-spacing:.01em;box-shadow:0 4px 0 var(--btn-edge);transition:transform var(--t-1) var(--e-out),box-shadow var(--t-1) var(--e-out),background var(--t-2),filter var(--t-2)}.btn,.btn:hover,.btn:visited{color:var(--btn-fg);text-decoration:none}.btn:hover{filter:saturate(1.08);background:var(--btn-hover)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--btn-edge)}.btn.lg{box-shadow:0 5px 0 var(--btn-edge)}.btn.lg:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 var(--btn-edge)}.btn.ghost{--btn-bg: #fff;--btn-fg: var(--ink);--btn-edge: var(--line-strong);--btn-hover: var(--surface-warm);border:2px solid var(--line-strong)}.btn.coral,.btn.coral-ink{--btn-bg: var(--acc-700);--btn-edge: var(--acc-800);--btn-hover: var(--tk-coral-700)}.btn.honey,.btn.amber-btn{--btn-bg: var(--gold-500);--btn-fg: var(--ink);--btn-edge: #E0952A;--btn-hover: #FFC26B}.btn.google{--btn-bg: #fff;--btn-fg: var(--ink);--btn-edge: var(--line-strong);--btn-hover: var(--surface-warm);border:2px solid var(--line-strong)}.btn.danger{--btn-bg: var(--danger);--btn-fg: #fff;--btn-edge: var(--danger-edge);--btn-hover: #9C3A46}.icon-btn{border:2px solid var(--line);background:#fff;box-shadow:0 3px 0 var(--line-strong);transition:transform var(--t-1),box-shadow var(--t-1)}.icon-btn:hover{transform:translateY(-1px)}.icon-btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--line-strong)}.card{border:2px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);transition:transform var(--t-2) var(--e-out),box-shadow var(--t-2) var(--e-out),border-color var(--t-2)}a.card:hover,.card.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}a.card:active{transform:translateY(0)}.eyebrow{color:var(--lvl-700)}.tk-chip{border-width:2px;font-weight:700}.tk-chip-honey{background:var(--flame-50);border-color:#ffd9a0;color:var(--flame-700)}.tk-chip-honey svg{color:var(--flame-500)}.tk-chip-mint{background:var(--pri-50);border-color:#bfebd2;color:var(--pri-700)}.tk-tabs{border:2px solid var(--line)}.tk-tabs [aria-selected=true],.tk-tabs [aria-current=page],.tk-tabs .on{background:var(--lvl-700);color:#fff}.progressbar{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progressbar>i{border-radius:999px;background:linear-gradient(90deg,var(--tk-coral),var(--tk-mikan));box-shadow:inset 0 -3px #00000014,inset 0 3px #ffffff59;position:relative}.progressbar>i:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:200% 100%;animation:pop-sheen 2.4s linear infinite}.progressbar>i.pop-fill{transform-origin:left center;transform:scaleX(0);transition:transform var(--t-4) var(--e-out)}.progressbar>i.pop-fill.pop-fill-go{transform:scaleX(1)}.ring-bg{stroke:color-mix(in srgb,var(--lvl-500) 18%,#fff)}.ring-fg{stroke:var(--lvl-500);stroke-linecap:round}.check{border-width:3px;box-shadow:0 3px 0 var(--line-strong)}.check:hover{border-color:var(--pri-500)}.check.done{background:var(--pri-500);border-color:var(--pri-700);color:#fff;box-shadow:0 3px 0 var(--pri-800);animation:pop-pop var(--t-3) var(--e-spring)}.skel{border:2px solid var(--line)}.skel .bar{background:linear-gradient(90deg,var(--surface-2) 25%,#FFFFFF 50%,var(--surface-2) 75%);background-size:200% 100%;animation:pop-shimmer 1.3s linear infinite}.tk-empty,.v8-empty-inline{text-align:center}.pop-empty-art{display:block;margin:0 auto 8px;width:120px;height:auto;animation:pop-bob 3.6s var(--e-io) infinite}.pop-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:var(--s-6) 0 var(--s-3)}.pop-sec-head h2{margin:0;font-size:21px}.pop-sec-sub{color:var(--ink-2);font-size:13.5px;font-weight:600}.pop-link{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--sec-700);text-decoration:none}.pop-link:hover{color:var(--sec-800);text-decoration:underline}.pop-link svg{transition:transform var(--t-2) var(--e-spring)}.pop-link:hover svg{transform:translate(3px)}.pop-home{display:flex;flex-direction:column}.pop-hero{position:relative;display:block;padding:0;overflow:hidden;border-radius:28px;border:2px solid color-mix(in srgb,var(--lvl-500) 35%,var(--line));background:var(--lvl-grad);box-shadow:0 6px color-mix(in srgb,var(--lvl-500) 28%,transparent),var(--shadow-md);isolation:isolate}.pop-hero-img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1280 / 560;object-fit:cover;object-position:70% 50%;z-index:0;border-bottom:2px solid color-mix(in srgb,var(--lvl-500) 30%,transparent)}.pop-hero{background:#fff}.pop-hero-shade{display:none}.pop-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(260px 200px at var(--mx, 70%) var(--my, 30%),rgba(255,255,255,.22),transparent 70%)}.pop-hero-copy{position:relative;z-index:2;display:block;padding:var(--s-4) var(--s-5) var(--s-5);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--lvl-500) 8%,#fff))}.pop-hero-copy h1{font-size:26px;margin:8px 0 4px}.home-name{color:var(--lvl-700)}.pop-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--lvl-50);padding:4px 12px 4px 4px;border-radius:999px;color:var(--ink);letter-spacing:.04em;max-width:100%}.pop-level-badge{flex:none;white-space:nowrap;display:inline-grid;place-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--lvl-700);color:#fff;font-weight:900;letter-spacing:.02em}.pop-hero-sub{margin:0 0 10px;color:var(--ink-2);font-weight:600;font-size:14.5px}.pop-hero .home-chips{display:flex;gap:8px;flex-wrap:wrap}.pop-hero-doc{position:absolute;top:calc(-44px - var(--s-4));right:var(--s-4)}.pop-hero-ring{position:absolute;z-index:2;top:var(--s-3);left:var(--s-3);margin:0;padding:5px;border-radius:50%;background:#fffffff0;box-shadow:var(--shadow-md);transform:scale(.78);transform-origin:top left}@media(min-width:720px){.pop-hero{min-height:340px;display:block;background:var(--lvl-grad)}.pop-hero-img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:85% 50%;border:0;z-index:-2;animation:pop-kenburns 18s var(--e-io) infinite alternate}.pop-hero-shade{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffffff7,#ffffffe0 36%,#fff0 66%)}.pop-hero-copy{padding:var(--s-6);max-width:580px;background:none}.pop-hero-copy h1{font-size:36px}.pop-hero-eyebrow{background:#ffffffe6;box-shadow:var(--shadow-sm)}.pop-hero .tk-chip{background:#ffffffeb}.pop-hero-ring{top:auto;left:auto;right:var(--s-5);bottom:var(--s-5);transform:none}.pop-hero-doc{top:var(--s-4);right:var(--s-4)}}@media(min-width:720px){body[data-level=N2] .pop-hero-shade{background:linear-gradient(90deg,#231a52eb,#231a52bd 36%,#231a5200 66%)}body[data-level=N2] .pop-hero-copy h1,body[data-level=N2] .pop-hero-sub{color:#fff;text-shadow:none}body[data-level=N2] .pop-hero .home-name{color:#e2d1ff}}.pop-levels{margin:var(--s-4) 0 0}.pop-levels .level-chips{gap:8px}.pop-levels .level-pill{flex:1;min-height:44px;font-size:15px}.pop-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:var(--s-4)}@media(min-width:720px){.pop-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.pop-stat{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:20px;background:#fff;border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.pop-stat b{display:block;font-size:22px;line-height:1.05;font-weight:900;color:var(--t700);font-variant-numeric:tabular-nums}.pop-stat small{display:block;color:var(--ink-2);font-weight:600;font-size:12px;line-height:1.3}.pop-stat>span:last-child{min-width:0}.pop-stat-ic{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--t50);color:var(--t700)}.tone-flame .pop-stat-ic{color:var(--flame-500)}.pop-flame svg{animation:pop-flicker 1.6s ease-in-out infinite;transform-origin:50% 90%}.pop-next{display:grid;grid-template-columns:1fr;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-5);background:linear-gradient(135deg,#fff 0% 55%,color-mix(in srgb,var(--lvl-500) 14%,#fff));border-color:color-mix(in srgb,var(--lvl-500) 30%,var(--line));box-shadow:0 5px color-mix(in srgb,var(--lvl-500) 22%,transparent),var(--shadow-sm)}.pop-next h2{margin:2px 0;font-size:22px}.pop-next-art{display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:var(--lvl-50);border:2px solid color-mix(in srgb,var(--lvl-500) 30%,transparent)}.pop-next-art .pop-art{width:76px;height:76px;animation:pop-bob 3.4s var(--e-io) infinite}.pop-next-actions{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-3)}.pop-next .pop-bar{margin-top:8px}@media(min-width:600px){.pop-next{grid-template-columns:auto 1fr;align-items:center;gap:var(--s-5)}.pop-next-art{width:120px;height:120px}.pop-next-art .pop-art{width:96px;height:96px}}.pop-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:720px){.pop-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.pop-quick{grid-template-columns:repeat(6,minmax(0,1fr))}}.pop-quick-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 16px;min-height:148px;border-radius:22px;text-decoration:none;color:var(--ink);overflow:hidden;isolation:isolate;background:linear-gradient(160deg,var(--t50) 0%,#fff 90%);border:2px solid color-mix(in srgb,var(--t500) 38%,transparent);box-shadow:0 4px color-mix(in srgb,var(--t500) 40%,transparent);transition:transform var(--t-2) var(--e-out),box-shadow var(--t-2) var(--e-out)}.pop-quick-tile:before{content:"";position:absolute;width:120px;height:120px;right:-36px;top:-40px;border-radius:50%;background:color-mix(in srgb,var(--t500) 22%,transparent);z-index:-1;transition:transform var(--t-3) var(--e-out)}.pop-quick-tile:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity var(--t-2);background:radial-gradient(160px 120px at var(--mx, 50%) var(--my, 30%),rgba(255,255,255,.7),transparent 70%)}.pop-quick-tile:hover{transform:translateY(-4px);box-shadow:0 8px color-mix(in srgb,var(--t500) 40%,transparent),var(--shadow-md);color:var(--ink)}.pop-quick-tile:hover:before{transform:scale(1.35)}.pop-quick-tile:hover:after{opacity:1}.pop-quick-tile:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--t500) 40%,transparent)}.pop-quick-art{width:64px;height:64px;margin-bottom:6px;filter:drop-shadow(0 6px 8px rgba(31,41,55,.15));transition:transform var(--t-3) var(--e-spring)}.pop-quick-tile:hover .pop-quick-art{transform:translateY(-3px) rotate(-6deg) scale(1.08)}.pop-quick-label{font-weight:900;font-size:16px}.pop-quick-sub{font-size:12.5px;color:var(--ink-2);font-weight:600}.pop-quick-badge{position:absolute;top:12px;right:12px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:var(--acc-700);color:#fff;font-weight:900;font-size:13px;box-shadow:0 3px 0 var(--acc-800);animation:pop-pulse 2s ease-in-out infinite}.pop-two{display:grid;grid-template-columns:1fr;gap:var(--s-4);margin-top:var(--s-5)}@media(min-width:1024px){.pop-two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.pop-panel{background:#fff;border:2px solid var(--line);border-radius:24px;padding:var(--s-5);box-shadow:var(--shadow-sm)}.pop-panel .home-sec-head h2{margin:0}.pop-panel .mission-list{grid-template-columns:1fr}.mission{border-width:2px;border-color:color-mix(in srgb,var(--t500, var(--lvl-500)) 30%,var(--line));background:linear-gradient(90deg,var(--t50, #fff) 0%,#fff 70%);box-shadow:none}.mission .mission-no,.mission:nth-child(2) .mission-no,.mission:nth-child(3) .mission-no{background:var(--t500, var(--lvl-500));color:#fff;border-radius:12px;box-shadow:0 3px 0 var(--t700, var(--lvl-700))}.mission.tone-sun .mission-no{color:var(--ink)}.mission.done .mission-no{background:var(--pri-500);box-shadow:0 3px 0 var(--pri-700)}.pop-side{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin:0}.pop-side>*{min-width:0}.pop-path .path-row{min-width:0}.pop-path .path-node{flex:0 1 34px;min-width:24px;width:auto;height:auto;aspect-ratio:1 / 1}.pop-path .path-link{min-width:2px}.pop-due,.pop-exam-cta{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}.pop-due{background:linear-gradient(135deg,var(--violet-50),#fff 70%);border-color:color-mix(in srgb,var(--violet-500) 30%,var(--line))}.pop-exam-cta{background:linear-gradient(135deg,var(--gold-50),#fff 70%);border-color:color-mix(in srgb,var(--gold-500) 45%,var(--line))}.pop-due b{font-size:24px;color:var(--violet-700);font-weight:900;margin-right:4px}.pop-due small,.pop-exam-cta small{display:block;color:var(--ink-2);font-size:12.5px}.pop-due .home-due-ic{background:none;width:auto;height:auto}.pop-path{display:flex;flex-direction:column;gap:10px;padding:16px;text-decoration:none;color:var(--ink)}.path-node{border-width:2px}.path-node.done{background:var(--pri-500);border-color:var(--pri-700);box-shadow:0 2px 0 var(--pri-800)}.path-node.current{background:var(--acc-50);border-color:var(--acc-500);color:var(--acc-700);animation:pop-pulse-ring 1.8s ease-out infinite}.path-link{background:repeating-linear-gradient(90deg,var(--line-strong) 0 4px,transparent 4px 8px)}.pop-res{margin-top:var(--s-6)}.pop-res-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:640px){.pop-res-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.pop-res-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.pop-res-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#fff;border:2px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:0 3px 0 var(--line);transition:transform var(--t-2) var(--e-out),border-color var(--t-2),box-shadow var(--t-2)}.pop-res-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--t500) 55%,var(--line));box-shadow:0 5px color-mix(in srgb,var(--t500) 35%,transparent);color:var(--ink)}.pop-res-mark{flex:none;min-width:46px;height:46px;padding:0 6px;display:grid;place-items:center;border-radius:14px;background:var(--t50);color:var(--t700);font-weight:900;font-size:14px;border:2px solid color-mix(in srgb,var(--t500) 35%,transparent)}.pop-res-copy{flex:1;min-width:0;display:flex;flex-direction:column}.pop-res-copy b{font-size:15px}.pop-res-copy small{color:var(--ink-2);font-size:12.5px}.pop-res-ext{flex:none;color:var(--ink-2);transition:transform var(--t-2) var(--e-spring),color var(--t-2)}.pop-res-item:hover .pop-res-ext{transform:translate(2px,-2px);color:var(--t700)}.pop-foot{margin-top:var(--s-7);padding:var(--s-5);border-radius:24px;background:linear-gradient(135deg,var(--tk-indigo-800) 0%,var(--tk-indigo) 100%);color:#eceaf6;display:grid;gap:var(--s-4)}@media(min-width:860px){.pop-foot{grid-template-columns:auto 1fr;align-items:start;gap:var(--s-6)}}.pop-foot-brand{display:flex;align-items:center;gap:12px}.pop-foot-brand b{display:block;color:#fff;font-size:17px}.pop-foot-brand small{color:#c3c7e3}.pop-foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}.pop-foot-nav div{display:flex;flex-direction:column;gap:6px}.pop-foot-nav b{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.pop-foot-nav a{color:#daddf2;text-decoration:none;font-size:14px}.pop-foot-nav a:hover{color:var(--tk-mikan);text-decoration:underline}.pop-foot :focus-visible{outline-color:var(--tk-mikan)}.v8-pagehead.pop-head{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:var(--s-5) var(--s-5);background:linear-gradient(135deg,var(--t50) 0%,#fff 65%);border:2px solid color-mix(in srgb,var(--t500) 35%,var(--line));box-shadow:0 5px color-mix(in srgb,var(--t500) 28%,transparent),var(--shadow-sm)}.pop-head-deco{position:absolute;z-index:-1;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--t500) 30%,transparent) 0%,transparent 70%);pointer-events:none}.pop-head-deco:after{content:"";position:absolute;left:-40px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--t500) 16%,transparent)}.v8-pagehead.pop-head .eyebrow{color:var(--t700)}.v8-pagehead.pop-head h1{font-size:30px}.v8-pagehead .pop-head-art{display:block!important;width:92px;height:92px;filter:drop-shadow(0 10px 12px rgba(31,41,55,.18));animation:pop-bob 3.6s var(--e-io) infinite}@media(min-width:720px){.v8-pagehead .pop-head-art{width:128px;height:128px}.v8-pagehead.pop-head h1{font-size:36px}}@media(max-width:560px){.v8-pagehead.pop-head{padding:var(--s-4)}.v8-pagehead .pop-head-art{position:absolute;right:10px;top:10px;width:64px;height:64px;opacity:.95}.v8-pagehead.pop-head .v9-head-copy{padding-right:64px}}.v8-list-item{border:2px solid var(--line);border-radius:20px;transition:transform var(--t-2) var(--e-out),box-shadow var(--t-2),border-color var(--t-2)}.v8-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--lvl-500) 45%,var(--line))}.v8-exam-card{border:2px solid var(--line);border-top:6px solid var(--exam-c, var(--acc-500));border-radius:22px;box-shadow:0 4px 0 var(--line);transition:transform var(--t-2) var(--e-out),box-shadow var(--t-2)}.v8-exam-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--line),var(--shadow-md)}.v8-exam-card.k-exam{--exam-c: var(--acc-500)}.v8-exam-card.k-practice{--exam-c: var(--sky-500)}.v8-exam-card.k-lesson{--exam-c: var(--violet-500)}.v8-exam-icon{background:color-mix(in srgb,var(--exam-c, var(--acc-500)) 16%,#fff)!important;color:var(--ink)!important;border-radius:14px}.v8-filter-list button{border:2px solid var(--line);border-radius:999px;font-weight:700;box-shadow:0 3px 0 var(--line);transition:transform var(--t-1)}.v8-filter-list button.selected,.v8-filter-list button[aria-pressed=true]{background:var(--lvl-700);border-color:var(--lvl-800);color:#fff;box-shadow:0 3px 0 var(--lvl-800)}.v8-filter-list button:active{transform:translateY(2px)}.wind-node.done{background:var(--pri-500);border-color:var(--pri-700);box-shadow:0 5px 0 var(--pri-800);color:#fff}.wind-node.current{background:var(--acc-500);border-color:var(--acc-700);color:#fff;box-shadow:0 5px 0 var(--acc-800);animation:pop-pulse-ring 1.8s ease-out infinite}.wind-node.future{background:#fff;border:3px solid var(--line-strong);box-shadow:0 5px 0 var(--line-strong)}.wind-road-bg{stroke:var(--line-strong);stroke-dasharray:2 10;stroke-linecap:round}.wind-road-done{stroke:var(--pri-500)}.wind-tako{animation:pop-bob 2.8s var(--e-io) infinite}.fc-stage .fc-card,.fc-card{border-radius:28px;border:2px solid var(--line);box-shadow:0 6px 0 var(--line-strong),var(--shadow-md)}body:not([data-section]) .auth-wrap,.auth-wrap{position:relative}.auth-art{display:block;width:min(260px,70vw);margin:0 auto -18px;animation:pop-bob 4s var(--e-io) infinite;filter:drop-shadow(0 18px 24px rgba(194,65,42,.18))}@media(min-width:1024px){.auth-art{width:100%;max-width:460px;max-height:none;margin:0 auto}}.auth-card{border:2px solid var(--line);border-radius:28px;box-shadow:0 6px 0 var(--line),var(--shadow-md);position:relative}.auth-card .auth-tako{display:none}.auth-card h1{background:linear-gradient(90deg,var(--acc-700),var(--sec-700));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-tabs a[aria-current=page]{background:var(--pri-700);color:#fff;box-shadow:0 3px 0 var(--pri-800)}.pop-cele{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;background:#1b1f3b6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:pop-fade var(--t-2) var(--e-out)}.pop-cele.out{animation:pop-fade-out var(--t-2) var(--e-out) forwards}.pop-cele-card{width:min(340px,100%);text-align:center;padding:18px 22px 22px;border-radius:28px;background:radial-gradient(circle at 50% 22%,#fff8d6,#fff 60%);border:2px solid #FFE08A;box-shadow:0 8px #f2c94c,var(--shadow-lg);animation:pop-rise var(--t-3) var(--e-spring)}.pop-cele-card img{width:180px;height:180px;border-radius:50%;margin:-70px auto 6px;display:block;box-shadow:0 10px 30px #ff9f1c59;animation:pop-bob 2.4s var(--e-io) infinite}.pop-cele-card b{display:block;font-size:24px;font-weight:900;color:var(--ink)}.pop-cele-card p{color:var(--ink-2);margin:6px 0 14px}.pop-cele.still,.pop-cele.still *{animation:none!important}.pop-confetti{position:fixed;top:0;z-index:410;width:9px;height:14px;border-radius:2px;pointer-events:none}.pop-confetti.round{width:10px;height:10px;border-radius:50%}.v9-enter .v9-staged{animation:pop-in var(--t-3) var(--e-out) both;animation-delay:var(--v9-delay, 0ms)}@keyframes pop-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pop-flicker{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08,.94) rotate(-4deg)}50%{transform:scale(.96,1.08) rotate(3deg)}75%{transform:scale(1.05,.97) rotate(-2deg)}}@keyframes pop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pop-pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--acc-500) 55%,transparent),0 5px 0 var(--acc-800)}to{box-shadow:0 0 0 14px transparent,0 5px 0 var(--acc-800)}}@keyframes pop-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pop-sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pop-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pop-kenburns{0%{transform:scale(1.02)}to{transform:scale(1.09) translate(-1.5%)}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop-fade{0%{opacity:0}to{opacity:1}}@keyframes pop-fade-out{to{opacity:0}}@keyframes pop-rise{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:1ms!important}.progressbar>i.pop-fill{transform:none}}body.exam-mode{background-image:none}body.exam-mode .pop-hero-img,body.exam-mode .brand-mascot{animation:none}@media print{body{background:#fff}.pop-foot,.pop-res,.pop-quick{display:none}}}@layer pop{a.card,a.card:hover,a.v8-list-item,a.v8-list-item:hover,a.item,a.item:hover,.v8-list-item a:not(.btn){color:var(--ink)}.v8-list-item h3,.v8-list-item b{color:var(--ink)}.fc-today{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);background:linear-gradient(135deg,var(--violet-50) 0%,#fff 70%);border-color:color-mix(in srgb,var(--violet-500) 30%,var(--line))}.fc-today>.grow{flex:1 1 14rem;min-width:0}.fc-today>.btn{flex:1 1 100%}@media(min-width:560px){.fc-today>.btn{flex:0 0 auto}}.fc-today-n{font-size:34px;font-weight:900;color:var(--violet-700);margin-right:6px}.deck-item{border:2px solid var(--line);border-radius:20px}.deck-item.has-due{border-color:color-mix(in srgb,var(--acc-500) 45%,var(--line));background:linear-gradient(90deg,var(--acc-50),#fff 60%)}.deck-item .ic{background:var(--violet-50);color:var(--violet-700);border-radius:14px}.auth-art{border-radius:50%;aspect-ratio:1;object-fit:cover;background:#fff7ec;border:6px solid #fff;box-shadow:0 0 0 2px var(--line),0 18px 40px #c2412a29}@media(min-width:1024px){.auth-art{width:420px;max-width:100%;justify-self:center}}@media(min-width:720px){.pop-hero-copy{max-width:min(560px,56%)}.pop-hero-copy h1{font-size:clamp(28px,3vw,36px)}}.v8-list-item .num,.v8-list-item .v8-num{background:var(--lvl-50);color:var(--lvl-700)}}@layer pop{#tabBar a{color:var(--ink-2)}#tabBar a[aria-current=page]{color:var(--lvl-700)}#sideNav a{color:var(--ink)}#sideNav a[aria-current=page]{color:var(--lvl-700)}.v9-row-art,.v8-list-item img[src*="/assets/pop/"]{object-fit:contain;background:var(--lvl-50);border-radius:14px;padding:4px}}@layer pop{body[data-level=OTAFF]{--lvl-50:#FBEFE3;--lvl-500:#E08A3C;--lvl-700:#9A4E14;--lvl-800:#7E3F10;--lvl-grad:linear-gradient(135deg,#FFD9B0 0%,#FFF1C9 100%)}.chip-otaff{--pl50:#FBEFE3;--pl500:#E08A3C;--pl700:#9A4E14;--pl800:#7E3F10;background:var(--pl50);color:var(--pl700);border:2px solid color-mix(in srgb,var(--pl500) 40%,transparent);font-weight:800;box-shadow:0 3px color-mix(in srgb,var(--pl500) 35%,transparent);justify-content:center;white-space:nowrap}.chip-otaff:hover{color:var(--pl800);border-color:var(--pl500)}.chip-otaff.on{background:var(--pl700);color:#fff;border-color:var(--pl800);box-shadow:0 3px 0 var(--pl800)}.level-chips.side-levels,.home-levels .level-chips:has(.chip-otaff){flex-wrap:wrap}.level-chips.side-levels .chip.chip-otaff{flex:1 0 100%;min-height:40px;font-size:13px;padding:6px 0}.pop-levels .chip.chip-otaff,.v6-levels .chip.chip-otaff,.o-levels .chip.chip-otaff{flex:1 0 100%;min-height:44px}@media(min-width:640px){.pop-levels .chip.chip-otaff,.v6-levels .chip.chip-otaff,.o-levels .chip.chip-otaff{flex:0 0 auto;padding:8px 18px}}}@layer cv4{.amber-t{color:var(--flame-700);font-weight:700}.progressbar.thin{height:8px}}@layer reset,tokens,base,components,screens,utilities,pop,cv4,otaff,v7;@layer v7{:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html.v7-wf{--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root{--font-jp: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", YuGothic, Meiryo, sans-serif;--v7-ok: #0B7A43;--v7-ok-soft: #E3F8EC;--v7-bad: #B54552;--v7-bad-soft: #FDECEA;--v7-warn: #8A5A00;--v7-warn-soft: #FFF3D6;--v7-info: #175C96;--v7-info-soft: #E8F1FA;--v7-surface: var(--surface, #fff);--v7-line: var(--line, #F0DFCE);--v7-ink: var(--ink, #17364E);--v7-muted: var(--muted, #5A6B7C);--v7-radius: 16px;--v7-radius-lg: 22px;--v7-bar-h: 56px;--v7-jp-line: 1.85;--v7-dur: .22s;--v7-ease: cubic-bezier(.22, 1, .36, 1)}[lang=ja],.jp{font-family:var(--font-jp);line-height:var(--v7-jp-line);font-kerning:normal}rt{font-size:.55em;letter-spacing:.02em}body[data-jp-size=s] :is(.exam-body,.v5-stage,.v5-drill,#reviewList,.v6-review) [lang=ja]:not([lang=ja] [lang=ja]){zoom:.9}body[data-jp-size=l] :is(.exam-body,.v5-stage,.v5-drill,#reviewList,.v6-review) [lang=ja]:not([lang=ja] [lang=ja]){zoom:1.15}body[data-jp-size=xl] :is(.exam-body,.v5-stage,.v5-drill,#reviewList,.v6-review) [lang=ja]:not([lang=ja] [lang=ja]){zoom:1.3}body.v7-furi-off :is(rt,.v5-vgrid small[lang=ja],.v5-flip-face small[lang=ja]){filter:blur(5px);transition:filter var(--v7-dur)}body.v7-furi-off :is(ruby,.v5-vgrid li,.v5-flip-face):is(:hover,:active,:focus-within) :is(rt,small[lang=ja]){filter:none}.v7-iconbtn{display:inline-grid;place-items:center;grid-auto-flow:column;gap:2px;min-width:44px;height:44px;padding:0 8px;border-radius:14px;border:1.5px solid var(--v7-line);background:var(--v7-surface);color:var(--v7-ink);font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.v7-iconbtn:hover{border-color:var(--accent, #14705C)}.v7-iconbtn small{font-size:11px;color:var(--v7-muted)}@media(min-width:1024px){body.v7-focus .shell{grid-template-columns:minmax(0,1fr)}body.v7-focus .side{display:none}}body.v7-focus #tabBar{display:none!important}body.v7-focus .content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}body.v7-focus .pop-footer,body.v7-focus .v8-page-foot{display:none}.v7-player{max-width:900px;margin:0 auto}.v7-ptop{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:-8px -4px 12px;padding:8px 4px;background:color-mix(in srgb,var(--canvas, #FEF8EF) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--v7-line)}.v7-ptop-mid{min-width:0}.v7-ptop-t{display:flex;align-items:baseline;gap:8px;min-width:0}.v7-ptop-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.v7-ptop-c{flex:none;font-size:13px;font-weight:700;color:var(--v7-muted)}.v7-segbar{display:flex;gap:4px;margin-top:6px}.v7-seg-step{flex:1 1 0;height:8px;border-radius:99px;background:var(--line-strong, #DCCDBB);min-width:6px;position:relative}.v7-seg-step:before{content:"";position:absolute;inset:-14px 0}.v7-seg-step.is-done{background:var(--v7-ok)}.v7-seg-step.is-current{background:var(--accent, #14705C);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #14705C) 30%,transparent)}body.v7-focus .v7-player>.v8-detail-nav,body.v7-focus .v7-player .v5-learn-meter{display:none}body.v7-focus .v7-player .v5-learn-head{margin-bottom:8px}body.v7-focus .v7-player .v5-learn-head h1{font-size:clamp(20px,4.6vw,26px)}body.v7-focus .v7-player .v5-learn-head .sub,.v7-player .v5-rail{display:none}.v7-player.v7-rail-open .v5-rail{display:block}.v7-player.v7-rail-open .v5-rail ol{flex-direction:column;overflow:visible}@media(min-width:1024px){.v7-player .v5-learn-grid{grid-template-columns:220px minmax(0,1fr)}.v7-player .v5-rail{display:block;position:sticky;top:84px;align-self:start}.v7-player .v5-rail ol{flex-direction:column;overflow:visible}.v7-player .v5-rail-step{white-space:normal;border-radius:14px}.v7-rail-toggle{display:none}.v7-player .v5-learn-grid:not(:has(.v5-rail)){grid-template-columns:minmax(0,1fr)}}.v7-player .v5-stage{border-radius:var(--v7-radius-lg);padding:clamp(16px,3.4vw,28px)}.v7-player .v5-stage h2{font-size:clamp(19px,4vw,24px)}.v7-enter{animation:v7In var(--v7-dur) var(--v7-ease) both}@keyframes v7In{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.v7-pfoot{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:16px;padding:8px;background:var(--v7-surface);border:1px solid var(--v7-line);border-radius:18px;box-shadow:var(--shadow-md, 0 6px 20px rgba(23,54,78,.07))}.v7-pfoot .btn{min-height:44px}.v7-pfoot-k{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.v7-pfoot .btn span{display:none}}.v7-player .v5-gp-pattern,.v7-player .v5-gp-ex li{font-size:1.08rem;line-height:1.9}.v7-player .v5-vgrid b,.v7-player .v5-kgrid b{font-size:1.25rem}.v7-player .v5-flip-face b[lang=ja]{font-size:clamp(30px,8vw,46px)}.v7-drill-meta{display:flex;align-items:center;gap:10px;margin:-4px 0 10px}.v7-dots{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;flex:1 1 auto}.v7-dot{width:12px;height:12px;border-radius:50%;background:var(--line-strong, #DCCDBB)}.v7-dot.is-current{background:var(--accent, #14705C);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #14705C) 25%,transparent)}.v7-dot.is-right{background:var(--v7-ok)}.v7-dot.is-wrong{background:var(--v7-bad)}.v7-qtimer{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--v7-muted);font-size:14px}body.v7-focus .v5-drill .v5-prompt{font-size:clamp(1.1rem,4.2vw,1.35rem);line-height:1.9}body.v7-focus .v5-opt{min-height:56px}.v7-drill-review{margin-top:18px;text-align:left}.v7-drill-review h2{font-size:18px}.v7-rv-list{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:6px}.v7-rv-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--surface-2, #FFFBF4);border:1px solid var(--v7-line)}.v7-rv-n{font-weight:800;text-align:center}.v7-rv-p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v7-rv-r{font-weight:800;font-size:13px}.v7-rv-list li.is-right .v7-rv-r{color:var(--v7-ok)}.v7-rv-list li.is-wrong .v7-rv-r{color:var(--v7-bad)}.v7-rv-t{font-size:13px;color:var(--v7-muted);font-variant-numeric:tabular-nums}.v7-resume{margin:12px 0;padding:14px 16px;border-left:5px solid var(--accent, #14705C)}.v7-res-h{font-size:16px;margin:0 0 8px}.v7-res-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.v7-res-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}.v7-res-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft, #E2F3E8);color:var(--accent-ink, #0E5C4B)}.v7-res-ic.is-exam{background:var(--coral-soft, #FDECE6);color:var(--coral-ink, #B3401F)}.v7-res-copy{min-width:0;display:grid}.v7-res-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v7-res-copy small{color:var(--v7-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v7-today-ph{min-height:252px;margin:12px 0;padding:18px}@media(min-width:768px){.v7-today-ph{min-height:214px}}.v7-jp-in h2{margin:0 0 12px}.v7-seg{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0 0 14px}.v7-seg legend{font-weight:700;margin-bottom:6px;padding:0}.v7-seg-opt{position:relative}.v7-seg-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}.v7-seg-opt span{display:inline-block;min-width:64px;padding:10px 12px;text-align:center;border-radius:12px;border:1.5px solid var(--line-strong, #DCCDBB);font-weight:700}.v7-seg-opt input:checked+span{background:var(--accent, #14705C);border-color:var(--accent, #14705C);color:#fff}.v7-seg-opt input:focus-visible+span{outline:3px solid var(--focus, #175C96);outline-offset:2px}.v7-jp-sample{font-size:1.3rem;margin:14px 0;padding:12px;border-radius:12px;background:var(--surface-2, #FFFBF4)}body.v7-room.v7-focus .content{padding-bottom:max(140px,env(safe-area-inset-bottom) + 124px)}.v7-pos{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.v7-layout[aria-pressed=true]{background:var(--accent-soft, #E2F3E8);border-color:var(--accent, #14705C);color:var(--accent-ink, #0E5C4B)}.v7-rule{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:700;border:1.5px solid var(--line-strong, #DCCDBB);white-space:nowrap}.v7-rule.is-on{background:var(--v7-info-soft);border-color:var(--v7-info);color:var(--v7-info)}@media(max-width:560px){.v7-rule,.v7-layout span{display:none}}.exam-body.v7-paged>:not(.v7-show){display:none}.exam-body.v7-paged .qcard:not(.v7-show){display:none}.exam-body.v7-paged .cv4-qcol>:not(.v7-show){display:none}.exam-body.v7-paged .qcard{margin-bottom:12px;animation:v7In var(--v7-dur) var(--v7-ease) both}body.exam-mode .exam-body.v7-paged .qcard{animation:none}.exam-body.v7-paged .qcard .prompt{font-size:clamp(1.1rem,4.4vw,1.4rem)}.o-clock.v7-warn{background:var(--v7-warn-soft);border-color:#c98a00;color:var(--v7-warn)}.o-clock.v7-danger{background:var(--v7-bad);border-color:var(--v7-bad);color:#fff}.o-cfm .dlg{padding:20px}.o-cfm .dlg-actions{margin-top:12px;gap:8px}.timer-pill.v7-warn{background:var(--v7-warn-soft);border-color:#c98a00;color:var(--v7-warn)}.timer-pill.v7-warn .timer{color:var(--v7-warn)}.timer-pill.v7-danger{background:var(--v7-bad);border-color:var(--v7-bad);color:#fff}.timer-pill.v7-danger .timer{color:#fff}.v7-navsum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--v7-line);font-size:13.5px}.v7-navsum b{font-variant-numeric:tabular-nums}.v7-navsum .btn{min-height:36px}.v7-net{position:sticky;top:112px;z-index:50;margin:0 0 10px;background:var(--v7-warn-soft);border-color:#c98a00;color:var(--v7-warn)}.exam-foot .btn[disabled]{opacity:.45}.v7-sumtbl{width:100%;border-collapse:collapse;margin:10px 0 12px;font-size:14px}.v7-sumtbl :is(th,td){padding:7px 8px;border-bottom:1px solid var(--v7-line);text-align:left}.v7-sumtbl td{font-variant-numeric:tabular-nums}.v7-sumtbl td.v7-bad{color:var(--v7-bad);font-weight:800}.v7-sumlist{margin:8px 0}.v7-sumlist>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.v7-qchip{min-width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-strong, #DCCDBB);background:var(--v7-surface);font:inherit;font-weight:800;cursor:pointer}.v7-qchip:hover{border-color:var(--accent, #14705C)}.v7-break .note{margin:10px 0}.v7-submit .dlg-actions{position:sticky;bottom:0;background:var(--v7-surface);padding:10px 0 2px;margin-top:8px;border-top:1px solid var(--v7-line)}.v7-opts{display:grid;gap:6px;margin:4px 0 12px}.v7-chk{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer}.v7-chk input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--accent, #14705C)}.v7-tc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.v7-tc-head h2{margin:0}.v7-tc-sum{display:flex;flex-wrap:wrap;gap:8px 22px;margin:10px 0}.v7-tbl-wrap{overflow-x:auto}.v7-mtbl{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}.v7-mtbl :is(th,td){padding:8px;border-bottom:1px solid var(--v7-line);text-align:left;vertical-align:top}.v7-mtbl thead th{font-size:12.5px;color:var(--v7-muted);font-weight:700}.v7-mtbl td{font-variant-numeric:tabular-nums}.v7-mtbl td a[data-rv]{display:inline-block;min-width:28px;padding:2px 6px;margin:1px;border-radius:8px;background:var(--v7-bad-soft);color:var(--v7-bad);font-weight:800;text-align:center;text-decoration:none}.v7-mtbl th small{display:block;color:var(--v7-muted);font-weight:600}.v7-slow{margin:10px 0 0;font-size:14px}.v7-ttag{display:inline-flex;align-items:center;gap:3px}@media(prefers-reduced-motion:reduce){.v7-enter,.exam-body.v7-paged .qcard{animation:none}body.v7-furi-off :is(rt,small[lang=ja]){transition:none}}}.player-frame.is-facade{background:linear-gradient(135deg,color-mix(in srgb,var(--lvl-500, #1DB866) 85%,#0b1f17),#101418)}.drive-facade{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;border:0;background:transparent;color:#fff;cursor:pointer;font:inherit;text-align:left}.drive-facade-art{position:absolute;right:4%;bottom:0;width:34%;max-width:180px;height:auto;opacity:.9;pointer-events:none}.drive-facade-play{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:var(--lvl-700, #0E7A43);box-shadow:0 4px #00000040;transition:transform .15s ease;flex:0 0 auto}.drive-facade-play svg{margin-left:4px}.drive-facade-t{position:relative;display:flex;flex-direction:column;gap:2px}.drive-facade-t b{font-size:1.05rem}.drive-facade-t small{opacity:.85}.drive-facade:hover .drive-facade-play,.drive-facade:focus-visible .drive-facade-play{transform:scale(1.06)}.drive-facade:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:inherit}@media(prefers-reduced-motion:reduce){.drive-facade-play{transition:none}}.v7-ssr{display:none}html.v7-h-home .v7-ssr-home{display:flex}html.v7-h-home .v7-ssr-login,html.v7-h-login .v7-ssr-login{display:block}@media(min-width:1024px){html.v7-h-home .v7-ssr-login,html.v7-h-login .v7-ssr-login{display:grid}html.v7-h-bare.v7-h-home .v7-ssr-login{display:none}}html.v7-h-bare .v7-ssr-login,html.v7-h-bare.v7-h-home .v7-ssr-login{display:none}html.v7-h-bare .v7-ssr-landing,.v7-ssr-landing.is-on{display:block}html.v7-h-bare body.v8-guest .side{display:none}html.v7-h-bare body.v8-guest .content{max-width:none;padding:0}.acct-delete{max-width:560px;margin:0 auto}.acct-delete .back-link{display:inline-block;margin:0 0 10px;font-weight:650}.acct-del-card h1{margin:2px 0;font-size:26px}.acct-del-list{padding-left:20px;margin:6px 0 10px}.acct-del-list li{margin:4px 0}.acct-delete .fld{margin-top:12px}.acct-delete .btn.danger{margin-top:14px}.acct-danger{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:12px;border-top:1px dashed var(--line-strong)}.acct-danger .acct-del{color:var(--danger);border-color:var(--danger-soft)}.vb-in .vb-del{color:inherit;opacity:.85;white-space:nowrap}.acct-deleted{max-width:560px;margin:0 auto}