@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.hunter{--sky1: #252343;--sky2: #697596;margin:16px 0;border:1px solid #a49ccc55;border-radius:24px;overflow:hidden;background:#252343;box-shadow:0 12px 32px #18254122;color:#fff5df}.hunter-stage{position:relative;isolation:isolate;overflow:hidden;height:240px}.hunter-art{position:absolute;top:0;right:0;bottom:0;left:0}.hunter-art>svg{height:100%;width:100%;overflow:visible}.hunter-hud{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;text-shadow:0 2px 8px #16172b}.hunter-hud span strong{display:block;font-size:17px;letter-spacing:0}.hunter-hud>b{background:#172039cc;border:1px solid #ffe3a35c;border-radius:16px;padding:8px;height:fit-content;color:#ffe4a0}.hunter-health{position:absolute;top:65px;left:14px;width:130px;font-size:10px;background:#111a34c9;padding:7px;border-radius:9px}.hunter-health>div{height:5px;background:#6b4771;border-radius:9px;margin-top:4px;overflow:hidden}.hunter-health i{height:100%;display:block;background:linear-gradient(90deg,#ff7995,#ffe4a0);transition:width .25s}.hunter-home .hunter-stage{height:340px}.hunter-home .hunter-art{top:30px;transform:none;transform-origin:bottom}.hunter-title{position:absolute;top:114px;left:18px;text-shadow:0 3px 14px #13182f,0 1px 3px #13182f}.hunter-title small{font-size:11px}.hunter-title h2{white-space:pre-line;font-size:31px;line-height:1.15;color:#fff5df;letter-spacing:-1px;margin:7px 0}.hunter>.primary{margin:0;border-radius:0;background:linear-gradient(110deg,#f2c573,#ffe5b0);color:#262b43;font-weight:850;border:0;min-height:54px}.hunter-damage{position:absolute;top:110px;right:24%;font-size:45px;font-weight:950;color:#fff0b6;text-shadow:3px 3px #47264d,-2px -2px #47264d;transform:rotate(-9deg);line-height:1}.hunter-damage small{display:block;font-size:10px;margin-top:6px}.hunter-damage.guard,.hunter-damage.review{font-size:24px;color:#e5efff;transform:none}.hunter-combo{position:absolute;right:12px;bottom:10px;background:#151f3dd9;border:1px solid #ffe3a377;border-radius:13px;padding:7px 12px;font-size:21px;font-weight:900}.hunter-combo small{font-size:10px;display:block;color:#bfe9ff}.hunter-combo.charged{color:#ffe08e;box-shadow:0 0 24px #fcca6e66}.hunter-particles{position:absolute;left:72%;top:61%;pointer-events:none}.hunter-particles i{position:absolute;width:7px;height:12px;background:#fff0a1;animation:hunter-particle .6s ease-out both;transform:rotate(var(--a))}.hunter-hit{animation:hunter-shake .28s ease-out}.hunter-hit .yokai-body{animation:hunter-flash .24s ease-out}.hunter-hit[data-hero="0"] .hero-0,.hunter-hit[data-hero="1"] .hero-1,.hunter-hit[data-hero="2"] .hero-2,.hunter-hit[data-hero="3"] .actor{animation:hunter-attack .3s ease-out;filter:drop-shadow(0 0 12px #ffe9a3)}.hunter-special{position:absolute;top:53px;right:8px;bottom:9px;left:8px;background:linear-gradient(125deg,#273b68f5 20%,#79528ce8 65%,#e1a36e);border:2px solid #ffe7a6;border-radius:13px;box-shadow:0 0 35px #b792ff66;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;overflow:hidden}.hunter-special>div{position:absolute;right:-15px;width:180px;bottom:-58px;opacity:.9}.hunter-special small,.hunter-special strong,.hunter-special button{z-index:1;text-shadow:0 2px 4px #18243a}.hunter-special small{font-size:10px;color:#ffe3a3}.hunter-special strong{font-size:25px;max-width:70%;line-height:1.1;color:#fff5df;margin:9px 0}.hunter-special button{background:#18263b;color:#fff5df;min-height:44px;font-size:11px;padding:7px 12px}.hunter-victory{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#1b2745ba,transparent 65%,#1b2745e6);display:flex;flex-direction:column;justify-content:space-between;padding:25px 16px;text-align:center}.hunter-victory strong{font-size:28px;color:#ffe4a1;text-shadow:0 2px 8px #191a38}.hunter-victory span{font-size:12px}.party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hero-card{overflow:hidden;padding:18px!important}.hero-portrait{height:220px;background:radial-gradient(ellipse at 50% 70%,#c895bc99,#293755);border-radius:18px;margin:-5px -5px 10px}.hero-portrait.hero-1{background:radial-gradient(ellipse at 50% 70%,#ec9e9299,#293755)}.hero-portrait.hero-2{background:radial-gradient(ellipse at 50% 70%,#8adbc599,#293755)}.hero-portrait svg{width:100%;height:100%}.hero-card h2{font-size:20px;margin:6px 0}.hero-card h2 span{font-size:12px;float:right;color:var(--muted)}.hero-card p{margin:4px 0 10px}.hero-card>small{display:block}.crate-card{background:linear-gradient(125deg,var(--surface),var(--soft));position:relative;overflow:hidden}.crate-emblem{float:right;font-size:100px;line-height:1;color:#d49a42;text-shadow:0 4px #77454e,0 0 30px #f8c77677;transform:rotate(-12deg)}.crate-card button{margin:12px}.hunter-quest{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.hunter-quest p{margin:4px 0}.quest-medal{font-size:26px;display:grid;place-items:center;width:52px;height:64px;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:#a56c47;color:#fff4de;box-shadow:inset 0 0 0 6px #fff3}.medal-1{background:#647894}.medal-2{background:#c0912e}.bestiary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bestiary-grid svg{width:100%;height:120px}.bestiary-grid small{display:block}.lair-badge{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.lair-badge:before{content:"✦";color:var(--accent);font-size:24px}.path-unit{position:relative}.path-unit:before{content:"";position:absolute;left:23px;top:64px;bottom:15px;border-left:2px dashed var(--line);pointer-events:none}.hunter-quiet *{animation:none!important;transition:none!important}.hunter-quiet .hunter-particles{display:none}.hunter-quiet .hunter-hit{transform:none}.hunter-quiet .hunter-hit .yokai-body{filter:none}@keyframes hunter-particle{0%{transform:rotate(var(--a)) translateY(0);opacity:1}to{transform:rotate(var(--a)) translateY(var(--d));opacity:0}}@keyframes hunter-shake{25%{transform:translate(2px)}60%{transform:translate(-2px)}}@keyframes hunter-flash{0%{filter:brightness(1.7)}to{filter:none}}@keyframes hunter-attack{45%{transform:translate(15px,-5px)}}@media(max-width:650px){.party-grid{grid-template-columns:1fr}.hero-card{display:grid;grid-template-columns:120px 1fr;column-gap:14px}.hero-portrait{grid-row:1/6;height:170px;margin:0}.hero-card h2{align-self:end}.hero-card h2 span{float:none;display:block}.hero-card .wide{font-size:12px;padding:8px}.bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.hunter *{animation:none!important;transition:none!important}.hunter-particles{display:none}}.answer-sheet{max-width:900px;margin:auto}.answer-sheet label{display:block;margin:12px 0}.answer-sheet label input,.answer-sheet label select{display:block;width:100%;margin-top:5px}.answer-sheet details input[type=number]{max-width:90px}.sheet-toolbar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sheet-toolbar strong{flex:1 1 100%}.sheet-toolbar [role=timer]{font-size:28px;font-variant-numeric:tabular-nums}.bubble-row{display:grid;grid-template-columns:25px 1fr 44px;gap:8px;align-items:center;margin:9px 0}.bubble-row>div{display:flex;gap:7px}.bubble-row button{width:44px;height:44px;min-width:44px;border-radius:50%;padding:0}.bubble-row button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sheet-total{font-size:25px}.answer-sheet table{border-collapse:collapse;width:100%;font-size:14px}.answer-sheet th,.answer-sheet td{text-align:left;border-bottom:1px solid var(--line);padding:10px 3px}.answer-sheet [aria-invalid=true]{border-color:var(--accent)}.home-readiness .result-grid b{font-size:15px;white-space:nowrap}.home-readiness .result-grid p{margin:5px 0;font-size:13px}.home-readiness .result-grid small{font-size:10px}@media(max-width:650px){.home-readiness{padding:14px!important}.home-readiness h2{margin:4px 0 12px;font-size:19px}.home-readiness .result-grid{gap:7px;margin:8px 0}.home-readiness>p{font-size:12px;line-height:1.5;margin:7px 0}.home-readiness>small{font-size:10px}}.lair-portrait{width:65px;height:58px;flex:none;background:radial-gradient(ellipse,#a891bf55,transparent 70%)}.lair-portrait svg{width:100%;height:100%}.lair-badge:has(.lair-portrait):before{display:none}.lair-badge small{display:block}.crate-emblem{width:140px;height:130px;transform:none}.crate-emblem svg{width:100%;height:100%}@media(max-width:650px){.home-readiness .result-grid small{display:none}}:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#243e57;background:#fbf8ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #eae6dd;--surface: #fbf8ef;--soft: #f0ecdf;--ink: #243e57;--muted: #5c625e;--accent: #a53325;--accent-ink: #fff;--line: #c4bcab;--good: #326149;--goodsoft: #e7efdf;--bad: #a53325;--badsoft: #f9e8df;--gold: #70531d;--goldsoft: #efe0b9;--ori-fold: #c4bcab;--radius: 8px;color-scheme:light}:root[data-theme=dark]{--canvas: #070c18;--surface: #10192f;--soft: #192641;--ink: #eff4ff;--muted: #acbcd4;--accent: #6cf5d4;--accent-ink: #10192f;--line: #435675;--good: #6cf5d4;--goodsoft: #193b3a;--bad: #ffadb4;--badsoft: #402537;--gold: #f4d179;--goldsoft: #3b3427;--ori-fold: #b6a6ff;--radius: 13px;background:var(--surface);color:var(--ink);font-family:Space Grotesk,Noto Sans JP,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100dvh;background:var(--surface);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;touch-action:manipulation;transition:border-color .15s,background .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:default;transform:none}button[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select,textarea{min-height:48px;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px;background:var(--surface)}input:not([type=checkbox]):not([type=file]),textarea{width:100%}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--accent)}input[type=file]{width:100%;font-size:14px}label{display:grid;gap:9px;margin:16px 0}p{line-height:1.75;margin:10px 0 18px}h1,h2,h3{line-height:1.35;margin:0 0 12px;font-weight:600}h1{font-size:clamp(30px,5vw,42px);letter-spacing:-.04em}h2{font-size:23px;letter-spacing:-.02em}h3{font-size:18px}small{font-size:12px;line-height:1.6;color:var(--muted)}a{color:var(--accent);text-underline-offset:4px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}code{overflow-wrap:anywhere;font-size:12px}[lang=ja]{font-family:Noto Sans JP,sans-serif}rt{font-size:10px;font-weight:400}ruby{ruby-align:center}button .icon{flex-shrink:0}.icon{width:22px;height:22px;vertical-align:middle}.row{display:flex;align-items:center;gap:12px;min-width:0}.between{justify-content:space-between}.block{display:block}.wide{width:100%;margin:5px 0}.primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-weight:700;min-height:54px;width:100%;padding:14px 18px}.primary .icon{margin-left:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted);font-weight:700;line-height:1.8}.muted{color:var(--muted)}.lead{font-size:18px;color:var(--muted);max-width:680px}.badge{font-size:11px;background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:4px 8px;white-space:nowrap;display:inline-block;line-height:1.5}.paper{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--surface);margin:20px 0}.inset{background:var(--soft);border-radius:var(--radius);padding:18px;margin:20px 0}.narrow{max-width:720px;margin:auto;padding:20px}.loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ori{width:120px;max-width:100%;height:auto;flex-shrink:0}.ori.correct .wing{transform-origin:center;animation:fold .6s ease-out}.ori.wrong{transform:rotate(-5deg)}.app-shell{min-height:100dvh;max-width:1600px;margin:auto;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 22px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{padding:0;border:0;display:flex;gap:12px;background:none}.brand>span{font-family:"Noto Serif JP",serif;font-size:29px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.17em;max-width:60px;line-height:1.7}.exam-chip{font-size:11px;color:var(--muted)}.topbar .row{gap:6px}.topbar .row button{border:0;padding:8px;background:none}.navigation{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;padding:6px 12px calc(5px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.navigation>button{border:0;border-radius:0;background:none;color:var(--muted);flex:1;flex-direction:column;gap:3px;padding:7px 5px;font-size:10px;min-height:58px}.navigation>button.active{color:var(--accent)}.navigation>button.active .icon{stroke-width:2.3}.nav-footer{display:none}.main-content{padding:24px 22px;max-width:1140px;margin:0 auto}.fixture-label{font-size:10px;color:var(--muted);margin-bottom:16px;line-height:1.5;grid-column:1/-1}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 22px;padding:8px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.status-bar button{font-size:10px;border:0;background:none;padding:0;min-width:0;text-align:left}.notice{padding:14px 16px;background:var(--badsoft);color:var(--bad);border:1px solid var(--bad);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;margin-bottom:20px;line-height:1.6}.notice button{background:transparent;border:0;color:inherit}.busy-status{position:fixed;z-index:40;bottom:95px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:14px 22px;border-radius:30px;font-size:13px;white-space:nowrap;box-shadow:0 4px 24px #0002}.welcome .row{margin:10px 0 22px;gap:4px}.welcome h1{font-family:"Noto Serif JP",serif;font-size:34px;letter-spacing:.03em;margin-bottom:7px}.welcome p{font-size:13px;color:var(--muted);margin:0}.welcome .ori{width:110px}.start-session{justify-content:space-between;font-size:16px}.session-meta{margin:12px 0 24px}.session-meta span{font-size:11px;color:var(--accent)}.session-meta small{font-size:10px}.quick-actions{display:grid;gap:9px;margin:20px 0 32px}.quick-actions button{justify-content:flex-start;padding:16px;text-align:left}.quick-actions button>span{flex:1}.quick-actions b{font-size:13px;display:block}.quick-actions small{display:block;font-size:10px;margin-top:3px}.quick-actions .icon{width:20px}.path-heading{align-items:flex-end;margin:12px 0 26px;gap:8px}.path-heading h2{font-size:23px;margin:6px 0 0;font-family:"Noto Serif JP",serif}.level-switch{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.answer.now-playing:disabled{opacity:1;border:2px solid var(--accent);background:var(--soft);color:var(--ink)}.reply-instruction p{margin:6px 0;font-size:14px}.feedback.neutral{background:var(--soft);border-color:var(--line);color:var(--ink)}.level-switch button{border:0;border-radius:0;min-width:44px;min-height:44px;padding:7px;font-size:12px}.level-switch button[aria-pressed=true]{background:var(--ink);color:var(--surface);box-shadow:none}.unit-heading{border-top:1px solid var(--line);padding-top:22px;align-items:flex-start}.unit-number{font-family:"Noto Serif JP",serif;color:var(--accent);font-size:22px;padding:5px 10px 5px 0}.unit-heading h3{font-weight:500;font-size:18px;margin:3px 0}.unit-heading p{font-size:12px;color:var(--muted);margin:0}.path-nodes{padding:24px 0 22px 14px;position:relative}.path-nodes:before{content:"";position:absolute;left:61px;top:40px;bottom:55px;width:85px;border-left:1px dashed var(--line);border-radius:48%;transform:rotate(-6deg)}.path-node{display:flex;align-items:center;gap:18px;position:relative;margin:0 0 25px;min-height:64px}.path-node:last-child{margin-bottom:0}.path-node.node-1{margin-left:45px}.path-node.node-2{margin-left:76px}.path-node.node-3{margin-left:35px}.node{width:61px;height:61px;min-width:61px;border-radius:50%;border:1px solid var(--line);background:var(--soft);position:relative}.node.available{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 5px var(--surface),0 0 0 6px var(--line)}.node.complete{color:var(--good);background:var(--goodsoft);border-color:var(--good)}.node.legendary{color:var(--gold);background:var(--goldsoft);border-color:var(--gold)}.node.in-progress{color:var(--ink);border:4px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}.node.locked{color:var(--muted)}.path-node b{display:block;font-size:13px;font-weight:600}.path-node small{display:block;font-size:10px;margin-top:4px;text-transform:capitalize}.right-panel .paper{margin-top:0}.right-panel{margin-top:24px}.daily-plan .goal-ring{margin:20px auto}.goal-ring{position:relative;width:120px;height:120px;flex-shrink:0}.goal-ring svg{width:100%;height:100%}.goal-ring>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.goal-ring b{font-size:30px;font-weight:500}.goal-ring small{font-size:11px}.daily-plan p{font-size:13px;color:var(--muted)}.daily-plan .row{font-size:12px;margin:14px 0}.daily-plan h3{font-size:17px}.daily-plan>small{display:block;margin:15px 0}.daily-plan button{font-size:12px}.mastery>div{margin:20px 0}.mastery .row{font-size:12px;margin-bottom:8px}.mastery svg{width:100%;height:8px;display:block}.mastery>small{display:block;font-size:10px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.chips button{font-size:13px}.practice-grid{display:grid;gap:14px;margin:24px 0}.practice-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px;min-height:200px}.practice-card h2{font-size:21px;margin:16px 0 5px}.practice-card p{font-size:13px;color:var(--muted);margin:0 0 20px}.practice-symbol{font-size:25px;color:var(--accent)}.link-text{color:var(--accent);font-size:12px;display:flex;align-items:center;gap:10px;margin-top:auto}.unit-list{display:grid;gap:8px}.unit-list button{justify-content:space-between;text-align:left}.library-list{display:grid;gap:12px}.library-list>button{padding:20px;text-align:left;justify-content:space-between}.library-list h2{font-size:22px;margin:0 0 7px}.library-list p{margin:0 0 12px;font-size:14px}.library-list .paper{margin:0}.search{margin:6px 0 24px}.stats-grid{display:grid;gap:16px}.stats-grid .paper{margin:0}.stats-grid h2{font-size:19px}.stat-row{margin:20px 0}.stat-row .row{font-size:12px;margin-bottom:7px}.stat-row svg{width:100%;height:8px}.heatmap{width:100%;margin:20px 0 0}.big-number{font-size:40px;color:var(--accent)}.confusion-cell{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.confusion-cell b{background:var(--soft);min-width:30px;padding:7px;text-align:center}.ghost-row{display:grid;grid-template-columns:82px 1fr 40px;align-items:center;font-size:12px;gap:8px;margin:20px 0}.ghost-row svg{width:100%;height:14px}.ghost-row small{grid-column:2/4}.badges{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.achievement{border:2px solid var(--accent);border-radius:5px;color:var(--accent);font-family:"Noto Serif JP",serif;padding:15px 12px;max-width:150px;text-align:center;font-size:13px}.stats-grid+.badges,.stats-grid+h2{margin-top:30px}.settings-list{max-width:680px}.settings-list label{padding:18px 0;border-bottom:1px solid var(--line);margin:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.import-label{padding:15px;border:1px dashed var(--line);border-radius:var(--radius)}.danger{color:var(--bad)}.about{max-width:720px}.about li{line-height:1.8;margin-bottom:12px}.about .ori{float:right;margin:10px 0 20px 20px}.session{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(105px + env(safe-area-inset-bottom))}.session-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.session-header>button{border:0;background:none;padding:7px}.session-header>span{font-size:11px;white-space:nowrap;color:var(--muted)}.progress-track{height:6px;flex:1;background:var(--soft);overflow:hidden;border-radius:20px}.progress-track span{height:100%;display:block;background:var(--accent);border-radius:20px;transition:width .25s}.exercise-label{margin-top:22px;margin-bottom:18px}.exercise-label>button{border:0;color:var(--muted);background:none}.exercise-label .badge{font-size:9px;letter-spacing:0;margin-left:5px}.exercise .prompt{padding:16px;background:var(--soft);border-radius:var(--radius);font-size:14px;line-height:1.9}.exercise .prompt h3{margin:16px 0 0;font-size:17px}.stem{font-size:21px;line-height:2.1;margin:24px 0}.stem .muted{font-size:13px;line-height:1.7}.audio-panel{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px;margin:20px 0}.play-button{width:56px;height:56px;min-width:56px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:0}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;height:56px;overflow:hidden}.waveform i{display:block;width:3px;border-radius:2px;background:var(--accent)}.playing .waveform i{animation:wave .6s alternate infinite}.audio-panel>.row.between{margin:12px 0;font-size:10px;align-items:flex-start}.audio-panel small{font-size:10px}.speed-row{display:flex;align-items:center;gap:7px;margin-top:14px}.speed-row[hidden]{display:none}.sokuji .audio-panel{padding:12px;margin:14px 0}.sokuji .audio-panel>.row.between{margin-bottom:0}.sokuji .answer{min-height:52px;padding:8px 12px;line-height:1.5}.sokuji .check-dock{display:flex;gap:12px}.sokuji .check-dock>.primary{flex:1;width:auto}.speed-row>span{font-size:11px;margin-right:auto;color:var(--muted)}.speed-row button{font-size:12px;min-width:48px;padding:8px}.answers{display:grid;gap:9px;margin:18px 0}.answer-row{display:flex;align-items:stretch;gap:6px}.answer-row .answer{flex:1}.answer{width:100%;text-align:left;justify-content:flex-start;min-height:61px;padding:12px 14px;font-size:15px;gap:13px;line-height:1.7}.answer>span:nth-child(2){flex:1}.answer-number{width:25px;height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;border:1px solid var(--line);border-radius:4px}.answer.selected{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.answer.correct{border-color:var(--good);background:var(--goodsoft);color:var(--good)}.answer.incorrect{border-color:var(--bad);background:var(--badsoft);color:var(--bad)}.answer:disabled{opacity:1}.answer-row>button:not(.answer){padding:7px;width:44px}.check-dock{position:fixed;bottom:0;left:0;right:0;z-index:15;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.check-dock>.primary{max-width:680px;margin:auto;display:flex}.feedback{padding:20px;background:var(--goodsoft);border:1px solid var(--good);border-radius:var(--radius);margin:25px 0;animation:rise .2s ease-out}.feedback.bad{background:var(--badsoft);border-color:var(--bad)}.feedback.hint{background:var(--soft);border-color:var(--accent)}.feedback h2{font-size:20px;margin-bottom:6px}.feedback h3{font-size:17px}.feedback p{font-size:14px}.feedback .ori{width:70px}.feedback .row{gap:16px;margin-bottom:15px}.contrast{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.character-diff{display:flex;gap:3px;flex-wrap:wrap;font-size:21px;padding:14px;background:var(--surface);border-radius:var(--radius)}.character-diff .add{color:var(--good);border-bottom:2px solid currentColor}.character-diff .remove{color:var(--bad);text-decoration:line-through}.countdown{font-size:13px;color:var(--accent);margin:16px 0}.countdown .progress-track{margin-top:10px}.slots{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.slots button{flex:1 1 20%;display:flex;flex-direction:column;min-width:58px;max-width:100%;padding:10px 7px;min-height:72px;font-size:14px}.slots button.star-slot{border:2px solid var(--accent)}.slots small{font-size:10px;color:var(--accent)}.tiles{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tiles button{font-size:14px;line-height:1.7}.connection-tile{padding:10px;background:var(--surface);border-radius:var(--radius);display:flex;flex-direction:column;max-width:100%;gap:7px}.connection-tile small{font-size:10px}.pair-sentence{padding:15px;background:var(--soft);border-radius:var(--radius);margin:16px 0}.pair-sentence p{font-size:18px;line-height:1.9}.error-chunks{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.error-chunks button{text-decoration:underline;text-underline-offset:5px;border:0;background:var(--soft);font-size:16px;line-height:1.9}.reading-text{font-size:18px;line-height:1.9;white-space:pre-wrap;margin:22px 0;font-family:Noto Sans JP,sans-serif;overflow-wrap:anywhere}.reading-text .blank{display:inline-flex;vertical-align:middle;border:0;border-bottom:2px solid var(--accent);color:var(--accent);border-radius:0;background:var(--soft);font-size:16px;min-height:44px;max-width:100%;margin:0 4px}.reading-text .glossary-word{display:inline;min-width:0;min-height:44px;border:0;border-bottom:1px dotted var(--accent);border-radius:0;padding:9px 0;background:transparent;position:relative;line-height:inherit}.gloss-popup{display:block;position:absolute;z-index:5;bottom:100%;left:0;min-width:140px;background:var(--ink);color:var(--surface);font:12px DM Sans,sans-serif;padding:10px;border-radius:4px}.reading-columns.paired .reading-text{display:none}.reading-columns.paired .reading-text.active{display:block}.text-tabs{margin-bottom:0}.transcript{border-top:1px solid var(--line);margin:30px 0;padding-top:24px}.transcript h3{font-size:17px}.transcript>p{font-size:12px}.script-line{padding:14px 12px;border-radius:var(--radius);margin:12px 0;border-left:3px solid transparent;background:var(--soft)}.script-line.key-line{border-left-color:var(--accent)}.speaker{font-size:12px;font-weight:600}.script-line .row>button{margin-left:auto;background:transparent;border:0}.script-line .row>small{font-size:9px;color:var(--accent)}.transcript-words{line-height:2}.transcript-words button{display:inline;min-height:44px;min-width:0;padding:6px 1px;border:0;border-radius:2px;background:transparent;font-size:16px}.transcript-words .annotated{text-decoration:underline dotted var(--accent);text-underline-offset:5px}.transcript-words .saved-gap{background:var(--goldsoft);color:var(--gold)}.script-line>p{font-size:13px;color:var(--muted)}.reason-tags{margin:24px 0}.reason-tags button{font-size:12px;margin:5px;min-height:44px}.teach{margin-top:25px}.teach h2{font-size:29px;margin-top:20px}.teach>.lead{font-size:20px}.teach .examples>div{border-top:1px solid var(--line);padding:18px 0}.examples p{font-size:17px;line-height:1.9;flex:1;margin:0}.examples .row button{background:var(--soft);flex-shrink:0}.examples small{display:block;margin-top:8px}.teach h3{margin-top:25px}.teach>.primary{margin-top:30px}.session-save{display:block;text-align:center;font-size:10px;margin:30px 0}.completion{text-align:center}.completion .paper{text-align:left}.completion-art{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;min-height:180px}.completion-art .ori{width:175px;animation:float 3s ease-in-out infinite}.stamp{color:var(--accent);border:3px double var(--accent);font-size:24px;font-family:"Noto Serif JP",serif!important;writing-mode:vertical-rl;padding:8px 5px;transform:rotate(7deg);letter-spacing:.18em}.completion>h1{font-size:30px;margin:12px 0}.completion>p{color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}.result-grid b{display:block;color:var(--accent);font-size:26px;font-weight:500}.result-grid small{font-size:10px;display:block;margin-top:5px}.alert{color:var(--bad);font-weight:600}.review-entry{border-top:1px solid var(--line);padding:10px 0}.modal{width:calc(100% - 24px);max-width:620px;max-height:85dvh;overflow:auto;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px 16px 0 0;padding:22px;margin:auto auto 0;box-shadow:0 -10px 60px #0003;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.modal::backdrop{background:#080e1d80}.modal>.row{margin-bottom:20px}.modal>.row>h2{margin:0;font-size:21px}.modal>.row>button{border:0;background:transparent}.modal p{font-size:14px;line-height:1.8}[data-theme=dark] .brand>span{color:var(--accent)}[data-theme=dark] h1,[data-theme=dark] .path-heading h2{font-family:Space Grotesk,Noto Sans JP,sans-serif}[data-theme=dark] .node{border-radius:15px}[data-theme=dark] .node.available{box-shadow:0 0 0 5px var(--surface),0 0 20px #6cf5d425}[data-theme=dark] .achievement{border-radius:12px;box-shadow:0 0 15px #6cf5d414;font-family:Space Grotesk,sans-serif}[data-theme=dark] .primary{box-shadow:0 3px #299a84}@media(min-width:600px){.practice-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:32px}.quick-actions{grid-template-columns:1fr 1fr}.welcome .ori{width:145px}.welcome h1{font-size:44px}.welcome p{font-size:16px}.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{margin:auto;border-radius:16px}.paper{padding:26px}.session{padding:30px 26px 120px}.narrow .teach h2{font-size:38px}.session .stem{font-size:24px}.reading-columns.paired{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-columns.paired .reading-text{display:block}.text-tabs{display:none}}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:88px 1fr auto;padding-bottom:0}.topbar{grid-column:1/-1;height:88px;padding:18px 30px}.brand small{max-width:none}.brand>span{font-size:32px}.exam-chip{font-size:13px}.topbar>.row{gap:20px}.navigation{position:sticky;top:0;grid-column:1;grid-row:2/4;border-top:0;border-right:1px solid var(--line);padding:30px 14px;display:flex;flex-direction:column;gap:8px;height:calc(100dvh - 88px);align-self:start}.navigation>button{flex:0;flex-direction:row;justify-content:flex-start;gap:14px;padding:15px 18px;font-size:13px;border-radius:var(--radius);min-height:52px}.navigation>button.active{background:var(--soft)}.nav-footer{display:block;margin-top:auto;padding:20px 12px 0;text-align:center}.nav-footer .ori{width:80px}.nav-footer p{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0}.nav-footer button{font-size:10px;border:0;background:none}.main-content{width:100%;grid-column:2;padding:35px 30px 50px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:0 28px;max-width:1180px}.right-panel{margin-top:16px}.home-main{min-width:0}.home-main .quick-actions{grid-template-columns:1fr}.home-main .welcome h1{font-size:38px}.home-main .welcome .ori{width:125px}.home-main .welcome p{font-size:14px}.home-main .session-meta small{font-size:10px}.home-main .paper,.right-panel .paper{padding:20px}.home-main .path{margin-top:32px}.path-nodes{padding-left:35px}.path-nodes:before{left:90px}.path-node{gap:24px;margin-bottom:32px}.path-node.node-1{margin-left:65px}.path-node.node-2{margin-left:110px}.path-node.node-3{margin-left:55px}.path-node b{font-size:14px}.path-node small{font-size:11px}.path-unit{margin-bottom:25px}.unit-heading h3{font-size:21px}.status-bar{grid-column:2;margin:0 30px}.settings-list{max-width:720px}.settings-list label{grid-template-columns:1fr 1fr;align-items:center}.settings-list .toggle{display:flex}.settings-list select{width:100%}.practice-card{min-height:235px}.busy-status{bottom:35px}.session{padding-top:35px}.check-dock{padding:16px 20px}.completion{padding-top:50px}}@media(min-width:1280px){.app-shell{grid-template-columns:220px 1fr}.home-layout{grid-template-columns:minmax(0,1fr) 275px;gap:0 45px}.main-content{padding:40px 45px 55px}.home-main .welcome h1{font-size:45px}.home-main .welcome .ori{width:145px}.home-main .quick-actions{grid-template-columns:1fr 1fr}.home-main .quick-actions button{padding:14px;gap:8px}.home-main .quick-actions .icon:last-child{display:none}.navigation{padding:36px 22px}.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{gap:22px}}@keyframes wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes fold{50%{transform:rotate(-4deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}@media(max-width:599px){.path-heading{flex-wrap:wrap;row-gap:16px}.level-switch button{min-width:44px}.settings-list select{width:100%}}.mobile-daily{display:flex;align-items:center;gap:14px;margin:16px 0 22px}.mobile-daily .goal-ring{width:64px;height:64px}.mobile-daily .goal-ring b{font-size:19px}.mobile-daily .goal-ring small{font-size:8px}.mobile-daily>div:nth-child(2){flex:1}.mobile-daily>div>b{font-size:13px}.mobile-daily>div>small{display:block;font-size:10px;margin-top:3px}.mobile-daily .badge{font-size:10px}.sprint-ghost{font-size:12px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:14px}@media(min-width:1024px){.mobile-daily{display:none}}.account-chip{width:36px;height:36px;padding:0;border-radius:50%;overflow:hidden;flex-shrink:0}.account-chip img{width:100%;height:100%;object-fit:cover}.signin-banner{padding:14px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px}.signin-banner p{margin:0 0 10px}.google-sign-in{min-height:44px}.followalong{max-height:24rem;overflow-y:auto;scroll-padding:24px;margin-block:1rem}.follow-line{display:block;width:100%;text-align:left;margin-bottom:.4rem;line-height:1.9}.follow-line .speaker{display:block;font-size:.8rem}.follow-line[data-active=true]{background:var(--soft);box-shadow:inset 4px 0 var(--accent)}.active-word{background:var(--accent);color:var(--accent-ink);border-radius:.2rem;padding:.08rem}.heard-word{opacity:.65}.drill-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.drill-areas button{min-height:90px}.beginner-text{white-space:pre-wrap;word-break:normal;overflow-wrap:normal;text-align:start}.exercise[data-level=N4] .answer,.exercise[data-level=N5] .answer{min-width:0;text-align:start}.bunsetsu{white-space:nowrap}.home-readiness[data-beginner=true] .result-grid{grid-template-columns:minmax(0,1fr);gap:18px}.home-readiness[data-beginner=true] .result-grid b{font-size:16px}.home-readiness[data-beginner=true] .result-grid p{margin:6px 0}@media(min-width:680px){.home-readiness[data-beginner=true] .result-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.home-readiness[data-beginner=true] .result-grid small{display:block}