:root{color-scheme:light;--ink: #17324d;--paper: #f7f5ef;--surface: #fffdf8;--seal: #c94a3d;--celadon: #4e8c84;--wisteria: #74748a;--line: #d9d7cf;--muted: #5d6670;--shadow: 0 12px 30px rgba(23, 50, 77, .09);--radius-small: 8px;--radius-medium: 16px;font-family:Hiragino Sans,Yu Gothic UI,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}:root[data-theme=dark]{color-scheme:dark;--ink: #edf3f5;--paper: #101820;--surface: #18242d;--seal: #ef766a;--celadon: #7eb8af;--wisteria: #aaa8bf;--line: #31414c;--muted: #b7c0c6;--shadow: 0 14px 34px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:var(--paper);line-height:1.65}button,input,select{font:inherit}button,a,summary,.file-button{touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb,var(--seal) 24%,transparent)}a{color:inherit}:focus-visible{outline:3px solid var(--seal);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:8px 12px;color:#fff;background:var(--seal);border-radius:var(--radius-small);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:164px minmax(0,1fr);min-height:100vh}.app-shell.pdf-shell{display:block}.pdf-shell main{width:100%;max-width:none;padding:0}.pdf-track{min-height:100vh}.pdf-track-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:6px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.pdf-track-toolbar a{color:var(--seal);font-weight:700}.pdf-track-toolbar span{color:var(--muted);font-size:.85rem}.pdf-track iframe{display:block;width:100%;height:calc(100vh - 48px);border:0}.merged-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.merged-cards .panel{display:flex;flex-direction:column;min-height:270px}.merged-cards h2{font-size:2rem;margin-bottom:10px}.merged-cards p{color:var(--muted)}.merged-cards .kicker{color:var(--wisteria)}.merged-link{display:inline-block;margin-top:auto;color:var(--seal);font-weight:700}@media(max-width:760px){.merged-cards{grid-template-columns:1fr}}.side-rail{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:26px 16px 18px;color:#f7f5ef;background:#17324d}.wordmark{display:flex;align-items:baseline;justify-content:space-between;margin:0 6px 30px;text-decoration:none}.wordmark span{font-size:1.55rem;font-weight:750;letter-spacing:.08em}.wordmark small{color:#bccbd6;font-size:.72rem}.side-rail nav{display:grid;gap:5px}.nav-link{display:grid;grid-template-columns:30px 1fr;align-items:center;min-height:46px;padding:7px 9px;color:#d9e2e8;border-radius:10px;text-decoration:none}.nav-link.active{color:#17324d;background:#f7f5ef}.nav-mark{font-weight:700}.rail-note{margin:auto 6px 0;color:#aebec9;font-size:.78rem}main{width:min(1120px,100%);padding:42px clamp(24px,5vw,72px) 96px}.route-intro{max-width:68ch;padding-top:8vh}.route-intro h1{margin:0 0 12px;font-size:clamp(2rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.04em}.route-intro p{max-width:42ch;margin:0;color:var(--muted);font-size:1.08rem}h1,h2,p{margin-top:0}h1,h2{text-wrap:balance}button,select,.file-button{min-height:44px;padding:9px 14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-small);cursor:pointer}button:hover,button.selected,.file-button:hover{border-color:var(--celadon);background:color-mix(in srgb,var(--celadon) 12%,var(--surface))}button.primary{color:#fff;background:var(--seal);border-color:var(--seal);font-weight:700}button:disabled{cursor:default;opacity:.65}.kicker{margin-bottom:8px;color:var(--wisteria);font-size:.78rem;font-weight:700;letter-spacing:.06em}.panel{padding:clamp(22px,4vw,38px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-medium);box-shadow:var(--shadow)}.onboarding{max-width:760px;margin:5vh auto}.onboarding h1,.page-head h1,.quiz h1{font-size:clamp(2rem,5vw,4rem);line-height:1.12;letter-spacing:-.035em}fieldset{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-small)}legend{padding:0 8px;font-weight:700}.choice-row,.filters,.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.onboarding small,.settings-list small{display:block;margin-top:14px;color:var(--muted)}.page-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px;border-bottom:1px solid var(--line)}.page-head h1{margin-bottom:12px}.page-head p{color:var(--muted)}.countdown{display:grid;place-items:center;min-width:138px;padding:16px;border-left:1px solid var(--line)}.countdown strong{color:var(--seal);font-size:3.4rem;line-height:1}.countdown span{color:var(--muted);font-size:.8rem}.task-sheet{border-top:1px solid var(--line)}.task{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;min-height:96px;border-bottom:1px solid var(--line)}.task.done{opacity:.62}.task-index{color:var(--seal);font-weight:800}.task p{margin-bottom:2px;color:var(--muted);font-size:.78rem}.task h2{margin:0;font-size:1.06rem}.date-rail{border-left:2px solid var(--line)}.day{position:relative;margin-left:22px;border-bottom:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 58px}.day:before{position:absolute;top:21px;left:-29px;width:12px;height:12px;content:"";background:var(--paper);border:2px solid var(--celadon);border-radius:50%}.day summary{display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:58px;cursor:pointer}.day summary em{color:var(--seal);font-size:.76rem;font-style:normal}.day summary i{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--seal);border-radius:50%;font-style:normal;transform:rotate(-8deg)}.day ul{margin:0 0 18px 62px;color:var(--muted)}.filters{justify-content:space-between;margin-bottom:20px}.filters>div{display:flex;gap:6px}.learn-layout{display:grid;grid-template-columns:minmax(190px,.42fr) 1fr;gap:26px}.lesson-list{max-height:68vh;margin:0;padding:0;overflow:auto;list-style:none;border-top:1px solid var(--line)}.lesson-list li{content-visibility:auto;contain-intrinsic-size:auto 44px}.lesson-list button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0}.lesson-detail{padding:clamp(24px,4vw,48px);background:var(--surface);border-top:4px solid var(--seal);box-shadow:var(--shadow)}.lesson-detail h2{font-size:clamp(2.1rem,5vw,4rem)}.lesson-detail h2 small{color:var(--wisteria);font-size:.42em}.meaning{color:var(--seal);font-size:1.25rem;font-weight:700}blockquote{margin:24px 0 8px;padding-left:20px;border-left:3px solid var(--celadon);font-size:1.35rem}dt{color:var(--wisteria);font-size:.8rem;font-weight:700}dd{margin:0 0 12px}.example,.lesson-detail aside{margin-top:14px;padding:14px 16px;background:color-mix(in srgb,var(--celadon) 8%,var(--surface));border-radius:var(--radius-small)}.example p{margin-bottom:3px}.example small{color:var(--muted)}.wrong{color:var(--seal);text-decoration:line-through}.giant-kanji{font-size:8rem!important;line-height:1}.practice-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.practice-grid .reading{grid-column:1 / -1}.answer-list{display:grid;gap:10px;margin:22px 0}.answer-list button{text-align:left}.answer-list button.correct{border-color:var(--celadon);background:color-mix(in srgb,var(--celadon) 20%,var(--surface))}.answer-list button.wrong{border-color:var(--seal)}.feedback{padding-top:18px;border-top:1px solid var(--line)}.review-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.mock-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.mock-meta strong{color:var(--seal);font-size:1.5rem;font-variant-numeric:tabular-nums}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.metric-grid article{padding:22px;border-top:3px solid var(--celadon);background:var(--surface)}.metric-grid span,.metric-grid p{color:var(--muted);font-size:.8rem}.metric-grid strong{display:block;margin:8px 0;font-size:2rem}.bar{display:grid;grid-template-columns:100px 1fr 46px;gap:12px;align-items:center;margin:12px 0}.bar progress{width:100%;accent-color:var(--seal)}.settings-list{max-width:720px;display:grid;gap:20px}.settings-list label{display:grid;gap:8px;font-weight:700}.file-button{display:inline-grid!important;place-items:center;font-weight:400!important}.file-button input{position:absolute;width:1px;height:1px;opacity:0}@media(max-width:720px){.app-shell{display:block;padding-bottom:74px}.side-rail{position:fixed;z-index:20;inset:auto 0 0;display:block;width:auto;height:70px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.wordmark,.rail-note{display:none}.side-rail nav{display:flex;gap:2px;overflow-x:auto}.nav-link{display:flex;flex:0 0 48px;flex-direction:column;gap:0;justify-content:center;min-width:0;min-height:52px;padding:3px 1px;font-size:.7rem;line-height:1.2}.nav-mark{font-size:.94rem}main{padding:22px 18px 52px}.page-head{align-items:start}.countdown{min-width:86px;padding:12px}.countdown strong{font-size:2.4rem}.task{grid-template-columns:32px 1fr;padding:14px 0}.task button{grid-column:2;justify-self:start}.day summary{grid-template-columns:44px minmax(0,1fr) auto}.day summary em{display:none}.learn-layout,.practice-grid,.metric-grid{grid-template-columns:1fr}.lesson-list{max-height:220px}.practice-grid .reading{grid-column:auto}.review-actions{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}