.japanese{background:var(--design-section,#f8f7f2);font-size:calc(16px * var(--design-type-scale,1));scroll-margin-top:60px}.japanese [hidden]{display:none!important}.jp-heading{align-items:center;margin-bottom:18px}.jp-heading h2{max-width:740px;font-size:clamp(calc(36px * var(--design-type-scale,1)),calc(4vw * var(--design-type-scale,1)),calc(53px * var(--design-type-scale,1)))}.jp-profile{min-width:150px}.japanese label{font-size:calc(14px * var(--design-type-scale,1));font-weight:600;display:flex;flex-direction:column;gap:6px}.japanese select,.japanese input[type=text]{border:1px solid #b5c4bf;color:var(--ink);background:var(--design-surface,#fff);border-radius:5px;min-height:44px;font-size:calc(16px * var(--design-type-scale,1));padding:10px 12px;width:100%}.jp-save{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:calc(14px * var(--design-type-scale,1));color:#42675c;margin-bottom:24px}.jp-save[data-error=true]{color:#913f2e}.jp-save button{background:none;border:1px solid currentColor;color:inherit;font-size:calc(14px * var(--design-type-scale,1));padding:7px 10px;border-radius:4px}.jp-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.jp-main{min-width:0}.jp-tabs{display:flex;border-bottom:1px solid #bfcfc6;gap:10px}.jp-tabs button{flex:1;min-height:50px;border:0;border-bottom:3px solid transparent;background:transparent;color:#5b716f;font-size:calc(15px * var(--design-type-scale,1));font-weight:700;padding:10px 8px}.jp-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.jp-tabs button:hover{background:#eaf0e8}.jp-filters{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin:20px 0 12px}.jp-filters>label:not(.jp-checkbox){flex:1;min-width:180px}.japanese .jp-checkbox{display:flex;flex-direction:row;gap:8px;align-items:center;min-height:44px;font-size:calc(14px * var(--design-type-scale,1));font-weight:400}.jp-checkbox input{width:18px;height:18px;accent-color:var(--ink)}.jp-round-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0 12px;color:#5b7370;font-size:calc(14px * var(--design-type-scale,1))}.jp-text-button{background:none;border:0;color:#39685e;font-size:calc(14px * var(--design-type-scale,1));padding:8px 0;text-decoration:underline;text-underline-offset:3px}.jp-practice{min-height:430px;border:1px solid #ccd8ce;border-radius:12px;background:var(--design-surface,#fff);overflow:hidden;box-shadow:0 12px 34px #24483a0c;outline-offset:5px}.jp-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--design-border,#e0e7df);padding:16px 25px;color:#607873;font-size:calc(13px * var(--design-type-scale,1))}.jp-card-top span:last-child{font-size:calc(13px * var(--design-type-scale,1))}.jp-card-body{padding:28px;text-align:center}.jp-card-label{font-size:calc(13px * var(--design-type-scale,1));letter-spacing:.07em;color:#5a7269;font-weight:600;display:block;margin:0 0 16px;text-transform:uppercase}.jp-card-prompt{font-size:clamp(calc(23px * var(--design-type-scale,1)),calc(2.4vw * var(--design-type-scale,1)),calc(32px * var(--design-type-scale,1)));font-weight:500;line-height:1.4;margin:0 0 20px}.jp-japanese{font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-size:clamp(calc(28px * var(--design-type-scale,1)),calc(3.2vw * var(--design-type-scale,1)),calc(43px * var(--design-type-scale,1)));line-height:1.65;font-weight:500;overflow-wrap:anywhere;letter-spacing:.01em;margin:0 0 12px}.jp-romaji{font-size:calc(23px * var(--design-type-scale,1));color:#8c4e39;line-height:1.5;margin:0 0 13px;overflow-wrap:anywhere}.jp-german{font-size:calc(20px * var(--design-type-scale,1));line-height:1.6;margin:0 0 16px}.jp-card-note{font-size:calc(15px * var(--design-type-scale,1));line-height:1.7;color:#55716a;max-width:550px;margin:14px auto 0}.jp-reveal-area{border-top:1px solid #dde6dc;margin-top:24px;padding-top:26px}.jp-card-footer{padding:18px 25px;border-top:1px solid var(--design-border,#e0e7df);background:var(--design-section,#f5f7f1);display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.jp-button{border:1px solid #99b2a8;border-radius:5px;background:var(--design-surface,#fff);color:#214b41;min-height:44px;padding:10px 17px;font-size:calc(15px * var(--design-type-scale,1));font-weight:600}.jp-button:hover{background:#e7eee3}.jp-button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.jp-button.primary:hover{background:var(--design-primary,#285c58)}.jp-button:disabled{opacity:.5;cursor:wait}.jp-button.known{background:#dfeedd;border-color:#a4c4a3}.jp-audio-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}.jp-audio-buttons .jp-button{font-size:calc(14px * var(--design-type-scale,1));font-weight:500}.jp-audio-status{font-size:calc(14px * var(--design-type-scale,1));color:#4c6d63;margin:14px 0 7px;min-height:22px}.jp-audio-help{font-size:calc(14px * var(--design-type-scale,1));padding:14px 17px;background:#f4ecd9;border-radius:6px;color:#6b582e}.jp-audio-help a{font-weight:600}.jp-speaking-steps{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:calc(14px * var(--design-type-scale,1));color:#59736a;margin-bottom:22px}.jp-speaking-steps span{background:var(--design-section,#edf2e9);border-radius:4px;padding:5px 10px}.jp-record{margin:24px 0 10px;padding:20px 16px;background:#f1f4ec;border:1px solid #dae3d4;border-radius:7px}.jp-record p{font-size:calc(14px * var(--design-type-scale,1));color:#557064;line-height:1.6;margin:10px 0 0}.jp-record audio{display:block;max-width:100%;width:100%;margin-top:15px}.jp-record button.recording{background:#943f34;border-color:#943f34;color:#fff}.jp-record-label{display:block;font-size:calc(14px * var(--design-type-scale,1));font-weight:600;margin-bottom:10px}.jp-gap-jp{font-size:clamp(calc(24px * var(--design-type-scale,1)),calc(2.6vw * var(--design-type-scale,1)),calc(34px * var(--design-type-scale,1)));line-height:1.9;overflow-wrap:anywhere;font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;margin:20px 0 12px}.jp-blank{display:inline-block;min-width:90px;padding:0 8px;border-bottom:3px solid #c48f60;background:#f8f0e2;line-height:1.5;color:#80512f}.jp-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 12px}.jp-option{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border:1px solid #b8cabc;background:var(--design-surface,#fff);color:var(--ink);border-radius:6px;padding:12px;min-height:73px}.jp-option span{font-size:calc(22px * var(--design-type-scale,1))}.jp-option small{font-size:calc(15px * var(--design-type-scale,1))}.jp-option[aria-pressed=true]{border-color:#356359;background:#e1eddd;box-shadow:0 0 0 1px #356359}.jp-option:disabled{cursor:default}.jp-option.correct{background:#e2eedf;border-color:#9fc094}.jp-option.wrong{background:#f7e4dd;border-color:#cc9986}.jp-gap-input{max-width:380px;margin:22px auto 0;text-align:left}.jp-gap-input small{font-size:calc(13px * var(--design-type-scale,1));font-weight:400;color:#5c736a}.jp-feedback{margin-top:22px;padding:18px;background:#edf4e7;border:1px solid #c4d8b8;border-radius:7px;text-align:left}.jp-feedback.wrong{background:#fcf0e7;border-color:#e2c7ac}.jp-feedback strong{display:block;font-size:calc(16px * var(--design-type-scale,1));margin-bottom:8px}.jp-feedback p{font-size:calc(15px * var(--design-type-scale,1));line-height:1.7;margin:0}.jp-feedback .jp-solution{font-size:calc(19px * var(--design-type-scale,1));color:var(--ink);margin:8px 0}.jp-sidebar{display:flex;flex-direction:column;gap:15px}.jp-progress-box{background:var(--ink);color:#fff;padding:24px;border-radius:9px}.jp-small-label{font-size:calc(12px * var(--design-type-scale,1));letter-spacing:.12em;font-weight:600;color:#d6c191}.jp-progress-row{margin-top:20px}.jp-progress-row>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc(14px * var(--design-type-scale,1))}.jp-progress-row strong{font-size:calc(22px * var(--design-type-scale,1));white-space:nowrap}.jp-progress-track{height:5px;background:#477069;border-radius:4px;overflow:hidden;margin-top:9px}.jp-progress-track span{display:block;height:100%;background:#e3b477}.jp-progress-box>p{font-size:calc(13px * var(--design-type-scale,1));color:#cbdcd4;line-height:1.65;margin:23px 0 0}.jp-basics{border:1px solid #d6dfd2;border-radius:6px;background:var(--design-surface,#fff);padding:18px}.jp-basics summary{font-size:calc(15px * var(--design-type-scale,1));font-weight:600;cursor:pointer;line-height:1.5}.jp-basics ul{margin:16px 0 0;padding-left:18px}.jp-basics li,.jp-basics p{font-size:calc(14px * var(--design-type-scale,1));line-height:1.65;margin:12px 0 0;color:#4e6b61}.jp-basics dl{margin-bottom:0}.jp-basics dt{font-size:calc(15px * var(--design-type-scale,1));font-weight:600;margin-top:17px}.jp-basics dd{margin:4px 0 0;font-size:calc(14px * var(--design-type-scale,1));line-height:1.7;color:var(--design-muted,#567264)}.jp-sources{border-top:1px solid #cdd8cd;margin-top:35px;padding-top:20px}.jp-sources summary{cursor:pointer;font-size:calc(14px * var(--design-type-scale,1));font-weight:600}.jp-sources p{font-size:calc(14px * var(--design-type-scale,1));line-height:1.7;max-width:900px;color:var(--design-muted,#567264);margin:17px 0}.jp-sources a{display:block;font-size:calc(14px * var(--design-type-scale,1));line-height:1.6;margin:7px 0}.jp-empty{padding:65px 25px;text-align:center}.jp-empty h3{font-family:var(--design-heading-font,'Playfair Display',Georgia,serif);font-size:calc(31px * var(--design-type-scale,1));font-weight:500}.jp-empty p{font-size:calc(16px * var(--design-type-scale,1));color:#57716a}.jp-empty .jp-button{margin:14px 5px 0}.jp-card-footer .jp-text-button{margin-left:auto}
@media(max-width:1100px){.jp-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.jp-card-body{padding:23px}.jp-filters{gap:10px}.jp-progress-box{padding:20px}}
@media(max-width:900px){.jp-layout{grid-template-columns:1fr}.jp-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jp-progress-box{grid-column:1/3}.jp-progress-box #jp-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.jp-progress-box>p{margin-top:16px}.topbar nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 22px}}
@media(max-width:600px){.jp-heading .jp-profile{margin-top:18px;max-width:200px}.jp-tabs{gap:0}.jp-tabs button{font-size:calc(14px * var(--design-type-scale,1));padding:10px 6px}.jp-card-body{padding:23px 18px}.jp-card-top,.jp-card-footer{padding:15px 18px}.jp-sidebar{display:block}.jp-sidebar>div,.jp-sidebar>details{margin-bottom:14px}.jp-progress-box #jp-progress{gap:14px}.jp-progress-row>div:first-child{display:block;font-size:calc(13px * var(--design-type-scale,1))}.jp-progress-row strong{display:block;margin-top:5px;font-size:calc(21px * var(--design-type-scale,1))}.jp-card-prompt{font-size:calc(24px * var(--design-type-scale,1))}.jp-romaji{font-size:calc(21px * var(--design-type-scale,1))}.jp-german{font-size:calc(18px * var(--design-type-scale,1))}.jp-filters>label:not(.jp-checkbox){min-width:145px}.jp-card-footer{gap:10px}.jp-card-footer .jp-text-button{margin-left:0;flex-basis:100%}.jp-card-footer .jp-button{flex:1}.jp-options{gap:9px}.jp-option{padding:10px 6px}.jp-practice{min-height:380px}.jp-speaking-steps{font-size:calc(13px * var(--design-type-scale,1))}.jp-heading h2{font-size:calc(37px * var(--design-type-scale,1))}}
@media(prefers-reduced-motion:reduce){.japanese *{scroll-behavior:auto}}
@media print{.jp-tabs,.jp-filters,.jp-save,.jp-round-heading,.jp-card-footer,.jp-audio-buttons,.jp-record{display:none!important}.jp-layout{display:block}.jp-sidebar{display:block}.jp-progress-box{background:#eee;color:var(--ink)}}
.jp-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:16px 30px;background:var(--design-section,#edf2e9);border:1px solid #c8d6c5;border-radius:10px;padding:24px;margin-bottom:17px}.jp-account-intro strong{font-size:calc(21px * var(--design-type-scale,1));overflow-wrap:anywhere}.jp-account-intro p{font-size:calc(15px * var(--design-type-scale,1));line-height:1.7;margin:9px 0 0;color:#4e6b61;max-width:560px}.jp-account-controls{min-width:0}.jp-account-controls select{max-width:100%;text-overflow:ellipsis}.jp-account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:12px}.jp-account-note{grid-column:1/-1;font-size:calc(13px * var(--design-type-scale,1));color:var(--design-muted,#567264);margin:0;border-top:1px solid #d1dccb;padding-top:13px}.jp-profile-dialog{max-width:520px}.jp-profile-dialog label{margin-bottom:18px}.jp-profile-dialog input{box-sizing:border-box}.jp-profile-dialog .journal-form-actions{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}.jp-progress-box .jp-small-label,.jp-card-top span{overflow-wrap:anywhere}.jp-account button:disabled{cursor:wait;opacity:.5}
@media(max-width:700px){.jp-account{grid-template-columns:minmax(0,1fr);padding:20px;gap:18px}.jp-account-actions{gap:10px 16px}.jp-account-intro strong{font-size:calc(20px * var(--design-type-scale,1))}.jp-profile-dialog{width:calc(100% - 24px);padding:22px}}
@media print{.jp-account,.jp-profile-dialog{display:none!important}}