:root{font-family:-apple-system,BlinkMacSystemFont,Noto Sans CJK SC,Microsoft YaHei,sans-serif;color:#334b43;background:#f6f4ed;--bg: #f6f4ed;--card: #fffdf7;--soft: #eaf0e6;--ink: #334b43;--muted: #69766b;--line: #dedfd3;--green: #4b6b54;--accent: #ba794b;--serif: "Noto Serif CJK JP", "Noto Serif CJK SC", "Yu Mincho", serif;font-synthesis:none;line-height:1.7}html[data-theme=dark]{color-scheme:dark;--bg: #202825;--card: #29322c;--soft: #323d33;--ink: #e1e4d6;--muted: #b3bead;--line: #445044;--green: #a6c7a0;--accent: #dbab7e;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;min-height:44px;transition:background .16s,transform .16s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:default;opacity:.6}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}p{color:var(--muted)}.shell{max-width:1220px;padding:0 48px;margin:auto}header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left;font-family:var(--serif);font-size:24px;letter-spacing:3px;padding:0;white-space:nowrap}.brand small{display:block;font:8px/2 sans-serif;letter-spacing:2.7px;color:var(--muted)}.logo{display:grid;place-items:center;background:#55725a;color:#fffaf1;border-radius:13px;width:47px;height:50px;font-size:33px}.theme{border:1px solid var(--line);border-radius:22px;background:transparent;padding:5px 14px;font-size:12px;white-space:nowrap}nav{display:flex;gap:3px}nav button{font-size:12px;padding:8px 13px;border-radius:22px;border:0;background:none;color:var(--muted)}nav .active{background:var(--soft);color:var(--green);font-weight:600}.utility{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted);padding:14px 0}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:25px;align-items:center;padding:43px 0 60px}.eyebrow{font:9px/1.6 sans-serif;color:var(--accent);letter-spacing:2.5px;font-weight:600;margin-bottom:18px}.hero h1{font-family:var(--serif);font-size:42px;line-height:1.85;letter-spacing:2px;margin-bottom:20px}.hero h1 span{color:var(--green)}.intro{font-size:14px;line-height:2.1}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primary,.outline{border-radius:8px;padding:12px 22px;font-size:13px}.primary{background:#506d55;color:#fffdf5;border:1px solid #506d55}.primary span{margin-left:18px}.outline{border:1px solid var(--line);background:transparent}.text-button{border:0;background:none;font-size:12px;padding:8px 0;color:var(--green)}.hero-notes{display:flex;gap:25px;font-size:10px;color:var(--muted);margin-top:30px}.hero-art{position:relative;height:365px}.orbit{position:absolute;top:8%;right:6%;bottom:10%;left:6%;border:1px dashed var(--line);border-radius:50%;transform:rotate(-20deg)}.sun{width:150px;height:150px;border-radius:50%;background:#e8d8b7;opacity:.5;position:absolute;right:24px;top:13px}.art-card{position:absolute;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 14px 35px #26372a09;display:flex;align-items:center;flex-direction:column;justify-content:center}.art-card small{font-size:8px;letter-spacing:2px;color:var(--muted)}.art-card b{font-family:var(--serif);font-size:80px;line-height:1.5;font-weight:400}.art-card span{font-size:9px;color:var(--muted)}.art-card.a{width:150px;height:186px;left:9%;top:4%;transform:rotate(-9deg)}.art-card.i{width:150px;height:179px;left:47%;top:22%;transform:rotate(9deg);background:var(--soft)}.art-card.u{width:122px;height:136px;left:13%;top:54%;transform:rotate(-4deg)}.art-card.u b{font-size:62px}.seal{position:absolute;right:10%;bottom:42px;color:#ac6b54;border:1px solid #ac6b54;border-radius:3px;padding:3px 8px;font:16px/1.4 var(--serif);transform:rotate(6deg)}.sprig{position:absolute;right:7%;top:16px;font-size:50px;color:#7e9471}.art-caption{position:absolute;bottom:-27px;left:43%;font-size:9px;letter-spacing:1px;text-align:center;white-space:nowrap}.section{padding:22px 0 38px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.section-title h2{font-family:var(--serif);font-size:27px;letter-spacing:1px;margin:0}.section-title .eyebrow{margin-bottom:8px}.pill{border:1px solid var(--line);padding:7px 13px;border-radius:20px;font-size:10px;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.path-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:24px 25px 0;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.course-icon{background:var(--soft);font:30px var(--serif);display:grid;place-items:center;border-radius:11px;height:48px;width:48px;color:var(--green)}.card-top small{font-size:9px;color:var(--muted);letter-spacing:2px}.path-card h3{font-family:var(--serif);font-size:18px;margin-bottom:12px}.path-card p{font-size:12px;line-height:2;min-height:73px}.card-foot{border-top:1px solid var(--line);padding:15px 0;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.card-foot span{font-size:18px}.daily{display:flex;align-items:center;gap:30px;border:1px solid var(--line);background:var(--soft);padding:28px 32px;border-radius:12px;margin:5px 0 50px}.daily-symbol{writing-mode:vertical-rl;white-space:nowrap;font:23px var(--serif);letter-spacing:4px;max-height:none;color:var(--green);border-right:1px solid var(--line);padding-right:25px}.daily .eyebrow{margin-bottom:7px}.daily h3{font-family:var(--serif);font-size:22px;margin-bottom:6px}.daily p{font-size:12px;margin-bottom:0}.daily button{margin-left:auto}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 30px;font-size:9px;color:var(--muted);gap:20px}.footer-brand{font:16px var(--serif);color:var(--ink)}.footer-brand small{display:block;font:7px/2.5 sans-serif;letter-spacing:2px}.page-title{padding:42px 0 24px}.page-title h1{font:36px/1.5 var(--serif);letter-spacing:2px;margin-bottom:10px}.page-title>p:last-child{font-size:13px}.controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:24px}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.segmented button{border:0;background:none;border-radius:6px;font-size:12px;padding:7px 14px}.segmented .selected,.lesson-list .selected{background:var(--soft);color:var(--green)}.kana-layout{display:grid;grid-template-columns:1fr 280px;gap:25px;align-items:start}.kana-table{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}.kana-grid{display:grid;gap:9px}.kana-cell{background:transparent;border:1px solid var(--line);border-radius:8px;padding:12px 4px;position:relative;min-width:0}.kana-cell b{display:block;font:29px/1.5 var(--serif)}.kana-cell span{font-size:10px;color:var(--muted)}.kana-cell i{position:absolute;right:6px;top:3px;font:10px sans-serif;color:var(--green)}.kana-cell.picked{background:var(--soft);border-color:var(--green)}.detail{position:sticky;top:20px;text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:25px}.detail .eyebrow{font-size:8px}.big-kana{font:90px/1.4 var(--serif)}.romaji{font-size:24px;color:var(--green);letter-spacing:3px}.pair{font-family:var(--serif);font-size:22px}.detail button{width:100%;margin-bottom:12px}.fine{font-size:10px;line-height:1.9;color:var(--muted);margin:18px 0 0}.tips{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:25px 30px;margin:25px 0 35px}.tips h3{font-family:var(--serif);font-size:20px}.tips p{font-size:13px;line-height:2;margin-bottom:0}.tips .actions{margin-top:20px}.lesson-layout{display:grid;grid-template-columns:245px 1fr;gap:25px;align-items:start}.lesson-list{display:grid;gap:8px;position:sticky;top:20px}.lesson-list button{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:9px;background:var(--card);padding:14px;text-align:left}.lesson-list button>span{font-size:13px;color:var(--muted)}.lesson-list strong{display:block;font-size:13px;font-weight:500}.lesson-list small{font-size:9px;color:var(--muted)}.lesson{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:32px}.lesson-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lesson-heading>span:last-child{font-size:25px}.lesson h2{font-family:var(--serif);font-size:29px;margin-bottom:8px}.lesson>p{font-size:12px}.lesson .controls{justify-content:flex-start;font-size:11px;margin:25px 0 5px;gap:22px}.controls label{display:flex;gap:8px;align-items:center;min-height:44px}.dialogue{margin-bottom:30px}.line{display:flex;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding:20px 0}.line-num{color:var(--accent);font-size:9px;margin-top:7px}.line>div{flex:1;min-width:0}.line p{margin:0 0 6px;font-size:12px}.line .jp{font-family:var(--serif);font-size:21px;color:var(--ink);line-height:1.9;overflow-wrap:anywhere}.line .reading{font-size:11px;color:var(--green)}.play{border:1px solid var(--line);border-radius:50%;background:transparent;width:44px;flex-shrink:0}.lesson h3{font-family:var(--serif);font-size:19px}.word-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.word-grid>div{border:1px solid var(--line);border-radius:8px;padding:12px}.word-grid strong{display:block;font-size:12px;font-weight:500}.word-grid span{font-size:11px;color:var(--muted)}.grammar{background:var(--soft);border-radius:8px;padding:20px;margin:25px 0}.grammar p{font-size:13px;margin:0;line-height:2}.lesson-quiz{margin-bottom:28px}.lesson-quiz p{font-size:12px}.options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.options button{padding:12px 18px;border:1px solid var(--line);background:var(--bg);border-radius:9px;min-width:80px}.options .chosen,.options .correct{border-color:var(--green);background:var(--soft)}.options .wrong{border-color:#b26954;background:#b269541a}.provenance{margin:28px 0 35px}.quiz-config{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px}.quiz-config label{display:flex;align-items:center;gap:10px}.quiz-config select{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px}.quiz-card{max-width:620px;margin:28px auto 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:30px 35px;text-align:center}.quiz-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}progress{display:block;width:100%;height:5px;border:0;accent-color:var(--green);margin:16px 0 24px}progress::-webkit-progress-bar{background:var(--line);border-radius:9px}progress::-webkit-progress-value{background:var(--green);border-radius:9px}.quiz-card>p{font-size:12px}.quiz-glyph{font:100px/1.5 var(--serif);margin:10px 0 25px}.feedback{min-height:30px;margin:22px 0 12px}.quiz-score{font:76px/1.5 var(--serif);color:var(--green)}.quiz-score small{font-size:24px}.center{text-align:center;margin-bottom:40px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:25px}.stats>div{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:30px}.stats b{display:block;font:50px/1.6 var(--serif);color:var(--green)}.stats small{font-size:18px}.stats span{font-size:12px;color:var(--muted)}.local-note{padding:15px 0 40px}.local-note h3{font-family:var(--serif)}.local-note p{font-size:12px}.notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:600px;width:calc(100% - 30px);padding:16px 20px;background:var(--card);border:1px solid var(--green);box-shadow:0 5px 35px #0002;border-radius:10px;display:flex;align-items:center;gap:15px;z-index:10;font-size:12px}.notice button{background:none;border:0;font-size:22px;margin-left:auto}@media(min-width:1500px){.shell{max-width:1280px}.hero{padding:58px 0 70px}.hero h1{font-size:46px}.hero-art{height:390px}}@media(max-width:1000px){.shell{padding:0 28px}header{flex-wrap:wrap;padding:22px 0 15px;gap:15px}nav{order:3;justify-content:center;width:100%}.hero h1{font-size:33px}.hero-art{height:330px}.hero-notes{gap:15px}.path-grid{gap:13px}.path-card{padding:19px 17px 0}.path-card h3{font-size:16px}.kana-layout{grid-template-columns:1fr 230px;gap:15px}.lesson-layout{grid-template-columns:200px 1fr;gap:15px}.lesson{padding:22px}.daily{gap:20px;padding:25px}.daily h3{font-size:19px}}@media(max-width:650px){.shell{padding:0 18px}header{padding-top:18px}.brand{font-size:21px}.brand small{font-size:7px}.logo{width:42px;height:46px}.theme{font-size:10px}nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}nav button{padding:8px 2px;font-size:10px;white-space:nowrap}.utility{font-size:8px;letter-spacing:0}.hero{grid-template-columns:1fr;padding:24px 0 35px;gap:20px}.hero h1{font-size:33px;letter-spacing:1px;line-height:1.8}.hero .eyebrow{font-size:8px}.intro{font-size:13px}.hero-notes{font-size:10px;gap:24px;margin-top:22px}.hero-art{height:315px;max-width:390px;width:100%;margin:auto}.art-card.a{left:12%;width:130px;height:160px}.art-card.i{left:49%;width:125px;height:155px}.art-card b{font-size:67px}.art-card.u{width:110px;height:120px;left:16%}.art-caption{left:46%;font-size:8px}.seal{right:7%;bottom:29px}.section-title{align-items:flex-start}.section-title h2{font-size:23px}.section-title .eyebrow{font-size:8px}.pill{font-size:8px;padding:6px 9px}.section-title>.pill{max-width:90px;text-align:center;margin-top:19px}.path-grid{grid-template-columns:1fr}.path-card{padding:20px 22px 0}.card-top{margin-bottom:12px}.path-card h3{font-size:20px}.path-card p{min-height:0;font-size:12px;max-width:330px}.daily{flex-wrap:wrap;margin-top:0;padding:24px;gap:20px}.daily-symbol{font-size:18px;padding-right:15px}.daily h3{font-size:17px}.daily .eyebrow{font-size:7px;letter-spacing:1px}.daily p{font-size:10px}.daily button{margin-left:0;width:100%}footer{font-size:8px;gap:12px}footer>span:last-child{width:100%}.page-title{padding:28px 0 18px}.page-title h1{font-size:30px}.page-title>p:last-child{font-size:12px}.controls{gap:12px}.segmented button{font-size:11px;padding:6px 12px}.kana-layout{grid-template-columns:1fr}.kana-table{padding:12px}.kana-grid{gap:6px}.kana-cell{padding:9px 2px}.kana-cell b{font-size:26px}.detail{position:static;padding:22px}.detail .big-kana{font-size:82px}.detail button{max-width:250px;display:block;margin:0 auto 12px}.fine{font-size:10px}.tips{padding:20px}.tips p{font-size:12px}.lesson-layout{grid-template-columns:1fr}.lesson-list{position:static;display:grid;grid-template-columns:1fr 1fr;gap:7px}.lesson-list button{padding:10px 8px;gap:8px}.lesson-list strong{font-size:11px}.lesson-list small{font-size:8px;line-height:1.5;display:block}.lesson-list button>span{font-size:11px}.lesson{padding:18px 15px}.lesson h2{font-size:25px}.line{gap:9px}.line .jp{font-size:18px}.line .reading{font-size:10px}.line p{font-size:11px}.play{width:36px;min-height:36px}.word-grid{gap:7px}.word-grid>div{padding:10px}.word-grid strong{font-size:10px}.grammar{padding:16px}.grammar p{font-size:12px}.options{gap:8px}.options button{font-size:12px;min-width:65px;padding:10px 12px}.quiz-config{gap:12px}.quiz-config label{font-size:11px;gap:7px}.quiz-config select{max-width:135px;padding:8px}.quiz-card{padding:24px 15px}.quiz-glyph{font-size:90px}.quiz-card h2{font-size:23px}.stats{gap:12px}.stats>div{padding:20px 15px}.stats b{font-size:38px}.stats small{font-size:14px}.stats span{font-size:10px}.actions{gap:12px}.primary,.outline{padding:11px 17px}.local-note .actions>span{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-width:360px){.orbit{top:12%;right:13%;bottom:15%;left:13%}}