.welcome{padding:28px 0 20px}.welcome h1{font-size:35px;line-height:1.2;letter-spacing:-.045em;margin:10px 0}.welcome h1 em{font-style:normal;color:var(--green)}.welcome p,.course-head p{color:var(--muted);line-height:1.65}.level-grid{display:grid;gap:11px}.level-card{width:100%;border:1px solid var(--line);background:var(--card);border-radius:21px;padding:18px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;text-align:left;cursor:pointer}.level-card:hover{border-color:var(--green);transform:translateY(-1px)}.level-card span:first-child{display:grid}.level-card span:first-child b{font-size:29px;color:var(--green)}.level-card small{color:var(--muted)}.level-card span:nth-child(2){font-size:12px;color:var(--muted);line-height:1.7}.level-card span:nth-child(2) strong{color:var(--ink);font-size:14px}.level-card i{font-style:normal;font-size:11px;color:var(--green);font-weight:700}.course-head{text-align:center;padding:8px 0 22px}.text-button{display:block;border:0;background:none;color:var(--muted);padding:8px 0;cursor:pointer}.level-emblem{width:90px;height:90px;border-radius:28px;background:var(--green);color:white;display:grid;place-items:center;font-size:34px;font-weight:800;margin:18px auto 12px}.progress-overview,.track{background:var(--card);border:1px solid var(--line);border-radius:19px}.progress-overview{padding:17px}.progress-overview div{display:flex;justify-content:space-between;font-size:13px}.progress-overview i,.thin-progress{display:block;height:6px;background:#e5e4dd;border-radius:6px;overflow:hidden;margin-top:12px}.progress-overview em,.thin-progress i{display:block;height:100%;background:var(--green)}.track-list{display:grid;gap:11px;margin-top:14px}.track{padding:18px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;text-align:left;cursor:pointer}.track-index{color:var(--green);font-size:11px;font-weight:800}.track span:nth-child(2){display:grid;gap:3px}.track small{color:var(--muted)}.track strong{font-size:11px}.source-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:22px}.study-nav{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.study-nav button{border:1px solid var(--line);background:var(--card);border-radius:50%;width:40px;height:40px}.study-nav span{font-weight:700}.study-nav b{font-size:11px;color:var(--muted)}.thin-progress{margin:14px 0 22px}.study-card{background:var(--card);border:1px solid var(--line);border-radius:27px;padding:30px 23px;text-align:center}.card-type{font-size:10px;letter-spacing:.14em;color:var(--green);font-weight:800}.study-card h1{font-family:'Noto Sans JP';font-size:40px;margin:20px 0 5px}.reading{font-family:'Noto Sans JP';color:var(--muted)}.meaning{font-size:18px;font-weight:700;margin:22px 0}.formation{text-align:left;background:var(--green2);border-radius:13px;padding:12px;font-size:13px}.formation span{font-size:10px;font-weight:800;margin-right:8px;color:var(--green)}.example{width:100%;border:0;border-top:1px solid var(--line);background:none;margin-top:20px;padding:20px 0 0;display:grid;gap:7px;text-align:left;cursor:pointer}.example span{font-family:'Noto Sans JP';font-size:18px;line-height:1.6}.example small{color:var(--muted);line-height:1.5}.example em{font-style:normal;color:var(--green);font-size:11px;font-weight:700}.no-example{color:var(--muted);font-size:12px;margin-top:22px}.next{margin-top:16px}@media(max-width:390px){.level-card{grid-template-columns:72px 1fr}.level-card i{display:none}}
.language-button{margin-left:auto;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer}.language-welcome{padding:48px 0 24px}.language-welcome h1{font-size:36px;line-height:1.2;letter-spacing:-.045em;margin:12px 0}.language-welcome p{color:var(--muted);line-height:1.65}.language-grid{display:grid;gap:12px}.language-card{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:21px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;text-align:left;cursor:pointer}.language-card:hover{border-color:var(--green)}.language-card>span:first-child{width:52px;height:52px;border-radius:16px;background:var(--green2);display:grid;place-items:center;font-weight:800;color:var(--green)}.language-card b,.language-card small{display:block}.language-card small{color:var(--muted);margin-top:4px}.language-card i{font-style:normal;color:var(--green)}
.integrated-card{padding-top:25px}.word-audio{border:0;background:none;display:grid;justify-items:center;width:100%;padding:12px;cursor:pointer}.word-audio b{font-family:'Noto Sans JP';font-size:42px;line-height:1.3}.word-audio small{color:var(--green);font-size:10px;margin-top:8px}.reading-toggle{border:1px solid var(--line);background:#f2f1eb;border-radius:16px;padding:7px 11px;font-size:10px;color:var(--muted);cursor:pointer}.reading.reveal{font-size:15px;margin-top:10px}.meaning small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.grammar-block{text-align:left;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.grammar-block>span{font-size:10px;color:var(--green);font-weight:800}.grammar-block h2{font-family:'Noto Sans JP';font-size:24px;margin:7px 0}.grammar-block p{font-size:14px;line-height:1.55;margin:0 0 8px}.grammar-block small{color:var(--muted);line-height:1.5}.tense-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:22px}.tense-tabs button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:9px 3px;font-size:10px;cursor:pointer}.tense-tabs button.active{background:var(--green);border-color:var(--green);color:white}.tense-example{border-top:0;background:#f7f8f4;border-radius:16px;padding:17px;margin-top:10px}.tense-example>span{font-size:20px;line-height:1.8;word-break:keep-all}.tense-example>span span{display:inline-block;white-space:nowrap}.tense-example small{font-family:'Noto Sans JP'}
.source-example{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;text-align:left}.source-example>b{font-size:10px;color:var(--green)}.source-example .example{border:0;background:#f3f5f0;border-radius:16px;padding:16px;margin-top:8px}.source-example .example>span{font-size:18px;line-height:1.8;word-break:keep-all}.source-example .example>span span{display:inline-block;white-space:nowrap}.source-example .example small{font-size:12px;line-height:1.6}
.chapter-list{display:grid;gap:11px;margin-top:14px}.chapter-card{width:100%;border:1px solid var(--line);background:var(--card);border-radius:19px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.chapter-card.locked{background:linear-gradient(135deg,#fffaf0,#f6ead0);border-color:#e8c983}.chapter-number{font-size:12px;font-weight:800;color:var(--green)}.chapter-card>span:nth-child(2){display:grid;gap:3px}.chapter-card small{color:var(--muted);font-size:10px}.chapter-card strong{font-size:11px}.chapter-card i{height:4px;background:#e5e4dd;border-radius:3px;overflow:hidden;margin-top:6px}.chapter-card i em{display:block;height:100%;background:var(--green)}.chapter-card.locked i em{background:var(--amber)}
.reading-group{margin-top:10px}.example-reading{margin:10px auto 0;padding:10px 12px;border-radius:12px;background:#f3f2ed;color:var(--muted);font-family:'Noto Sans JP';font-size:12px;line-height:1.8;word-break:keep-all}.example-reading span{display:inline-block;white-space:nowrap}.memory-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:15px}.memory-actions button{margin:0;min-height:54px;border-radius:15px;font-weight:700;cursor:pointer}.memory-actions .again{border:1px solid #d5a79f;background:#fff7f5;color:var(--red)}
