@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-cyrillic-ext-wght-normal.2lzuhnbfi3mcm.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-cyrillic-wght-normal.1-tzwk988ax14.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-greek-ext-wght-normal.01eiqqec1lw7p.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-greek-wght-normal.177yzbi0hm2pm.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-vietnamese-wght-normal.0qd74ie1ti_46.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-latin-ext-wght-normal.3yqw-2spl8ubg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/eb-garamond-latin-wght-normal.1onut6oglsyox.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-noto-serif-jp:"Noto Serif JP Variable";--font-eb-garamond:"EB Garamond Variable";--ink:#0a0a0a;--paper:#fbfbf9;--muted:#686762;--line:#0a0a0a2e;--line-strong:#0a0a0a6b;--furiflow-primary-color:#6a0dad;--sub-primary-color:#b555fa;--light-primary-color:#eee1f8e0;--sub-secondary-color:#d6b4df;--furiflow-yellow:#f7d16b;--paper-texture:url(/images/washi-paper.png)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;scroll-padding-top:98px;overflow-x:clip}body{background:var(--paper);min-width:320px;min-height:100dvh;color:var(--ink);font-family:var(--font-noto-serif-jp), "Yu Mincho", serif;margin:0;overflow-x:clip}body:before{content:"";z-index:20;pointer-events:none;background-image:var(--paper-texture);mix-blend-mode:multiply;opacity:.28;background-size:720px 720px;position:fixed;inset:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell,.site-content{min-height:100dvh}.skip-link{z-index:30;border:1px solid var(--furiflow-primary-color);background:var(--paper);color:var(--furiflow-primary-color);padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .16s;position:fixed;top:10px;left:18px;transform:translateY(calc(-100% - 20px))}.skip-link:focus{transform:translateY(0)}.site-header{z-index:8;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--furiflow-primary-color) 2%, var(--paper));min-height:84px;box-shadow:0 8px 22px color-mix(in srgb, var(--furiflow-primary-color) 7%, transparent);direction:ltr;grid-template-columns:minmax(170px,1fr) minmax(0,max-content) 58px;align-items:stretch;padding:0 clamp(20px,4vw,72px);display:grid;position:sticky;top:0}.wordmark{align-self:center;align-items:baseline;gap:14px;width:max-content;text-decoration:none;display:flex;position:relative}.wordmark:before{content:"";background:var(--furiflow-primary-color);border-radius:1px;width:4px;height:18px}.wordmark span{letter-spacing:-.04em;font-size:20px;font-weight:600}.wordmark small,.latin-label,.site-header nav,.catalogue-toolbar,footer,.modal-topbar,.modal-controls{font-family:var(--font-eb-garamond), Georgia, serif}.wordmark small{color:var(--furiflow-primary-color);letter-spacing:.15em;font-size:10px}.site-header nav{scrollbar-width:none;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{min-width:72px;color:var(--muted);place-items:center;padding:0 18px;font-size:16px;font-weight:400;text-decoration:none;transition:background .18s,color .18s,font-weight .18s;display:grid;position:relative}.site-header nav a:after{content:"";background:var(--furiflow-primary-color);transform-origin:0;height:3px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(0)}.site-header nav a:hover{background:color-mix(in srgb, var(--furiflow-primary-color) 4%, transparent);color:var(--ink)}.site-header nav a.active{background:color-mix(in srgb, var(--furiflow-primary-color) 11%, var(--paper));color:var(--furiflow-primary-color);font-weight:600}.site-header nav a.active:after{transform:scaleX(1)}.language-switcher{z-index:2;place-items:stretch stretch;display:grid;position:relative}.language-trigger{border:0;border-inline-start:1px solid var(--line);min-width:58px;color:var(--muted);cursor:pointer;font-family:var(--font-eb-garamond), Georgia, serif;letter-spacing:.06em;background:0 0;justify-content:center;align-items:center;gap:5px;font-size:12px;transition:background .18s,color .18s;display:inline-flex}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:var(--light-primary-color);color:var(--furiflow-primary-color)}.language-menu{border:1px solid var(--line-strong);background:var(--paper);width:min(360px,100vw - 32px);box-shadow:0 18px 45px color-mix(in srgb, var(--furiflow-primary-color) 14%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.language-menu button{min-height:42px;color:var(--muted);cursor:pointer;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.language-menu button:hover{background:color-mix(in srgb, var(--furiflow-primary-color) 6%, transparent);color:var(--ink)}.language-menu button.active{background:var(--light-primary-color);color:var(--furiflow-primary-color);font-weight:600}.language-menu button[data-group-start=true]{border-top:1px solid var(--line)}@media (min-width:768px){.language-menu button[data-group-start=true]+button{border-top:1px solid var(--line)}}html[lang=ar] body{font-family:Segoe UI,Tahoma,Arial,sans-serif}html[lang=hi] body,html[lang=bn] body{font-family:Nirmala UI,Segoe UI,sans-serif}html[lang=ko] body{font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif}html[lang=zh-TW] body{font-family:Microsoft JhengHei,PingFang TC,serif}html[lang=vi] body,html[lang=es] body,html[lang=fr] body,html[lang=pt] body,html[lang=id] body,html[lang=ru] body{font-family:Segoe UI,Arial,sans-serif}.kanji-character,.kanji-readings,.modal-glyph,.vocabulary-heading,.example-sentence-row blockquote,.modal-neighbor-glyph{font-family:var(--font-noto-serif-jp), "Yu Mincho", serif}.kanji-grid,.modal-glyph,.reading-pair,.vocabulary-heading,.example-sentence-row blockquote,.modal-controls{direction:ltr}main{padding:0 clamp(20px,4vw,72px)}.grade-intro{grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);align-items:center;gap:clamp(48px,7vw,120px);min-height:min(46dvh,470px);padding:64px 0 58px;display:grid;position:relative}.grade-title{min-width:0}.grade-title>.latin-label{color:var(--furiflow-primary-color)}.latin-label{letter-spacing:.2em;margin:0 0 16px;font-size:11px}.grade-intro h1{letter-spacing:-.075em;width:max-content;margin:0;font-size:clamp(76px,10vw,138px);font-weight:400;line-height:.78;position:relative}.grade-intro h1:after{content:"";background:var(--furiflow-primary-color);width:.3em;height:4px;position:absolute;bottom:-.2em;right:-.14em}.grade-description{color:var(--muted);margin:34px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.6}.grade-basis{color:var(--muted);letter-spacing:.04em;margin:4px 0 0;font-size:13px;line-height:1.6}.grade-basis span{color:var(--furiflow-primary-color);font-weight:600}.grade-inline-stats{color:var(--muted);font-family:var(--font-eb-garamond), Georgia, serif;letter-spacing:.1em;align-items:baseline;gap:8px;margin:10px 0 0;font-size:12px;display:flex}.grade-inline-stats strong{color:var(--furiflow-primary-color);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:500}.grade-inline-stats .vocabulary-count{color:color-mix(in srgb, var(--furiflow-yellow) 66%, #6d5312)}.grade-inline-stats i{color:var(--line-strong);margin:0 4px;font-style:normal}.grade-overview{background:var(--furiflow-primary-color);min-height:238px;color:var(--paper);align-self:center;padding:28px clamp(24px,2.6vw,38px) 20px;position:relative}.grade-overview:after{content:"";background:var(--furiflow-yellow);width:36px;height:4px;position:absolute;bottom:0;right:0}.grade-overview-heading{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.grade-overview-heading h2{letter-spacing:.03em;margin:0;font-size:17px;font-weight:500}.grade-overview-heading span{font-family:var(--font-eb-garamond), Georgia, serif;font-variant-numeric:tabular-nums;letter-spacing:.14em;opacity:.68;direction:ltr;unicode-bidi:isolate;font-size:10px}.grade-overview dl{margin:26px 0 0}.grade-overview dl div{border-top:1px solid #fbfbf947;justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.grade-overview dt{letter-spacing:.04em;opacity:.74;font-size:14px;font-weight:400}.grade-overview dd{font-family:var(--font-eb-garamond), Georgia, serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:0;font-size:clamp(32px,3.1vw,46px);font-weight:400;line-height:1}.catalogue{border-top:1px solid var(--line-strong);scroll-margin-top:98px}.catalogue-toolbar{grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:24px;min-height:76px;font-size:14px;display:grid}.catalogue-toolbar>p{color:var(--muted);margin:0}.catalogue-toolbar>p small{color:var(--furiflow-primary-color);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:4px;font-size:10px;display:block}.search-field{border-bottom:1px solid var(--line-strong);align-items:center;gap:10px;height:42px;display:flex}.search-field input{min-width:0;color:var(--ink);font-family:var(--font-noto-serif-jp), serif;background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-field input::placeholder{color:#6d6b66;opacity:1}.search-field button,.empty-state button{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;font-size:12px}.range-navigator{border-bottom:1px solid var(--line-strong);background:color-mix(in srgb, var(--furiflow-primary-color) 2%, var(--paper));min-height:60px;font-family:var(--font-eb-garamond), Georgia, serif;grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.range-navigator-top{z-index:6;border-top:1px solid var(--line-strong);position:sticky;top:84px}.range-navigator-bottom{border-top:1px solid var(--line-strong)}.range-navigator button{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-size:12px;transition:background .18s,color .18s;display:inline-flex}.range-navigator button:first-child{justify-self:start}.range-navigator button:last-child{justify-self:end}.range-navigator button:hover:not(:disabled){background:color-mix(in srgb, var(--furiflow-primary-color) 6%, transparent);color:var(--furiflow-primary-color)}.range-navigator button:active:not(:disabled){transform:translateY(1px)}.range-navigator button:disabled{cursor:default;opacity:.3}.range-navigator label{align-items:center;display:flex}.range-navigator select{border:0;border-bottom:1px solid color-mix(in srgb, var(--furiflow-primary-color) 52%, transparent);min-width:132px;height:36px;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;text-align:center;background:0 0;outline:0;font-family:inherit;font-size:13px}.range-navigator select:focus-visible{outline:1px solid var(--furiflow-primary-color);outline-offset:3px}.range-navigator label small{border-left:1px solid var(--line);min-width:58px;color:var(--furiflow-primary-color);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-align:right;font-size:9px}.kanji-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.kanji-cell{aspect-ratio:1/1.08;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;opacity:0;background:#fbfbf929;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;padding:0;display:grid;position:relative;overflow:hidden;transform:translateY(10px)}.kanji-cell:before{content:"";background:var(--furiflow-primary-color);transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(101%)}.kanji-cell:hover:before,.kanji-cell:focus-visible:before{transform:translateY(0)}.kanji-cell:active{transform:scale(.98)}.kanji-cell:hover .kanji-character,.kanji-cell:hover .kanji-readings,.kanji-cell:focus-visible .kanji-character,.kanji-cell:focus-visible .kanji-readings{color:var(--paper)}.kanji-cell:hover .kanji-grid-square,.kanji-cell:focus-visible .kanji-grid-square{--grid-line:#eee1f89e;background-color:#eee1f814;border-color:#eee1f8b8}.kanji-character,.kanji-readings{z-index:1;transition:color .18s;position:relative}.kanji-grid-square{--grid-line:color-mix(in srgb, var(--furiflow-primary-color) 28%, transparent);aspect-ratio:1;border:1px solid color-mix(in srgb, var(--furiflow-primary-color) 43%, transparent);background-color:color-mix(in srgb, var(--light-primary-color) 42%, transparent);place-items:center;transition:border-color .18s,background-color .18s;display:grid;position:relative}.kanji-grid-square:before,.kanji-grid-square:after{content:"";z-index:0;pointer-events:none;background:var(--grid-line);position:absolute}.kanji-grid-square:before{height:1px;top:50%;left:0;right:0}.kanji-grid-square:after{width:1px;top:0;bottom:0;left:50%}.kanji-character{width:clamp(58px,6vw,92px);font-size:clamp(40px,4.15vw,64px);font-weight:500;line-height:1}.kanji-character>b{z-index:1;font:inherit;font-weight:inherit;line-height:1;display:block;position:relative;transform:translateY(-.025em)}.kanji-character img{z-index:1;object-fit:contain;width:86%;height:86%;display:block;position:relative}.kanji-readings{box-sizing:border-box;color:#383633;align-content:center;gap:2px;width:100%;min-height:30px;margin:7px auto 0;padding:0 8px;font-size:14px;line-height:1.4;display:grid}.kanji-reading{text-align:center;min-width:0;display:block}.kanji-reading b{word-break:keep-all;overflow-wrap:anywhere;text-align:center;min-width:0;font-weight:400;display:block}@media (prefers-reduced-motion:no-preference){.kanji-cell{animation:.48s cubic-bezier(.16,1,.3,1) forwards cell-enter;animation-delay:var(--delay)}@keyframes cell-enter{to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kanji-cell{opacity:1;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.empty-state{border-top:1px solid var(--line);min-height:260px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty-state button{color:var(--ink);padding:6px 0}.modal-load-error{border-bottom:1px solid color-mix(in srgb, var(--furiflow-primary-color) 24%, var(--line));background:color-mix(in srgb, var(--light-primary-color) 45%, transparent);color:var(--muted);margin:0;padding:12px 20px;font-size:13px;line-height:1.5}.site-footer{border-top:1px solid var(--line-strong);color:var(--muted);margin:72px clamp(20px,4vw,72px) 0;padding:44px 0 38px;font-size:12px}.site-footer p,.site-footer dl,.site-footer dd{margin:0}.site-footer a{text-underline-offset:4px}.footer-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.footer-heading .latin-label{margin:0 0 9px}.footer-heading h2{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(31px,4vw,56px);font-weight:400;line-height:1}.footer-heading>p{text-align:right;max-width:470px}.footer-summary{text-wrap:balance;line-height:1.8}.footer-summary strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:400}.footer-chart{margin:36px 0 0}.footer-chart-head,.footer-chart-row{grid-template-columns:minmax(74px,.42fr) minmax(220px,1fr) minmax(220px,1fr);align-items:center;gap:clamp(20px,3vw,54px);display:grid}.footer-chart-head{border-bottom:1px solid var(--line-strong);min-height:40px;color:var(--ink);letter-spacing:.1em;font-size:10px}.footer-chart-head>span:not(:first-child){align-items:center;gap:8px;display:flex}.chart-key{width:18px;height:6px;display:inline-block}.chart-key-character{background:var(--furiflow-primary-color)}.chart-key-vocabulary{border:1px solid color-mix(in srgb, var(--ink) 24%, transparent);background:var(--furiflow-yellow)}.footer-chart-rows{border-bottom:1px solid var(--line-strong)}.footer-chart-row{border-bottom:1px solid var(--line);min-width:0;min-height:53px;color:var(--muted);padding:7px 10px 7px 0;text-decoration:none;transition:background .2s,color .2s;position:relative}.footer-chart-row:last-child{border-bottom:0}.footer-chart-row:before{content:"";background:var(--furiflow-primary-color);opacity:0;width:2px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.footer-chart-row:hover{color:var(--ink);background:#0a0a0a06}.footer-chart-row:active{background:#0a0a0a0b}.footer-chart-row.active{background:color-mix(in srgb, var(--furiflow-primary-color) 7%, var(--paper));color:var(--furiflow-primary-color)}.footer-chart-row.active:before{opacity:1}.footer-chart-grade{justify-content:space-between;align-items:baseline;gap:10px;padding-left:12px;display:flex}.footer-chart-grade span{color:var(--ink);letter-spacing:-.04em;font-size:19px}.footer-chart-row.active .footer-chart-grade span{color:var(--furiflow-primary-color)}.footer-chart-grade small{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:9px}.footer-bar-cell{grid-template-columns:minmax(0,1fr) minmax(38px,auto);align-items:center;gap:12px;min-width:0;display:grid}.footer-bar-label{display:none}.footer-bar-track{background:#0a0a0a11;height:9px;display:block;position:relative;overflow:hidden}.footer-bar{width:var(--bar-size);transform-origin:0;height:100%;transition:filter .2s;display:block}.footer-bar-character{background:var(--furiflow-primary-color)}.footer-bar-vocabulary{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);background:var(--furiflow-yellow)}.footer-chart-row:hover .footer-bar{filter:saturate(1.1)}.footer-bar-cell strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;font-size:14px;font-weight:400}.footer-chart-row.active .footer-bar-cell strong{color:var(--furiflow-primary-color)}.footer-chart-note{letter-spacing:.03em;font-size:10px;margin-top:12px!important}.footer-meta{border-top:1px solid var(--line);justify-content:space-between;margin-top:30px;padding-top:18px;display:flex}.modal-layer{z-index:10;background:#0a0a0ab8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.kanji-modal{background:var(--paper);border:1px solid #fbfbf9b3;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);max-height:min(820px,100dvh - 44px);animation:.26s cubic-bezier(.16,1,.3,1) both modal-in;display:grid;box-shadow:0 28px 90px #0a0a0a3d}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}.modal-topbar,.modal-controls{justify-content:space-between;align-items:center;min-height:58px;padding:0 24px;font-size:12px;display:flex}.modal-topbar{border-bottom:1px solid var(--line);position:relative}.modal-topbar p{margin:0}.modal-topbar button,.modal-controls button{cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.modal-topbar button{padding:8px}.modal-topbar-actions{align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.modal-topbar-actions a{min-height:32px;color:var(--muted);border-bottom:1px solid #0000;align-items:center;gap:6px;padding:0 7px;font-size:11px;text-decoration:none;transition:border-color .18s,color .18s;display:inline-flex}.modal-topbar-actions a:hover{border-color:var(--sub-primary-color);color:var(--furiflow-primary-color)}.modal-content{grid-template-columns:.76fr 1.24fr;min-height:0;display:grid;overflow:hidden}.modal-glyph{border-right:1px solid var(--line);background:color-mix(in srgb, var(--light-primary-color) 27%, var(--paper));align-content:center;padding:42px;display:grid}.modal-glyph h2{letter-spacing:-.06em;width:min(250px,100%);height:min(250px,100%);min-height:min(250px,100%);margin:0 auto;font-size:clamp(112px,15vw,194px);font-weight:400;line-height:1}.modal-grid-square{--grid-line:color-mix(in srgb, var(--furiflow-primary-color) 52%, transparent);border-color:color-mix(in srgb, var(--furiflow-primary-color) 58%, transparent);background-color:color-mix(in srgb, var(--light-primary-color) 58%, var(--paper));overflow:hidden}.modal-static-glyph{z-index:1;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.modal-static-glyph.hidden{opacity:0}.modal-glyph h2 img{z-index:1;object-fit:contain;width:86%;height:86%;display:block;position:relative}.stroke-order-canvas{z-index:2;opacity:0;width:86%;height:86%;transition:opacity .18s;position:absolute;inset:7%;overflow:visible}.stroke-order-canvas.visible{opacity:1}.stroke-path{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.stroke-path.pending,.stroke-path.active{stroke-dasharray:var(--stroke-length,1000) var(--stroke-length,1000);stroke-dashoffset:var(--stroke-length,1000)}.stroke-path.pending{visibility:hidden;opacity:0}.stroke-path.complete{visibility:visible;opacity:1;stroke-dasharray:none;stroke-dashoffset:0}.stroke-path.active{visibility:visible;opacity:1;animation:.72s cubic-bezier(.4,0,.2,1) forwards stroke-draw}.stroke-path.active.paused{animation-play-state:paused}@keyframes stroke-draw{to{stroke-dashoffset:0}}.stroke-player{width:min(250px,100%);margin:13px auto 0}.stroke-controls{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.stroke-controls button{background:color-mix(in srgb, var(--furiflow-primary-color) 6%, transparent);min-height:34px;color:var(--furiflow-primary-color);cursor:pointer;border:0;justify-content:center;align-items:center;gap:5px;font-size:10px;transition:background .18s,color .18s,transform .18s;display:inline-flex}.stroke-controls button:hover:not(:disabled){background:var(--light-primary-color)}.stroke-controls button:active:not(:disabled){transform:translateY(1px)}.stroke-controls button:disabled{cursor:default;opacity:.32}.stroke-meta{color:var(--muted);font-family:var(--font-eb-garamond), Georgia, serif;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;margin-top:6px;font-size:8px;line-height:1.35;display:flex}.stroke-meta a{color:var(--muted);text-underline-offset:2px}.stroke-meta a:hover{color:var(--ink)}@media (max-width:1240px) and (min-width:768px){html{scroll-padding-top:132px}.site-header{grid-template-columns:1fr;padding-top:0}.wordmark{min-height:68px}.site-header nav{border-top:1px solid var(--line);scrollbar-width:none;min-width:0;overflow-x:auto}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{min-height:58px}.catalogue{scroll-margin-top:140px}.range-navigator-top{top:126px}}.reading-pair{grid-template-columns:1fr 1fr;gap:24px;margin-top:35px;display:grid}.reading-pair .reading-label{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:400}.reading-label{border-left:2px solid var(--sub-primary-color);padding-left:8px;display:inline-block}.reading-pair p{margin:7px 0 0;font-size:15px;line-height:1.6}.speech-button{border:1px solid color-mix(in srgb, var(--furiflow-primary-color) 28%, transparent);min-height:28px;color:var(--furiflow-primary-color);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;margin-top:7px;padding:3px 8px;font-size:10px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.speech-button:hover:not(:disabled){border-color:var(--sub-primary-color);background:var(--light-primary-color)}.speech-button:active:not(:disabled){transform:translateY(1px)}.speech-button.active{border-color:var(--furiflow-primary-color);background:var(--furiflow-primary-color);color:var(--paper)}.speech-button:disabled{cursor:not-allowed;opacity:.32}.vocabulary-panel{min-height:0;padding:28px 44px 32px;overflow-y:auto}.vocabulary-list{display:grid}.vocabulary-list article{grid-template-columns:minmax(120px,.72fr) 1.28fr;align-items:start;gap:24px;padding:21px 0 23px;display:grid}.vocabulary-list article+article{border-top:1px solid color-mix(in srgb, var(--furiflow-primary-color) 18%, var(--line))}.vocabulary-heading{grid-template-columns:max-content 28px;grid-template-areas:"word speech""reading reading";align-items:center;gap:3px 7px;width:fit-content;display:grid}.vocabulary-list strong{font-size:22px;font-weight:500}.vocabulary-heading>strong{grid-area:word}.vocabulary-heading>span{color:var(--muted);grid-area:reading;font-size:12px}.vocabulary-speech{border:0;grid-area:speech;width:28px;min-height:28px;margin:0;padding:0;position:static}.vocabulary-detail{gap:14px;display:grid}.vocabulary-list p{margin:0;font-size:14px;line-height:1.65}.vocabulary-meaning{color:var(--ink)}.vocabulary-example{border-left:2px solid var(--sub-secondary-color);background:color-mix(in srgb, var(--light-primary-color) 42%, transparent);margin:0;padding:12px 13px 11px}.vocabulary-example blockquote{color:var(--ink);margin:0;font-size:15px;font-weight:600;line-height:1.65}.example-sentence-row{grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:8px;display:grid}.example-sentence-row blockquote mark{background:color-mix(in srgb, var(--furiflow-yellow) 44%, transparent);color:var(--furiflow-primary-color);font:inherit;border-radius:3px;padding:0 2px;font-weight:750}.speech-button.example-speech{border:0;width:32px;height:32px;margin:-5px 0 0}.vocabulary-example>p{color:color-mix(in srgb, var(--ink) 72%, var(--paper));margin-top:5px;font-size:13px;font-weight:500}.vocabulary-example>p.example-translation-unavailable{color:var(--muted);font-style:italic}.vocabulary-example figcaption{color:var(--muted);font-family:var(--font-eb-garamond), Georgia, serif;letter-spacing:.01em;flex-wrap:wrap;gap:2px 7px;margin-top:6px;font-size:8px;line-height:1.3;display:flex}.vocabulary-example figcaption a{color:var(--muted);-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 48%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 48%, transparent);text-underline-offset:2px;transition:color .18s,text-decoration-color .18s}.vocabulary-example figcaption a:hover{color:var(--ink);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.vocabulary-list .vocabulary-license-note{color:var(--muted);text-align:right;margin:9px 0 0;font-size:9px;line-height:1.5}.vocabulary-license-note a{color:var(--muted);-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 48%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 48%, transparent);text-underline-offset:2px}.vocabulary-license-note a:hover{color:var(--ink)}.meaning-skeleton{background:#deded9;width:78%;height:12px;animation:1.2s ease-in-out infinite alternate skeleton;display:block}@keyframes skeleton{to{opacity:.38}}.no-vocabulary{color:var(--muted)}.modal-controls{border-top:1px solid var(--line);padding:0}.modal-controls button{gap:12px;min-height:58px;padding:0 24px;transition:background .18s}.modal-controls button:hover{background:#eeeeea}.modal-controls button:active{transform:translateY(1px)}.modal-neighbor-glyph{width:30px;height:34px;font-family:var(--font-noto-serif-jp), "Yu Mincho", serif;place-items:center;font-size:25px;font-weight:500;line-height:1;display:grid}.modal-neighbor-glyph img{object-fit:contain;width:28px;height:28px;display:block}.loading-shell,.state-page{min-height:100dvh;padding:10vw clamp(20px,4vw,72px)}.loading-heading{background:#e7e7e2;width:min(300px,60vw);height:84px;margin-bottom:70px;animation:1.2s ease-in-out infinite alternate skeleton}.loading-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(8,1fr);display:grid}.loading-cell{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0a06}.state-page{place-content:center;justify-items:start;display:grid}.state-page h1{margin:0 0 12px;font-size:clamp(38px,7vw,80px);font-weight:400}.state-page p:not(.latin-label){color:var(--muted)}.primary-button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;margin-top:22px;padding:12px 18px;text-decoration:none;display:inline-block}@media (max-width:980px){.kanji-grid,.loading-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.kanji-character{font-size:clamp(40px,6.5vw,60px)}.footer-chart-head,.footer-chart-row{grid-template-columns:minmax(68px,.32fr) minmax(180px,1fr) minmax(180px,1fr);gap:20px}}@media (max-width:767px){html{scroll-padding-top:128px}.site-header{grid-template-columns:minmax(0,1fr) 58px;padding:0 18px}.wordmark{min-height:66px}.site-header nav{border-top:1px solid var(--line);scrollbar-width:none;grid-column:1/-1;overflow-x:auto}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{min-width:66px;min-height:56px;padding:0 14px;font-size:16px}.site-header nav a:after{left:8px;right:8px}.language-trigger{min-height:66px}.language-menu{grid-template-columns:1fr;max-height:calc(100dvh - 92px);position:fixed;top:72px;right:16px;overflow-y:auto}.language-menu button[data-group-start=true]{border-top:1px solid var(--line-strong)}main{padding:0 18px}.grade-intro{grid-template-columns:1fr;align-content:end;gap:34px;min-height:auto;padding:48px 0 34px}.grade-intro h1{font-size:clamp(76px,25vw,112px);line-height:.8}.grade-description{margin-top:28px}.grade-basis{margin-top:3px;font-size:12px}.grade-inline-stats{margin-top:10px;font-size:11px}.grade-overview{min-height:210px;padding:23px 22px 16px}.grade-overview dl{margin-top:20px}.grade-overview dl div{min-height:62px}.grade-overview dd{font-size:34px}.catalogue-toolbar{grid-template-columns:1fr;gap:4px;padding:14px 0 18px}.catalogue{scroll-margin-top:136px}.range-navigator{min-height:56px}.range-navigator-top{top:123px}.range-navigator button{gap:5px;padding:0 8px}.range-navigator select{min-width:112px;font-size:12px}.range-navigator label small{min-width:48px}.kanji-grid,.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kanji-cell{aspect-ratio:1/1.14}.kanji-character{font-size:clamp(39px,11.5vw,56px)}.kanji-readings{min-height:28px;margin-top:6px;padding-inline:5px;font-size:12px}.site-footer{margin:52px 18px 0;padding-top:28px}.footer-heading{align-items:start;display:grid}.footer-heading>p{text-align:left;max-width:none;margin-top:18px}.footer-chart{margin-top:28px}.footer-chart-head{display:none}.footer-chart-rows{border-top:1px solid var(--line-strong)}.footer-chart-row{grid-template-columns:54px minmax(0,1fr);gap:7px 12px;min-height:74px;padding:10px 8px 10px 0}.footer-chart-grade{flex-direction:column;grid-row:1/span 2;justify-content:center;align-self:stretch;align-items:flex-start;padding-left:9px}.footer-chart-grade span{font-size:18px}.footer-bar-cell{grid-column:2;grid-template-columns:27px minmax(0,1fr) minmax(34px,auto);gap:8px}.footer-bar-label{letter-spacing:.05em;font-size:9px;display:block}.footer-bar-track{height:7px}.footer-bar-cell strong{font-size:12px}.footer-meta{gap:18px}.modal-layer{grid-template-columns:minmax(0,1fr);align-items:end;padding:0}.kanji-modal{border-bottom:0;border-left:0;border-right:0;justify-self:stretch;width:100%;min-width:0;max-width:100vw;max-height:94dvh}.modal-topbar{padding:0 14px}.modal-topbar-actions a span{display:none}.modal-content{grid-template-columns:minmax(0,1fr);min-width:0;overflow-y:auto}.modal-glyph{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);min-width:0;padding:26px 24px}.modal-glyph h2{width:min(185px,54vw);height:min(185px,54vw);min-height:min(185px,54vw);font-size:clamp(96px,31vw,150px)}.reading-pair{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.reading-pair p{font-size:13px}.vocabulary-panel{min-width:0;padding:28px 24px 34px;overflow:visible}.vocabulary-list article{grid-template-columns:1fr;gap:8px}.modal-controls{background:var(--paper)}.loading-shell{padding:18vw 18px}}@media (max-width:390px){.wordmark small{display:none}.kanji-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grade-inline-stats{letter-spacing:.07em;gap:6px}.range-navigator button span{display:none}.range-navigator button{padding:0 12px}}