:root{--bg:#f7f5f0;--card:#fffdf8;--ink:#1f2328;--muted:#5b616b;--line:#d9d4c7;--accent:#2f5b9a;--accent-soft:#e8eef7;--good:#2e6b3f;--good-soft:#e7f1ea;--warn:#8a4f0f;--warn-soft:#fbf0de;--bad:#a1302b;--bad-soft:#fbe9e7;--hl:#fff59d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:16px/1.7 Yu Gothic UI,Hiragino Sans,Meiryo,system-ui,sans-serif}a{color:var(--accent)}h1{margin:0 0 8px;font-size:24px;line-height:1.35}h2{margin:32px 0 12px;font-size:20px}h3{margin:24px 0 8px;font-size:18px}p{margin:0 0 12px}.wrap{max-width:1000px;margin:0 auto;padding:16px 16px 64px}.header{background:var(--card);border-bottom:1px solid var(--line)}.header-in{flex-wrap:wrap;align-items:center;gap:12px;max-width:1000px;margin:0 auto;padding:8px 16px;display:flex}.brand{color:var(--ink);white-space:nowrap;margin-right:auto;font-weight:700;text-decoration:none}.header-in a,.header-in button{white-space:nowrap;font-size:14px}.muted,.small{color:var(--muted);font-size:14px}.btn{white-space:nowrap;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-size:15px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{min-height:32px;padding:4px 12px;font-size:14px}.btn.tiny{min-height:28px;padding:0 8px;font-size:13px}.linkbtn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:12px 16px;text-decoration:none;display:block}.tile:hover{border-color:var(--accent)}.tile-title{font-weight:700}.badge{border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.badge.done{background:var(--good-soft);color:var(--good);border-color:var(--good)}.badge.mid{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}.badge.easy{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}table{border-collapse:collapse;background:var(--card);width:100%;font-size:15px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}th{background:var(--accent-soft)}.tw{margin-bottom:16px;overflow-x:auto}.num{text-align:right;white-space:nowrap}input[type=email],input[type=password],input[type=text],input[type=date],select{font:inherit}.field{margin-bottom:12px;display:block}.field input{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;max-width:360px;padding:8px 10px;display:block}.warn{color:var(--bad)}.note{background:var(--warn-soft);border-left:4px solid var(--warn);border-radius:4px;padding:8px 12px}.okbox{background:var(--good-soft);border-left:4px solid var(--good);border-radius:4px;padding:8px 12px}.topbar{z-index:5;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar .timer{font-variant-numeric:tabular-nums;font-weight:700}.topbar .timer.low{color:var(--bad)}.progress{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:14px}.question{margin:16px 0}.instr{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:12px 16px}.instr-name{font-weight:700}.instr-en{font-size:14px}.instr-ja{color:var(--muted);font-size:14px}.passage{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:16px;padding:16px;font-size:17px;line-height:1.9}.passage p{white-space:pre-wrap;margin:0 0 12px}.passage.doc{font-family:Arial,sans-serif;font-size:15px}.ttl{margin-bottom:8px;font-weight:700}.q-text{font-weight:700}.choices{gap:8px;display:grid}.choice{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.choice input{flex:none;width:18px;height:18px;margin-top:6px}.choice.on{border-color:var(--accent);background:var(--accent-soft)}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.tag-ok,.tag-ng{white-space:nowrap;border-radius:4px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:700}.tag-ok{color:var(--good);border:1px solid var(--good);background:var(--good-soft)}.tag-ng{color:var(--bad);border:1px solid var(--bad);background:var(--bad-soft)}.blank-wrap{white-space:nowrap}.blank-select{border:1px solid var(--accent);background:#fff;border-radius:4px;max-width:220px;padding:2px 4px}.blank-input{border:1px solid var(--accent);width:140px;font:inherit;background:#fff;border-radius:4px;padding:2px 6px}.ok-mark{color:var(--good);margin-left:2px;font-weight:700}.ng-mark{color:var(--bad);margin-left:2px;font-weight:700}.correct-word{color:var(--good);background:var(--good-soft);border-radius:4px;margin-left:4px;padding:0 4px;font-weight:700}.drop-slot{font:inherit;border:1px dashed var(--accent);cursor:pointer;background:#fff;border-radius:4px;min-width:96px;padding:0 8px;line-height:1.8}.drop-slot.filled{background:var(--accent-soft);border-style:solid}.drop-slot.ready{box-shadow:0 0 0 2px var(--hl)}.bank{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.word{font:inherit;border:1px solid var(--line);cursor:grab;background:#fff;border-radius:6px;padding:4px 12px}.word.on{border-color:var(--accent);background:var(--hl)}.hint{width:100%;color:var(--muted);font-size:13px}.ro{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ro-panel{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;min-height:160px;padding:8px;display:flex}.ro-panel.target{border-color:var(--accent)}.ro-head{color:var(--muted);font-size:13px}.ro-item{font:inherit;text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.ro-item.placed{cursor:default;background:var(--accent-soft)}.ro-btns{gap:6px;display:flex}.ro-empty{color:var(--muted);padding:8px;font-size:14px}.hiw .tok{cursor:pointer;border-radius:3px;padding:0 1px}.hiw .tok:hover{background:var(--accent-soft)}.hiw .tok-on{background:var(--hl)}.hiw .tok-right{background:var(--good-soft);outline:1px solid var(--good)}.hiw .tok-wrong{background:var(--bad-soft);outline:1px solid var(--bad)}.hiw .tok-missed{background:var(--warn-soft);outline:1px dashed var(--warn)}.said{color:var(--good);font-size:14px;font-weight:700}.write textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.ta-sst{min-height:220px}.ta-wfd{min-height:90px}.wc{color:var(--muted);text-align:right;font-size:14px}.wc.warn{color:var(--bad)}.audio{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:10px 12px}.audio-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audio-label{margin-right:auto;font-weight:700}.audio-btns{gap:6px;display:flex}.audio-bar{background:var(--line);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.audio-bar>div{background:var(--accent);height:100%}.explain{margin:16px 0}.score-line{background:var(--accent-soft);border-radius:8px;margin-bottom:12px;padding:8px 12px}.score-line.full{background:var(--good-soft)}.box{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:12px 16px}.box-head{margin-bottom:6px;font-weight:700}.sec{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px 16px}.sec summary{cursor:pointer;padding:4px 0;font-weight:700}.ja-text{white-space:pre-wrap}.check{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.check input{flex:none;margin-top:6px}.selfcheck h3{margin-top:8px}details.group{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}details.group>summary{cursor:pointer;padding:10px 16px;font-weight:700}details.group>div{padding:0 16px 12px}@media (max-width:640px){h1{font-size:20px}.ro{grid-template-columns:1fr}.passage{padding:12px}.blank-input{width:110px}}.en{font-family:Georgia,Times New Roman,serif}.unit{margin:8px 0 16px}.qno{color:var(--accent);margin-bottom:4px;font-weight:700}.ctx{font-style:italic}.chart{margin:8px 0 16px;overflow-x:auto}.chart svg{max-width:100%;height:auto;display:block}.blank{background:var(--accent-soft);white-space:nowrap;border-radius:4px;padding:0 4px;font-weight:700}.blank.active{background:var(--hl)}.choice .cnum{flex:none;width:16px;margin-top:1px;font-family:Arial,sans-serif;font-weight:700}.choice .ctext{flex:1;font-size:16px}.cgrid{grid-template-columns:1fr 1fr}.cgrid .choice{flex-wrap:wrap}.cchart{flex:1;min-width:0}.cchart svg{max-width:100%;height:auto;display:block}.exp{background:var(--good-soft);border-color:#b9d5c1;font-size:15px}.exp .er{margin:8px 0 0}.exp .er:first-child{margin-top:0}.lb,.lb2{color:var(--good);background:#fff;border:1px solid #b9d5c1;border-radius:4px;margin-right:8px;padding:0 6px;font-size:12px;font-weight:700;display:inline-block}.lb2{color:var(--accent);border-color:#b8c7e0}.wl{margin:4px 0 0;padding-left:0;list-style:none}.wl li{margin:2px 0}.wn{width:20px;color:var(--muted);font-weight:700;display:inline-block}.word-pair{margin-right:16px;display:inline-block}ol.jo{margin:4px 0 0;padding-left:24px}ol.jo li.ok{color:var(--good);font-weight:700}.script{background:#f2f4f7;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:15px}.ln{gap:12px;margin:4px 0;display:flex}.sp{color:var(--muted);flex:0 0 64px;padding-top:2px;font-size:13px}.ja-line{color:var(--muted);font-size:14px;display:block}.nav-box{background:var(--card);border:1px solid var(--line);border-radius:8px;margin:8px 0 16px;padding:8px 12px}.nav-box summary{cursor:pointer;font-weight:700}.qnav{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin-top:8px;display:grid}.qn{font:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;min-height:32px;font-size:13px}.qn.done{background:var(--accent-soft);border-color:var(--accent)}.qn.here{outline:2px solid var(--warn);font-weight:700}@media (min-width:1000px){.unit.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;width:min(1200px,100vw - 48px);margin-left:calc(50% + -1*min(600px,50vw - 24px));display:grid}.split-left{max-height:calc(100vh - 72px);position:sticky;top:56px;overflow-y:auto}.split-left .passage{margin-bottom:8px}}@media (max-width:640px){.cgrid{grid-template-columns:1fr}.passage{font-size:16px}.sp{flex-basis:48px}}.lpx{--lp-ink:#0f172a;--lp-text:#475569;--lp-muted:#64748b;--lp-line:#e2e8f0;--lp-gray:#f8fafc;--lp-blue:#2563eb;--lp-blue-d:#1d4ed8;--lp-blue-soft:#eff6ff;--lp-blue-chip:#dbeafe;--lp-blue-ink:#1e40af;color:var(--lp-ink);background:#fff;min-height:100vh;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif}.lpx a{color:inherit}.lpx-in{max-width:1040px;margin:0 auto;padding:0 16px}.lpx-narrow{max-width:760px}.lpx-center{text-align:center}.lpx-h1,.lpx-h2,.lpx-sub,.lpx-lead,.lpx-fine{text-wrap:balance}.lpx-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--lp-line);background:#ffffffeb;position:sticky;top:0}.lpx-nav-in{align-items:center;gap:16px;max-width:1040px;height:56px;margin:0 auto;padding:0 16px;display:flex}.lpx-brand{white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--lp-blue)!important}.lpx-brand-sub{color:var(--lp-muted);border:1px solid var(--lp-line);border-radius:999px;padding:0 8px;font-size:11px;font-weight:700}.lpx-brand-sm{font-size:15px}.lpx-nav-links{align-items:center;gap:16px;margin-left:auto;display:flex}.lpx-pill{background:var(--lp-blue);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;color:#fff!important}.lpx-pill:hover{background:var(--lp-blue-d)}.lpx-login{white-space:nowrap;align-items:center;gap:4px;font-size:14px;text-decoration:none;display:inline-flex;color:var(--lp-text)!important}.lpx-login:hover{color:var(--lp-ink)!important}.lpx-hero{background:linear-gradient(180deg, var(--lp-blue-soft) 0%, #fff 100%);padding:64px 0 48px}.lpx-badge{background:var(--lp-blue-chip);color:var(--lp-blue-ink);border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.lpx-h1{letter-spacing:.01em;color:var(--lp-ink);margin:0 0 16px;font-size:48px;font-weight:800;line-height:1.25}.lpx-accent{color:var(--lp-blue)}.lpx-lead{color:var(--lp-text);max-width:600px;margin:0 auto 32px;font-size:18px;line-height:1.8}.lpx-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lpx-btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.lpx-btn-primary{background:var(--lp-blue);box-shadow:0 8px 20px -8px #2563eb99;color:#fff!important}.lpx-btn-primary:hover{background:var(--lp-blue-d)}.lpx-btn-ghost{background:#fff;border:2px solid #cbd5e1;padding:12px 30px;color:var(--lp-ink)!important}.lpx-btn-ghost:hover{border-color:#94a3b8}.lpx-btn-white{background:#fff;color:var(--lp-blue-d)!important}.lpx-btn-white:hover{background:var(--lp-blue-soft)}.lpx-block{width:100%;display:flex}.lpx-fine{color:var(--lp-muted);margin:16px 0 0;font-size:13px}.lpx-fine a{color:var(--lp-blue)!important}.lpx-stats{border:1px solid var(--lp-line);background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);max-width:840px;margin:48px auto 0;display:grid;box-shadow:0 10px 30px -18px #0f172a40}.lpx-stat{text-align:center;border-left:1px solid var(--lp-line);padding:20px 8px}.lpx-stat:first-child{border-left:0}.lpx-stat-n{color:var(--lp-ink);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.2}.lpx-stat-n span{color:var(--lp-text);margin-left:2px;font-size:15px;font-weight:700}.lpx-stat-l{color:var(--lp-muted);margin:4px 0 0;font-size:13px}.lpx-sec{padding:72px 0}.lpx-gray{background:var(--lp-gray)}.lpx-h2{text-align:center;color:var(--lp-ink);margin:0 0 8px;font-size:30px;font-weight:800;line-height:1.4}.lpx-h2-solo{margin-bottom:40px}.lpx-sub{text-align:center;color:var(--lp-muted);margin:0 0 48px}.lpx-h3{color:var(--lp-ink);margin:0 0 8px;font-size:17px;font-weight:700}.lpx-text{color:var(--lp-text);margin:0;font-size:14px;line-height:1.8}.lpx-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lpx-card{background:var(--lp-gray);border:1px solid #f1f5f9;border-radius:16px;padding:24px}.lpx-ic{border-radius:12px;margin-bottom:16px;padding:12px;display:inline-flex}.lpx-ic-blue{color:#2563eb;background:#eff6ff}.lpx-ic-purple{color:#9333ea;background:#faf5ff}.lpx-ic-green{color:#16a34a;background:#f0fdf4}.lpx-ic-amber{color:#d97706;background:#fffbeb}.lpx-ic-rose{color:#e11d48;background:#fff1f2}.lpx-ic-teal{color:#0d9488;background:#f0fdfa}.lpx-plans{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lpx-plan{border:1px solid var(--lp-line);background:#fff;border-radius:16px;flex-direction:column;padding:32px;display:flex;position:relative}.lpx-plan-name{color:var(--lp-muted);margin:0 0 4px;padding-right:88px;font-size:14px;font-weight:700}.lpx-plan-price{margin:0 0 4px;font-size:40px;font-weight:800;line-height:1.2}.lpx-plan-note{color:var(--lp-muted);margin:0 0 24px;font-size:12px}.lpx-list{flex:1;align-content:start;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:grid}.lpx-list li{color:var(--lp-text);align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;display:flex}.lpx-list svg{color:#94a3b8;flex:none;margin-top:3px}.lpx-plan-paid{background:var(--lp-blue-d);border-color:var(--lp-blue-d);color:#fff;box-shadow:0 20px 40px -20px #1d4ed8b3}.lpx-plan-paid .lpx-plan-name,.lpx-plan-paid .lpx-plan-note,.lpx-plan-paid .lpx-plan-foot{color:var(--lp-blue-chip)}.lpx-plan-paid .lpx-plan-price,.lpx-plan-paid .lpx-list li{color:#fff}.lpx-plan-paid .lpx-list svg{color:var(--lp-blue-chip)}.lpx-plan-tag{color:var(--lp-blue-d);background:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.lpx-plan-foot{margin:12px 0 0;font-size:12px;line-height:1.6}.lpx-steps{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.lpx-step{border-color:var(--lp-line);background:#fff}.lpx-num{background:var(--lp-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:16px;font-size:14px;font-weight:700;display:inline-flex}.lpx-faqs{gap:8px;display:grid}.lpx-faq{border:1px solid var(--lp-line);background:#fff;border-radius:12px;overflow:hidden}.lpx-faq summary{cursor:pointer;color:var(--lp-ink);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:700;list-style:none;display:flex}.lpx-faq summary::-webkit-details-marker{display:none}.lpx-faq summary:hover{background:var(--lp-gray)}.lpx-chev{color:#94a3b8;flex:none;transition:transform .2s;display:inline-flex}.lpx-faq[open] .lpx-chev{transform:rotate(180deg)}.lpx-faq p{color:var(--lp-text);border-top:1px solid #f1f5f9;margin:0;padding:12px 20px 16px;font-size:14px;line-height:1.8}.lpx-cta{background:linear-gradient(180deg, #fff 0%, var(--lp-blue-soft) 100%);padding:72px 0}.lpx-cta .lpx-sub{margin-bottom:32px}.lpx-cta .lpx-fine{margin-top:32px}.lpx-foot{border-top:1px solid var(--lp-line);background:var(--lp-gray);padding:32px 0}.lpx-foot-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.lpx-foot-links{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.lpx-foot-links a{font-size:13px;text-decoration:none;color:var(--lp-text)!important}.lpx-foot-links a:hover{text-decoration:underline;color:var(--lp-ink)!important}.lpx-foot-note{color:var(--lp-muted);text-align:center;margin:4px 0 0;font-size:12px}@media (max-width:860px){.lpx-features,.lpx-steps{grid-template-columns:1fr 1fr}}@media (max-width:640px){.lpx-hero{padding:40px 0 32px}.lpx-h1{font-size:30px}.lpx-lead{font-size:16px}.lpx-ctas .lpx-btn{width:100%}.lpx-stats{grid-template-columns:1fr 1fr;margin-top:32px}.lpx-stat:nth-child(3){border-left:0}.lpx-stat:nth-child(n+3){border-top:1px solid var(--lp-line)}.lpx-sec,.lpx-cta{padding:48px 0}.lpx-h2{font-size:24px}.lpx-sub{margin-bottom:32px}.lpx-features,.lpx-steps,.lpx-plans{grid-template-columns:1fr}.lpx-plan{padding:24px}.lpx-nav-links{gap:12px}.lpx-brand-sub{display:none}.lpx-foot-links{margin-left:0}}