:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#eceae3;--card:#f7f6f1;--ink:#1f2328;--ink-muted:#585e66;--rule:#cbc6ba;--edge:#8a8578;--action:#2b3742;--on-action:#f7f6f1;--focus:#2b3742;--right:#2f6e48;--right-soft:#9cc3a8;--right-tint:#dce8df;--wrong:#a8352a;--wrong-tint:#f2ddd8;--not-learned:#fff;--level-1:#dde9e0;--level-2:#c6d9cc;--level-3:#afcab8;--level-4:#98baa4;--level-5:#81ab90;--level-6:#6a9b7c;--level-7:#2f6e48;--brand-slate:#2b3742;--brand-white:#fff;--font-display:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-ui:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--font-study:"Klee One", "Hiragino Sans", "Yu Gothic", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-none:0px;--radius-chip:2px;--radius-paper:3px;--stroke-hairline:1px;--stroke-mark:2px;--size-touch:44px;--size-control:48px;--size-option:56px;--size-option-n:12px;--size-tile:56px;--size-kanji-box:200px;--size-icon:24px;--size-icon-s:20px;--size-mark-w:20px;--size-mark-h:5px;--size-mark-x:12px;--size-bar:10px;--size-swatch:10px;--size-track:6px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#15181c;--card:#1e2227;--ink:#ece8df;--ink-muted:#a2a7ad;--rule:#353b42;--edge:#6e757d;--action:#e4dfd3;--on-action:#15181c;--focus:#e4dfd3;--right:#7fc197;--right-soft:#3f6e52;--right-tint:#22362b;--wrong:#ee8674;--wrong-tint:#3d2622;--not-learned:#1b1f23;--level-1:#1f2b24;--level-2:#26392f;--level-3:#2d473a;--level-4:#355444;--level-5:#3c624f;--level-6:#43705a;--level-7:#7fc197;--brand-slate:#2b3742;--brand-white:#fff}}.flip{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15181c;--card:#1e2227;--ink:#ece8df;--ink-muted:#a2a7ad;--rule:#353b42;--edge:#6e757d;--action:#e4dfd3;--on-action:#15181c;--focus:#e4dfd3;--right:#7fc197;--right-soft:#3f6e52;--right-tint:#22362b;--wrong:#ee8674;--wrong-tint:#3d2622;--not-learned:#1b1f23;--level-1:#1f2b24;--level-2:#26392f;--level-3:#2d473a;--level-4:#355444;--level-5:#3c624f;--level-6:#43705a;--level-7:#7fc197;--brand-slate:#2b3742;--brand-white:#fff}.noflip{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eceae3;--card:#f7f6f1;--ink:#1f2328;--ink-muted:#585e66;--rule:#cbc6ba;--edge:#8a8578;--action:#2b3742;--on-action:#f7f6f1;--focus:#2b3742;--right:#2f6e48;--right-soft:#9cc3a8;--right-tint:#dce8df;--wrong:#a8352a;--wrong-tint:#f2ddd8;--not-learned:#fff;--level-1:#dde9e0;--level-2:#c6d9cc;--level-3:#afcab8;--level-4:#98baa4;--level-5:#81ab90;--level-6:#6a9b7c;--level-7:#2f6e48;--brand-slate:#2b3742;--brand-white:#fff}@media (prefers-color-scheme:dark){.flip{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eceae3;--card:#f7f6f1;--ink:#1f2328;--ink-muted:#585e66;--rule:#cbc6ba;--edge:#8a8578;--action:#2b3742;--on-action:#f7f6f1;--focus:#2b3742;--right:#2f6e48;--right-soft:#9cc3a8;--right-tint:#dce8df;--wrong:#a8352a;--wrong-tint:#f2ddd8;--not-learned:#fff;--level-1:#dde9e0;--level-2:#c6d9cc;--level-3:#afcab8;--level-4:#98baa4;--level-5:#81ab90;--level-6:#6a9b7c;--level-7:#2f6e48;--brand-slate:#2b3742;--brand-white:#fff}.noflip{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15181c;--card:#1e2227;--ink:#ece8df;--ink-muted:#a2a7ad;--rule:#353b42;--edge:#6e757d;--action:#e4dfd3;--on-action:#15181c;--focus:#e4dfd3;--right:#7fc197;--right-soft:#3f6e52;--right-tint:#22362b;--wrong:#ee8674;--wrong-tint:#3d2622;--not-learned:#1b1f23;--level-1:#1f2b24;--level-2:#26392f;--level-3:#2d473a;--level-4:#355444;--level-5:#3c624f;--level-6:#43705a;--level-7:#7fc197;--brand-slate:#2b3742;--brand-white:#fff}}.t-title-l{font:700 26px/32px var(--font-display)}.t-title{font:700 22px/28px var(--font-display)}.t-number{font:700 52px/56px var(--font-display)}.t-body{font:400 16px/24px var(--font-ui)}.t-body-s{font:400 14px/20px var(--font-ui)}.t-body-strong{font:700 16px/24px var(--font-ui)}.t-label{font:700 14px/20px var(--font-ui)}.t-caption{font:400 13px/18px var(--font-ui)}.t-eyebrow{font:700 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.t-tab{font:500 11px/14px var(--font-ui)}.t-glyph{font:600 160px/160px var(--font-study)}.t-sentence{font:400 26px/42px var(--font-study)}.t-option{font:400 26px/32px var(--font-study)}.t-word{font:400 22px/30px var(--font-study)}.t-reading-l{font:400 20px/28px var(--font-study)}.t-reading{font:400 15px/20px var(--font-study)}.t-tile{font:400 30px/30px var(--font-study)}.t-furigana{font:400 12px/14px var(--font-study)}
.dr-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.dr-stack{gap:var(--space-3);display:grid}.dr-between{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.dr-num{font-variant-numeric:tabular-nums}.dr-label{font:700 14px/20px var(--font-ui)}.dr-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-control);padding:0 var(--space-5);border-radius:var(--radius-paper);border:var(--stroke-hairline) solid var(--edge);background:var(--card);color:var(--ink);font:700 16px/24px var(--font-ui);cursor:pointer;display:inline-flex}.dr-btn--primary{background:var(--action);border-color:var(--action);color:var(--on-action)}.dr-btn--block{width:100%}.dr-btn:focus-visible,.dr-option:focus-visible,.dr-tab:focus-visible,.dr-tile:focus-visible,.dr-word:focus-visible,.dr-tap:focus-visible{outline:var(--stroke-mark) solid var(--focus);outline-offset:2px}.dr-options{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dr-option{align-items:center;gap:var(--space-4);width:100%;min-height:var(--size-option);padding:var(--space-2) var(--space-4);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-paper);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;display:flex}.dr-option__n{width:var(--size-option-n);font:400 13px/18px var(--font-ui);color:var(--ink-muted);font-variant-numeric:tabular-nums}.dr-option__text{font:400 26px/32px var(--font-study)}.dr-option__text--en{font:400 16px/24px var(--font-ui);color:var(--ink)}.dr-option__state{align-items:center;gap:var(--space-1);font:700 14px/20px var(--font-ui);margin-left:auto;display:inline-flex}.dr-option__state svg{width:var(--size-icon-s);height:var(--size-icon-s);fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.dr-option--selected{border:var(--stroke-mark) solid var(--action);padding:calc(var(--space-2) - 1px) calc(var(--space-4) - 1px)}.dr-option--selected .dr-option__state{color:var(--ink-muted);font-weight:400}.dr-option--right{border-color:var(--right);background:var(--right-tint)}.dr-option--right .dr-option__state{color:var(--right)}.dr-option--wrong{border-color:var(--wrong);background:var(--wrong-tint)}.dr-option--wrong .dr-option__state{color:var(--wrong)}.dr-explain{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--stroke-hairline) solid var(--rule);font:400 16px/24px var(--font-ui);display:grid}.dr-explain p{margin:0}.dr-jp{font:400 15px/20px var(--font-study)}.dr-explain__others{color:var(--ink-muted);font:400 14px/20px var(--font-ui);gap:2px;margin:0;padding:0;list-style:none;display:grid}.dr-explain__en,.dr-study-en{color:var(--ink-muted);font:400 16px/24px var(--font-ui);margin:0}.dr-explain__credit{color:var(--ink-muted);font:400 13px/18px var(--font-ui);margin:0}.dr-study{font:400 26px/42px var(--font-study);color:var(--ink);margin:0}.dr-study rt{font:400 12px/14px var(--font-study);color:var(--ink-muted)}.dr-tap{border-radius:var(--radius-chip);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dr-chip{padding:1px var(--space-2);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-chip);font:400 13px/18px var(--font-ui);color:var(--ink);align-items:center;display:inline-flex}.dr-chip--good{background:var(--right-tint);border-color:var(--right-tint);color:var(--right);font-weight:700}.dr-chip--bad{background:var(--wrong-tint);border-color:var(--wrong-tint);color:var(--wrong);font-weight:700}.dr-chip--muted{color:var(--ink-muted)}.dr-level{align-items:center;gap:var(--space-1);display:inline-flex}.dr-level i{width:var(--size-mark-w);height:var(--size-mark-h);border-radius:var(--radius-none);background:var(--rule)}.dr-level i.on{background:var(--right)}.dr-level--bad i.on{background:var(--wrong)}.dr-level__label{margin-left:var(--space-2);font:400 13px/18px var(--font-ui);color:var(--ink-muted)}.dr-card{background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.dr-eyebrow{font:700 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.dr-card__title{font:700 22px/28px var(--font-display);text-wrap:balance;margin:0}.dr-meta{margin:0 0 var(--space-1);align-items:baseline;gap:var(--space-1) var(--space-3);font:400 13px/18px var(--font-ui);color:var(--ink-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.dr-meta b{color:var(--ink)}.dr-new{font:400 15px/20px var(--font-study);color:var(--ink);border-bottom:var(--stroke-mark) solid var(--action)}.dr-counter__head{font:700 14px/20px var(--font-ui);justify-content:space-between;display:flex}.dr-counter__bar{height:var(--size-bar);gap:2px;display:flex}.dr-counter__bar i{min-width:3px;height:100%;display:block}.dr-m-none{background:var(--not-learned);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--edge)}.dr-m-bad{background:var(--wrong)}.dr-m-good{background:var(--right-soft)}.dr-m-excellent{background:var(--right)}.dr-counter__legend{gap:var(--space-1) var(--space-4);font:400 13px/18px var(--font-ui);color:var(--ink-muted);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.dr-counter__legend li{align-items:center;gap:var(--space-2);display:flex}.dr-counter__legend i{width:var(--size-swatch);height:var(--size-swatch);flex:none}.dr-counter__legend b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto}.dr-pass__number{font:700 52px/56px var(--font-display);font-variant-numeric:tabular-nums}.dr-pass__number span{margin-left:2px;font-size:26px}.dr-pass__row{justify-content:space-between;gap:var(--space-2);font:400 13px/18px var(--font-ui);color:var(--ink-muted);display:flex}.dr-pass__row b{color:var(--ink);font-variant-numeric:tabular-nums}.dr-track{height:var(--size-track);margin-bottom:var(--space-1);background:var(--rule);border-radius:var(--radius-none);position:relative}.dr-track>i{background:var(--action);height:100%;display:block}.dr-track>b{width:var(--stroke-mark);background:var(--ink);box-shadow:0 0 0 var(--stroke-hairline) var(--card);position:absolute;top:-3px;bottom:-3px}.dr-fine{font:400 13px/18px var(--font-ui);color:var(--ink-muted);margin:0}.dr-kanji{justify-items:center;gap:var(--space-3);display:grid}.dr-kanji__box{box-sizing:border-box;width:var(--size-kanji-box);height:var(--size-kanji-box);background:var(--card);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-paper);place-items:center;display:grid}.dr-kanji__glyph{font:600 160px/1 var(--font-study)}.dr-kanji__chips{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-kanji__meaning{font:700 16px/24px var(--font-ui);margin:0}.dr-readings{box-sizing:border-box;align-items:baseline;gap:var(--space-1) var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);grid-template-columns:auto 1fr auto 1fr;margin:0;display:grid}.dr-readings dt{font:700 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.dr-readings dd{font:400 20px/28px var(--font-study);margin:0}.dr-words{margin:0;padding:0;list-style:none}.dr-word{align-items:baseline;gap:var(--space-3);width:100%;min-height:var(--size-touch);padding:var(--space-2) var(--space-1);border:0;border-bottom:var(--stroke-hairline) solid var(--rule);color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;display:grid}.dr-word__jp{font:400 22px/30px var(--font-study)}.dr-word__reading{font:400 15px/20px var(--font-study);color:var(--ink-muted)}.dr-word__en{font:400 14px/20px var(--font-ui);text-align:right}.dr-tiles{grid-template-columns:repeat(auto-fill, var(--size-tile));gap:var(--space-2);display:grid}.dr-tile{width:var(--size-tile);height:var(--size-tile);border-radius:var(--radius-paper);font:400 30px/30px var(--font-study);color:var(--ink);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.dr-tile--none{background:var(--not-learned);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--edge)}.dr-tile--bad{background:var(--wrong-tint);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--wrong)}.dr-tile__x{width:var(--size-mark-x);height:var(--size-mark-x);color:var(--wrong);position:absolute;top:3px;right:3px}.dr-tile__x svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;width:100%;height:100%;display:block}.dr-tile--l1{background:var(--level-1)}.dr-tile--l2{background:var(--level-2)}.dr-tile--l3{background:var(--level-3)}.dr-tile--l4{background:var(--level-4)}.dr-tile--l5{background:var(--level-5)}.dr-tile--l6{background:var(--level-6)}.dr-tile--l7{background:var(--level-7);color:var(--card)}.dr-tabs{padding:0 var(--space-1) var(--space-3);background:var(--card);border-top:var(--stroke-hairline) solid var(--rule);grid-template-columns:repeat(4,1fr);display:grid}.dr-tab{padding-top:var(--space-2);border-top:var(--stroke-mark) solid transparent;font:500 11px/14px var(--font-ui);color:var(--ink-muted);flex-direction:column;align-items:center;gap:2px;margin-top:-1px;text-decoration:none;display:flex}.dr-tab svg{width:var(--size-icon);height:var(--size-icon);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.dr-tab--on{color:var(--action);border-top-color:var(--action);font-weight:700}@media (prefers-reduced-motion:no-preference){.dr-btn,.dr-option,.dr-chip,.dr-tile{transition:background-color .15s,border-color .15s,color .15s}}
@font-face{font-family:Shippori Mincho B1;src:url(/fonts/shippori-mincho-b1-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(/fonts/zen-kaku-gothic-new-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(/fonts/zen-kaku-gothic-new-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Klee One;src:url(/fonts/klee-one-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Klee One;src:url(/fonts/klee-one-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 16px/24px var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,dl,dd,ol,ul{margin:0}ol,ul{padding:0}.page{--gutter:clamp(16px, 4.5vw, 72px);--g:min(110vh, 165vw);position:relative;overflow-x:clip}a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--ink-muted)}:focus-visible{outline:var(--stroke-mark) solid var(--focus);outline-offset:2px}:where(a[href],button,input,[tabindex]){scroll-margin-block:8px}@media (prefers-reduced-motion:no-preference){a,.sw__track,.sw__thumb,.choice__b{transition:background-color .15s,border-color .15s,color .15s}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.leaders{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leaders path{fill:none;stroke:var(--edge);stroke-width:1px}.rt-off{visibility:hidden}.dr-btn:disabled{background:var(--card);border-color:var(--edge);color:var(--ink-muted);cursor:default}.dr-option__state{white-space:nowrap}.dr-explain__credit a{margin-inline:-2px;padding:0 2px;display:inline-block}.screen{aspect-ratio:804/1590;background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);display:block;overflow:hidden}.screen img{object-fit:cover;width:100%;height:100%;color:var(--ink-muted);font:400 13px/18px var(--font-ui);display:block}.choice{gap:var(--space-1);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.choice__b{min-height:var(--size-touch);padding:0 var(--space-2);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-paper);background:var(--card);color:var(--ink);font:400 15px/20px var(--font-ui);cursor:pointer}.choice__b.is-on{background:var(--action);border-color:var(--action);color:var(--on-action);font-weight:700}.avail{gap:0 var(--space-5);flex-wrap:wrap;display:inline-flex}.avail a{min-height:var(--size-touch);align-items:center;display:inline-flex}.skip{z-index:10;top:var(--space-2);left:var(--space-2);min-height:var(--size-touch);padding:0 var(--space-4);background:var(--card);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-paper);align-items:center;display:inline-flex;position:absolute;transform:translateY(-200%)}.skip:focus{transform:none}.hd{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--gutter);display:flex;position:relative}.hd__brand{min-height:var(--size-touch);font:700 20px/28px var(--font-display);color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.hd__brand img{border-radius:var(--radius-paper);display:block}.hd__nav{gap:var(--space-6);display:flex}.hd__nav a{min-width:var(--size-touch);min-height:var(--size-touch);font:400 15px/20px var(--font-ui);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.hd__nav a:hover{color:var(--ink);text-decoration:underline}@media (max-width:699px){.hd__nav .hd__wide{display:none}}.nf{align-content:center;justify-items:start;gap:var(--space-5);min-height:100vh;padding:var(--space-8) clamp(16px, 4.5vw, 72px);display:grid}.nf img{border-radius:var(--radius-paper);display:block}.nf__title{font:700 clamp(44px, 6.5vw, 96px)/1.04 var(--font-display)}.nf a{min-height:var(--size-touch);align-items:center;display:inline-flex}
.hero__glyph{z-index:0;top:calc(var(--g) * -.22);right:calc(var(--g) * -.26);width:var(--g);height:var(--g);pointer-events:none;position:absolute}.hero__glyph svg{width:100%;height:100%;display:block}.hero__glyph path{fill:none;stroke:var(--rule);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){.stroke-draw{stroke-dasharray:1 2;stroke-dashoffset:1.01px;animation:.7s ease-out forwards stroke-draw;animation-delay:calc(var(--i) * .75s + .2s)}}@keyframes stroke-draw{to{stroke-dashoffset:0}}.hero__gnote{z-index:1;padding:0 var(--gutter);color:var(--ink);position:relative}.hero__copy .dr-eyebrow{color:var(--ink)}.hero__gnote-line{display:none}@media (min-width:1200px){.hero__gnote{z-index:1;top:calc(var(--g) * .055 - 9px);right:clamp(calc(var(--gutter) + 300px), calc(var(--g) * .576 + 8px), calc(100vw - 680px));align-items:center;gap:var(--space-1);white-space:nowrap;padding:0;display:flex;position:absolute}.hero__gnote .dr-jp{margin-right:var(--space-1)}.hero__gnote-line{width:28px;height:var(--stroke-hairline);margin-left:var(--space-2);background:var(--edge);display:block}}.hero__grid{z-index:1;row-gap:var(--space-10);padding:clamp(16px, 3vw, 48px) var(--gutter) clamp(112px, 13vw, 208px);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hero__title{margin-top:var(--space-4);font:700 clamp(56px, 8.5vw, 124px)/1 var(--font-display)}.hero__lead{margin-top:var(--space-8);max-width:31em;font:400 20px/30px var(--font-ui)}.hero__avail{gap:0 var(--space-6);margin-top:var(--space-5);font:700 16px/24px var(--font-ui);flex-wrap:wrap;display:flex}.hero__avail>*{min-height:var(--size-touch);align-items:center;display:inline-flex}.hero__avail>a{font-weight:400}.hero__avail span a{font-weight:700}.hero__demo-eyebrow{z-index:2;margin-bottom:var(--space-8);color:var(--ink);position:relative}.hero__noscript{margin-top:var(--space-10);position:relative}@media (min-width:900px){.hero__grid{grid-template-columns:minmax(0,46fr) minmax(0,54fr);column-gap:clamp(24px,3.4vw,64px)}.hero__title{font-size:clamp(64px,7.8vw,124px)}.hero__demo{margin-top:clamp(0px,6vw,96px)}}.demo{isolation:isolate;max-width:560px;position:relative}.demo__sheet{z-index:0;background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);position:absolute;overflow:hidden}.demo__sheet--a{inset:-8px 14px -22px -12px;transform:rotate(-3deg)}.demo__sheet--b{inset:-14px -30px -14px 30px;transform:rotate(2.5deg)}.demo__sheet-prompt{font:400 92px/1 var(--font-study);color:var(--ink-muted);white-space:nowrap;position:absolute}.demo__sheet,.demo__sheet *{overflow-anchor:none}.demo__sheet--a .demo__sheet-prompt{bottom:-56px;left:-6px}.demo__sheet--b .demo__sheet-prompt{top:34%;right:-38px}.demo__card{z-index:1;gap:var(--space-3);min-height:540px;padding:var(--space-5);background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);flex-direction:column;display:flex;position:relative}.qh{align-items:center;gap:var(--space-3);display:flex}.qh__track{flex:1;margin:0}.qh__count{font:400 13px/18px var(--font-ui);color:var(--ink-muted);white-space:nowrap}.demo__instruction{margin-top:var(--space-2);font:400 14px/20px var(--font-ui);color:var(--ink-muted);text-align:center}.demo__prompt{font:400 clamp(68px, 7.5vw, 100px)/1.15 var(--font-study);text-align:center;white-space:nowrap}.demo__foot{padding-top:var(--space-2);margin-top:auto}.demo__foot.is-pinned{z-index:1;margin-bottom:calc(-1 * var(--space-2));padding-bottom:var(--space-2);background:var(--card);position:sticky;bottom:0}.dr-options,.typed-result{scroll-margin-bottom:calc(var(--size-control) + 2 * var(--space-2))}.demo__card a{scroll-margin-bottom:88px}.demo__score{scroll-margin-top:var(--space-5)}.demo__score:focus{outline:none}.dr-options li:first-child button,.typed__input{scroll-margin-top:200px}.demo__muted{color:var(--ink-muted)}.typed{gap:var(--space-1);display:grid}.typed__label{color:var(--ink-muted)}.typed__input{width:100%;min-height:var(--size-option);padding:var(--space-2) var(--space-4);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-paper);background:var(--card);color:var(--ink);font:400 16px/24px var(--font-ui)}.typed__input:focus-visible{padding:calc(var(--space-2) - 1px) calc(var(--space-4) - 1px);border:var(--stroke-mark) solid var(--focus);outline:none}.typed__message{color:var(--wrong)}.typed-result{gap:var(--space-2);display:grid}.typed-result__hint{font:400 16px/24px var(--font-ui)}.state-line{justify-content:center;align-items:flex-start;gap:var(--space-1);min-height:var(--size-option);padding:var(--space-2) var(--space-4);border:var(--stroke-hairline) solid;border-radius:var(--radius-paper);flex-direction:column;display:flex}.state-line--right{background:var(--right-tint);border-color:var(--right)}.state-line--wrong{background:var(--wrong-tint);border-color:var(--wrong)}.state-line__word{align-items:center;gap:var(--space-1);font:700 14px/20px var(--font-ui);white-space:nowrap;display:inline-flex}.state-line--right .state-line__word{color:var(--right)}.state-line--wrong .state-line__word{color:var(--wrong)}.state-line__word svg{width:var(--size-icon-s);height:var(--size-icon-s);fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.state-line__text{overflow-wrap:anywhere;min-width:0;max-width:100%;font:700 16px/24px var(--font-ui)}.demo__note{gap:var(--space-1);padding-top:var(--space-3);border-top:var(--stroke-hairline) solid var(--rule);color:var(--ink-muted);display:grid}.sent--note{margin-top:var(--space-1);gap:2px;display:grid}.sent--note .dr-study{font:400 22px/36px var(--font-study)}.sent--note .dr-study-en{font:400 15px/22px var(--font-ui);color:var(--ink)}.demo__note-chip{margin-top:var(--space-2)}@media (min-width:1570px){.demo{width:min(500px,100% - 248px)}.demo__note{width:208px;padding:var(--space-2);color:var(--ink);border-top:0;position:absolute;top:96px;left:calc(100% + 40px)}.demo__note .dr-explain__credit{color:var(--ink)}.sent--note .dr-study{font:400 20px/34px var(--font-study)}}.demo__end{gap:var(--space-4);display:grid}.demo__score{font:700 clamp(36px, 3.6vw, 52px)/1.1 var(--font-display)}.demo__rows{list-style:none}.demo__rows li{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--size-touch);padding:var(--space-1) 0;border-top:var(--stroke-hairline) solid var(--rule);flex-wrap:wrap;display:flex}.demo__row-label{font:400 15px/20px var(--font-ui)}.demo__actions{gap:var(--space-2);display:grid}
.prob{--top:clamp(56px, 7vw, 112px);z-index:2;background:var(--paper);color:var(--ink);position:relative}.prob__inner{padding:0 var(--gutter) clamp(72px, 9vw, 144px);position:relative}.prob__title{font:700 clamp(44px, 6.5vw, 96px)/1.04 var(--font-display);max-width:7.5em}.prob__body{margin-top:var(--space-6);max-width:30em;font:400 18px/28px var(--font-ui)}.pc{padding:var(--space-5);background:var(--card);color:var(--ink);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);position:relative}.pc--a{z-index:1;transform:rotate(-2deg)}.pc--b{z-index:2;padding-bottom:calc(var(--space-5) + 48px);transform:rotate(1.5deg)}.pc--c{z-index:3;transform:rotate(-1deg)}.pc__head{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;padding-top:26px;display:flex}.pc__word{font:600 52px/1.1 var(--font-study)}.pc__gloss{font:400 16px/24px var(--font-ui);color:var(--ink-muted)}.pc__sentence{font:400 clamp(23px, 2.4vw, 32px)/1.3 var(--font-study);flex:1 0 100%}.pc__note{margin-top:var(--space-3);padding-left:var(--space-3);border-left:var(--stroke-mark) solid var(--wrong);font:400 16px/24px var(--font-ui)}.pc__under{margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--stroke-hairline) solid var(--rule)}.pc__under-label{color:var(--ink-muted)}.sent--card{gap:2px;display:grid}.sent--card .dr-study{font:400 20px/34px var(--font-study)}.sent--card .dr-study-en{font:400 15px/22px var(--font-ui)}.struck{white-space:nowrap;margin-top:22px;display:inline-block;position:relative}.struck__wrong{font:400 26px/32px var(--font-study);text-decoration:none;display:inline-block;position:relative}.pc__sentence .struck{margin-top:0}.pc__sentence .struck__wrong{font:inherit}.struck__wrong svg{width:116%;height:56%;position:absolute;top:22%;left:-8%;overflow:visible}.struck__wrong path{fill:none;stroke:var(--wrong);stroke-width:2.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.struck__fix{font:600 20px/24px var(--font-study);color:var(--wrong);white-space:nowrap;text-decoration:none;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%)}.prob__caption{color:var(--ink-muted)}@media (max-width:1099px){.prob__inner{flex-direction:column;align-items:flex-start;display:flex}.prob__cards{display:contents}.pc{width:min(440px,86%)}.pc--a{order:0;margin-top:clamp(-96px,-12vw,-56px)}.prob__copy{margin-top:var(--space-10);order:1}.pc--b{margin-top:var(--space-8);order:2;align-self:flex-end}.pc--c{order:3;margin-top:-40px;margin-left:clamp(0px,5vw,64px)}.prob__caption{margin-top:var(--space-5);order:4}}@media (min-width:1100px){.prob__inner{padding-top:var(--top);grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(24px,4vw,72px);display:grid}.prob__cards{position:relative}.pc{width:52%}.pc--a{margin-top:calc(var(--top) * -1 - 104px);padding-bottom:calc(var(--space-5) + 48px)}.pc--b{margin-top:-44px;margin-left:24%}.pc--c{margin-top:-44px;margin-left:48%}.prob__caption{left:0;bottom:var(--space-4);width:40%;position:absolute}}
.src{padding:clamp(72px,10vw,168px) 0 clamp(56px,7vw,112px);position:relative}.trace{padding:0 var(--gutter);position:relative}.src__title{font:700 clamp(40px, 5vw, 76px)/1.05 var(--font-display);max-width:11em}.trace__pick{z-index:1;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex;position:relative}.trace__btn{padding:0 var(--space-4);font:400 22px/30px var(--font-study)}.trace__btn[aria-pressed=true]{padding:0 calc(var(--space-4) - 1px);border:var(--stroke-mark) solid var(--action)}.trace__word{margin:var(--space-6) 0 var(--space-4) -8vw;font:600 clamp(150px, 46vw, 300px)/1.08 var(--font-study);white-space:nowrap;pointer-events:none;position:relative}.trace__chars{display:inline-flex;position:relative}.trace__ch{display:block;position:relative}.mark{background:var(--paper);color:var(--ink);font:700 14px/18px var(--font-ui);padding:0 3px;position:absolute}.mark--k{top:7%;right:8%}.mark--a{top:8%;left:calc(100% + 2px)}.mark--b{top:34%;left:calc(100% + 2px)}.mark--c{bottom:12%;left:calc(100% + 2px)}.notes{margin-top:var(--space-6);list-style:none;position:relative}.note{gap:var(--space-1) var(--space-2);padding:var(--space-3) 0;border-top:var(--stroke-hairline) solid var(--rule);grid-template-columns:24px minmax(0,1fr);display:grid}.note__n{font:700 14px/24px var(--font-ui);place-self:start}.note__main{font:400 16px/24px var(--font-ui)}.note__jp{font:400 22px/30px var(--font-study)}.note__meta{margin-top:var(--space-1);color:var(--ink-muted)}.note__sentence{font:400 22px/38px var(--font-study)}.note__kanji{gap:var(--space-3);min-width:0;display:grid}.kn{gap:var(--space-1);display:grid}.kn__line{font:400 15px/22px var(--font-ui)}.kn__line .dr-jp{font:400 22px/28px var(--font-study)}.kn__strip{gap:var(--space-1);flex-wrap:wrap;display:flex}.kn__step{background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-chip);width:38px;height:38px;display:block}.kn__step path{fill:none;stroke:var(--ink-muted);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.kn__step .stroke-last{stroke:var(--action)}@media (min-width:1000px){.trace{padding:0 var(--gutter) 0 57vw;min-height:calc(1.2*clamp(190px,31vw,640px))}.trace__word{margin:0;font-size:clamp(190px,31vw,640px);position:absolute;top:clamp(0px,2vw,40px);left:-9vw}.mark{background:0 0}.mark--k{background:var(--paper)}}.src__lower{gap:var(--space-8);padding:0 var(--gutter);flex-direction:column;margin-top:clamp(64px,8vw,128px);display:flex;position:relative}.ledger table{border-collapse:collapse;border-bottom:var(--stroke-hairline) solid var(--rule);width:100%}.ledger th,.ledger td{padding:var(--space-3) var(--space-4) var(--space-3) 0;border-top:var(--stroke-hairline) solid var(--rule);font:400 14px/20px var(--font-ui);text-align:left;vertical-align:top}.ledger thead th{font:700 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ledger tbody th{font-weight:700}.ledger a{min-width:var(--size-touch);align-items:center;margin-block:-12px;padding-block:12px;display:inline-flex}.ledger__nobr{white-space:nowrap}@media (max-width:999px){.ledger table,.ledger tbody,.ledger tr,.ledger th,.ledger td{display:block}.ledger thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ledger tr{padding:var(--space-3) 0;border-top:var(--stroke-hairline) solid var(--rule)}.ledger th,.ledger td{border:0;padding:2px 0}.ledger tbody th{font:700 16px/24px var(--font-ui)}.ledger td{gap:var(--space-3);grid-template-columns:minmax(0,36%) minmax(0,1fr);display:grid}.ledger td:before{content:attr(data-label);color:var(--ink-muted);font:400 13px/20px var(--font-ui)}.ledger td.ledger__empty{display:none}.ledger a{margin-block:-8px}.ledger td>a{justify-self:start}.ledger td[data-label=Licence]{padding-top:10px}}.kept{padding:var(--space-6);background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);transform:rotate(1.5deg)}.kept__from{font:700 clamp(40px, 5vw, 72px)/1.05 var(--font-display);color:var(--ink-muted)}.kept__from del{text-decoration:none;display:inline-block;position:relative}.kept__from svg{width:106%;height:46%;position:absolute;top:30%;left:-3%;overflow:visible}.kept__from path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.kept__to{font:700 clamp(72px, 9vw, 132px)/1 var(--font-display)}.kept__text{margin-top:var(--space-4);font:400 16px/24px var(--font-ui)}.kept__fine{margin-top:var(--space-3);color:var(--ink-muted)}.src__jlpt{max-width:34em;font:400 18px/28px var(--font-ui)}@media (min-width:1000px){.src__lower{padding:0 var(--gutter) 0 0;grid-template-columns:minmax(0,66fr) minmax(0,34fr);gap:0 clamp(32px,4vw,72px);display:grid}.ledger{grid-area:1/1}.ledger tr>:first-child{padding-left:var(--gutter)}.kept{grid-area:1/2/span 2;align-self:start;margin-top:-72px}.src__jlpt{margin:var(--space-10) 0 0 calc(var(--gutter) + 12vw);grid-area:2/1}}
.trk{--sheet:clamp(264px, 25vw, 380px);--size-tile:max(56px, 4.6vw);padding:clamp(48px,6vw,96px) 0 clamp(88px,11vw,176px);position:relative}.trk__title{z-index:1;padding:0 var(--gutter);max-width:calc(10.5em + var(--gutter));font:700 clamp(36px, 6vw, 88px)/1.05 var(--font-display);position:relative}.trk__screen{z-index:0;width:clamp(150px,19vw,320px);position:absolute;top:clamp(16px,3vw,56px);right:clamp(-44px,1vw,96px);transform:rotate(3deg)}.map{z-index:1;margin-top:var(--space-10);cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;background:var(--paper);scroll-padding-left:calc(var(--sheet) + var(--gutter));scroll-padding-right:var(--gutter);position:relative;overflow-x:auto}.map::-webkit-scrollbar{display:none}.map__grid{gap:var(--space-2);width:max-content;padding:var(--space-2) var(--gutter) var(--space-2) calc(var(--sheet) + var(--gutter));display:grid}.map__row{gap:var(--space-2);display:flex}.map .dr-tile{font:400 calc(var(--size-tile) * .54)/1 var(--font-study)}.dr-tile.is-chosen{outline:var(--stroke-mark) solid var(--action);outline-offset:1px}.dr-tile.is-chosen:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.trk__under{z-index:2;gap:var(--space-8);padding:0 var(--gutter);flex-direction:column;display:flex;position:relative}.trk__sheet{gap:var(--space-3);width:min(var(--sheet), 100%);padding:var(--space-5);background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);margin-top:-28px;display:grid;transform:rotate(-1.5deg)}.trk__text{font:400 16px/24px var(--font-ui)}.panel{align-items:start;gap:var(--space-4) clamp(20px, 4vw, 56px);grid-template-columns:auto minmax(0,1fr);display:grid}.panel__glyph{font:600 clamp(96px, 11vw, 168px)/1 var(--font-study)}.panel__facts{gap:var(--space-3);padding-top:var(--space-2);display:grid}.panel__when{font:700 18px/26px var(--font-ui)}.panel__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ivl{margin-top:var(--space-3);padding:var(--space-2) 44px 26px 8px;max-width:560px;position:relative}.ivl__line{height:var(--stroke-hairline);background:var(--edge);position:relative}.ivl__tick{width:var(--stroke-hairline);background:var(--edge);height:9px;position:absolute;top:-4px}.ivl__tick b{font:400 13px/18px var(--font-ui);color:var(--ink-muted);position:absolute;top:12px;left:0;transform:translate(-50%)}.ivl__tick.is-on{background:var(--action);width:3px;height:15px;margin-left:-1px;top:-7px}.ivl__tick.is-on b{color:var(--ink);font-weight:700;top:15px;left:1px}.ivl__unit{font:400 13px/18px var(--font-ui);color:var(--ink-muted);position:absolute;bottom:0;right:0}@media (max-width:899px){.trk__title{padding-right:36vw}.map{scroll-padding-left:var(--gutter)}.map__grid{padding-left:var(--gutter)}.trk__under{margin-top:var(--space-5)}.panel{order:-1}.trk__sheet{margin-top:0}}@media (max-width:413px){.trk__screen{right:-64px}}@media (max-width:559px){.panel{grid-template-columns:minmax(0,1fr)}}@media (min-width:900px){.trk__title{max-width:calc(9em + var(--gutter) + 12vw)}.trk__under{grid-template-columns:var(--sheet) minmax(0, 1fr);column-gap:clamp(32px,6vw,112px);display:grid}.trk__sheet{margin-top:calc(var(--size-tile) * -1.5);width:100%}.panel{padding-top:var(--space-8)}}
.yours{padding:clamp(24px,4vw,64px) 0 clamp(64px,7vw,112px);position:relative}.yours__top{gap:var(--space-10);flex-direction:column;display:flex}.fan{--w:clamp(128px, 40vw, 200px);height:calc(var(--w) * 2.62);position:relative}.fan__note{left:var(--gutter);color:var(--ink-muted);position:absolute;bottom:0}.fan .screen{width:var(--w);position:absolute}.fan__a{z-index:1;top:24px;left:calc(var(--w) * -.18);transform:rotate(-4deg)}.fan__b{z-index:2;top:0;left:calc(var(--w) * .44);transform:rotate(-1.5deg)}.fan__c{z-index:3;top:calc(var(--w) * .34);left:calc(var(--w) * 1.06);transform:rotate(3deg)}.yours__right{padding:0 var(--gutter)}.yours__title{font:700 clamp(40px, 5.4vw, 84px)/1.05 var(--font-display);max-width:9em}.set{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.set__card{padding:var(--space-4);background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper)}.set__title{padding-bottom:var(--space-3);font:700 16px/24px var(--font-ui)}.sw{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:var(--size-touch);padding:var(--space-3) 0;border:0;border-top:var(--stroke-hairline) solid var(--rule);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.sw__text{gap:2px;display:grid}.sw__title{font:400 16px/24px var(--font-ui)}.sw__line{font:400 14px/20px var(--font-ui);color:var(--ink-muted)}.sw__track{background:var(--card);border:var(--stroke-hairline) solid var(--edge);border-radius:var(--radius-paper);flex:none;align-items:center;width:40px;height:24px;padding:3px;display:flex}.sw__thumb{background:var(--ink-muted);border-radius:var(--radius-chip);width:16px;height:16px;display:block}.sw__track.is-on{background:var(--action);border-color:var(--action);justify-content:flex-end}.sw__track.is-on .sw__thumb{background:var(--on-action)}.set__session{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--stroke-hairline) solid var(--rule);display:grid}.set__session-title{font:400 16px/24px var(--font-ui)}.set__muted{color:var(--ink-muted)}.set__specimen{align-content:start;gap:var(--space-1);display:grid}.set__show{justify-self:start}.set__word{align-items:baseline;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) 0;border-top:var(--stroke-hairline) solid var(--rule);border-bottom:var(--stroke-hairline) solid var(--rule);grid-template-columns:auto auto minmax(0,1fr);display:grid}.set__word-jp{font:400 22px/30px var(--font-study)}.set__word-reading{display:grid}.rows{padding-left:var(--gutter);border-bottom:var(--stroke-hairline) solid var(--rule);margin-top:clamp(56px,8vw,120px)}.rows__row{gap:var(--space-1);padding:var(--space-5) var(--gutter) var(--space-5) 0;border-top:var(--stroke-hairline) solid var(--rule);grid-template-columns:minmax(0,1fr);display:grid}.rows__row dt{font:700 clamp(22px, 2.4vw, 32px)/1.2 var(--font-display)}.rows__row dd{font:400 16px/24px var(--font-ui);max-width:38em}@media (min-width:900px){.yours__top{grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:start;column-gap:clamp(16px,2vw,40px);display:grid}.fan{--w:clamp(180px, 20vw, 340px);margin-top:var(--space-6)}.yours__right{padding-left:0}.rows{margin-left:22vw;padding-left:0}.rows__row{column-gap:var(--space-8);grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}@media (min-width:1280px){.set{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}}@media (max-width:1279px){.set{flex-direction:column;display:flex}.set__specimen{order:-1}.set__specimen .dr-study-en{min-height:48px}.set__word-reading{min-height:42px}}@media (max-width:1279px) and (min-height:480px){.set__specimen{z-index:1;padding-block:var(--space-2);background:var(--paper);position:sticky;top:0}.set .sw,.set .choice__b{scroll-margin-top:290px}}
.time{padding:clamp(72px,9vw,152px) 0 clamp(64px,7vw,120px);position:relative}.time__intro{z-index:1;padding:0 var(--gutter);position:relative}.time__title{font:700 clamp(44px, 6vw, 92px)/1.04 var(--font-display);max-width:7em}.time__body{margin-top:var(--space-6);max-width:30em;font:400 18px/28px var(--font-ui)}.pace{--tilt:-2deg;--tuck:0px;--unit-lift:calc(3.4vw + 8px);margin-top:var(--space-8)}.pace__top{gap:var(--space-5);padding:0 var(--gutter);flex-direction:column;display:flex}.pace__choice{z-index:1;width:min(320px,100%);position:relative}.pace__number{font:700 clamp(min(150px, 38vw), 28vw, 460px)/.82 var(--font-display);white-space:nowrap;pointer-events:none;align-self:flex-end}.pace__unit{bottom:var(--unit-lift);font:700 clamp(24px, 3vw, 44px)/1 var(--font-display);position:relative}.ruler{z-index:2;height:112px;width:calc(100% - var(--gutter) + 8vw);margin:calc(-1 * var(--tuck)) 0 0 var(--gutter);transform:rotate(var(--tilt));transform-origin:0 64px;position:relative}.ruler:before{content:"";top:0;bottom:0;right:0;left:calc(-1 * var(--gutter) - 8vw);background:var(--card);border-block:var(--stroke-hairline) solid var(--rule);position:absolute}.ruler__line{height:var(--stroke-hairline);background:var(--edge);position:absolute;top:64px;left:0;right:0}.ruler__tick{width:var(--stroke-hairline);background:var(--edge);height:7px;position:absolute;top:64px}.ruler__tick.is-large{height:13px}.ruler__tick b{font:400 13px/18px var(--font-ui);color:var(--ink-muted);position:absolute;top:16px;left:0;transform:translate(-50%)}.ruler__mark{width:var(--stroke-mark);background:var(--action);margin-left:-1px;position:absolute}.ruler__mark--kana{height:39px;top:34px}.ruler__mark--all{height:65px;top:8px}.ruler__mark span{font:700 14px/20px var(--font-ui);white-space:nowrap;position:absolute;top:-2px}.ruler__mark--kana span{left:calc(100% + 6px)}.ruler__mark--all span{right:calc(100% + 6px)}.ruler__mark--all.on-right span{left:calc(100% + 6px);right:auto}@media (max-width:449px){.ruler__mark--all.on-right span{white-space:normal;width:122px}}.pace__warn{min-height:18px;margin:var(--space-3) var(--gutter) 0;color:var(--ink-muted)}.time__after{gap:var(--space-5);margin-top:var(--space-6);padding:0 var(--gutter);display:grid}@media (max-width:640px){.pace__warn{min-height:36px}}.time__label{font:400 16px/24px var(--font-ui);max-width:36em}.time__scope{color:var(--ink-muted)}.time__long{font:400 18px/28px var(--font-ui);max-width:34em}@media (min-width:900px){.time__intro{max-width:calc(40vw + var(--gutter))}.pace__number{font-size:clamp(150px,24vw,460px)}.pace{--tilt:-1.4deg;--tuck:-8px;--unit-lift:calc(2.8vw + 2px);margin-top:clamp(-260px,-13vw,-96px)}.pace__top{flex-direction:row;justify-content:space-between;align-items:flex-end}.pace__choice{margin-bottom:var(--space-6)}.time__after{padding-left:calc(var(--gutter) + 6vw);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,6vw,112px)}.time__small{grid-column:2}}@media (min-width:900px) and (max-width:1099px){.pace{margin-top:var(--space-6)}}
.close{--m:min(110vw, 620px);padding:calc(var(--m) * .7) var(--gutter) clamp(72px, 8vw, 120px);background:var(--brand-slate);color:var(--brand-white);position:relative}.close__bleed{pointer-events:none;position:absolute;inset:0;overflow:hidden}.close__mark{top:calc(var(--m) * -.2);right:calc(var(--m) * -.25);width:var(--m);max-width:none;height:auto;display:block;position:absolute}.close__words{z-index:1;position:relative}.close__title{font:700 clamp(52px, 8vw, 124px)/1.02 var(--font-display);max-width:6em}.close__text{margin-top:var(--space-6);max-width:28em;font:400 20px/30px var(--font-ui)}.close__slip{z-index:2;left:var(--gutter);max-width:calc(100% - 2 * var(--gutter));padding:var(--space-3) var(--space-5);color:var(--ink);font:700 16px/24px var(--font-ui);position:absolute;bottom:0;transform:translateY(50%)}.close__slip:before{content:"";z-index:-1;background:var(--card);border:var(--stroke-hairline) solid var(--rule);border-radius:var(--radius-paper);position:absolute;inset:0;transform:rotate(-1.5deg)}@media (min-width:768px){.close{--m:clamp(620px, 78vw, 1800px);min-height:calc(var(--m) * .66);flex-direction:column;justify-content:flex-end;padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(56px,6vw,96px);display:flex}.close__mark{top:calc(var(--m) * -.12);right:calc(var(--m) * -.28)}.close__title{font-size:clamp(72px,11vw,280px)}.close__text{max-width:min(28em,42vw)}.close__slip{left:auto;right:max(var(--gutter), calc(var(--m) * .208 - 150px))}}.ft{gap:var(--space-5);padding:calc(var(--space-10) + var(--space-8)) var(--gutter) var(--space-10);color:var(--ink-muted);font:400 13px/24px var(--font-ui);grid-template-columns:minmax(0,1fr);display:grid}.ft__sources{gap:var(--space-2);list-style:none;display:grid}@media (min-width:900px){.ft{padding-left:calc(var(--gutter) + 22vw)}.ft__sources{columns:2;column-gap:var(--space-10);display:block}.ft__sources li{break-inside:avoid;margin-bottom:var(--space-2)}}.ft a{margin-inline:-2px;padding:0 2px}.ft__legal{align-items:center;column-gap:var(--space-6);color:var(--ink);font:400 15px/20px var(--font-ui);flex-wrap:wrap;display:flex}.ft__legal a{min-height:var(--size-touch);align-items:center;display:inline-flex}@media (min-width:768px) and (max-width:859px){.close{min-height:calc(var(--m) * .72)}}
.legal{padding:var(--space-8) var(--gutter) var(--space-10);justify-items:start;display:grid}.legal>*{max-width:40rem}.legal__title{font:700 clamp(40px, 6vw, 72px)/1.05 var(--font-display)}.legal__updated{margin-top:var(--space-4);color:var(--ink-muted);font:400 15px/24px var(--font-ui)}.legal h2{margin-top:var(--space-10);font:700 24px/32px var(--font-display)}.legal p,.legal li{font:400 17px/28px var(--font-ui)}.legal p{margin-top:var(--space-3)}.legal ul{gap:var(--space-2);margin-top:var(--space-3);padding-left:1.25em;display:grid}.legal a{overflow-wrap:anywhere}.hd__nav a[aria-current=page]{color:var(--ink);text-decoration:underline}@media (min-width:900px){.legal{padding-left:calc(var(--gutter) + 22vw)}}
@media (forced-colors:active){.sw__thumb{background:canvastext}.sw__track.is-on{color:highlighttext;background:highlight}.choice__b.is-on{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.sw__track.is-on .sw__thumb{background:highlighttext}.ruler__line,.ruler__tick,.ivl__line,.ivl__tick{background:canvastext}.ruler__mark,.ivl__tick.is-on{background:highlight}.dr-tile,.dr-level i,.dr-counter__bar i,.dr-counter__legend i,.dr-track>i{forced-color-adjust:none}.dr-track{outline:var(--stroke-hairline) solid CanvasText}.dr-counter__legend{margin-top:var(--space-1)}}