:root{--jp:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--en:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--bg:#14100c;--panel:#1d1813;--ink:#ece4d8;--muted:#9a8f80;--dim:#7d7365;--line:#2b241a;--line-strong:#3a3126;--accent:#d9a441;--danger:#b06a4f;--state-new:rgba(109,156,196,0.45);--state-learning:rgba(185,143,58,0.85);--wash:rgba(236,228,216,0.07);--wash-strong:rgba(217,164,65,0.14)}[data-theme=light]{--bg:#f7f2e8;--panel:#fffdf8;--ink:#221c14;--muted:#6f6558;--dim:#8b8071;--line:rgba(34,28,20,0.1);--line-strong:rgba(34,28,20,0.2);--accent:#a9741f;--danger:#9c4f34;--state-new:rgba(58,104,150,0.45);--state-learning:rgba(169,116,31,0.7);--wash:rgba(34,28,20,0.05);--wash-strong:rgba(169,116,31,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--en);-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{color:color-mix(in srgb,var(--accent) 80%,white)}.mono,.small{font-family:var(--mono)}.mono{letter-spacing:.04em}.mono,.small{font-size:11.5px}.muted{color:var(--muted)}.dim{color:var(--dim)}.jp{font-family:var(--jp)}button{font:inherit;font-family:var(--en);color:inherit;background:transparent;border:1px solid var(--line-strong);border-radius:6px;padding:.75em 1em;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:#14100c;border-color:var(--accent);font-size:17px}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.quiet{border:0;padding:.5em;font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}button.quiet:hover:not(:disabled){color:var(--ink)}input,select,textarea{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:6px;padding:12px 14px;width:100%}input::placeholder{color:var(--dim)}.shell{max-width:60rem;margin:0 auto;padding:2rem 1.25rem 6rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.25rem}.stack>*+*{margin-top:.75rem}.hairline{height:1px;background:var(--line);border:0;margin:0}h1,h2,h3{font-family:var(--en);font-weight:500;letter-spacing:-.01em}h1{font-size:26px;margin:0}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:16px max(34px,env(safe-area-inset-left)) calc(20px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;z-index:40}.tabbar-import,.tabbar-mark{display:none}.tabbar a>span:first-child{display:inline}@media (max-width:24rem){.tabbar{gap:.5rem;padding:16px max(14px,env(safe-area-inset-left)) calc(20px + env(safe-area-inset-bottom))}}@media (min-width:48rem){.tabbar{top:0;right:auto;width:168px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:28px 0;border-top:0;border-right:1px solid var(--line)}.tabbar-mark{display:block;font-family:var(--en);font-size:20px;color:var(--ink);padding:0 24px 26px}.tabbar a{display:flex;justify-content:space-between;padding:9px 24px;border-left:2px solid transparent}.tabbar a[aria-current=page]{border-left-color:var(--accent)}.tabbar a:last-of-type{margin-bottom:auto}.tabbar-import{display:block;color:var(--accent);padding:9px 24px;border-left:2px solid transparent}body>main{margin-left:168px}.reader-shell{margin-left:0}.shell{padding-bottom:3rem}}.tabbar a{color:var(--muted)}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar .count{color:var(--accent)}.reader-shell{height:100dvh;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.reader-frame{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden;height:min(78vh,46rem)}.reader-shell>*{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:8px}.reader-shell .reader-frame{flex:1 1;height:auto;min-height:0;border-radius:0;border-inline:0}@media (min-width:48rem){.reader-shell{max-width:72rem;margin-inline:auto;padding:1rem 1.25rem 1.25rem}.reader-shell .reader-frame{border-radius:10px;border-inline:1px solid var(--line)}}.reader-page{font-family:var(--jp);font-size:var(--reader-font-size,19px);letter-spacing:.04em;color:var(--ink);line-height:var(--reader-line-height,2.35)}.reader-page[data-mode=horizontal]{writing-mode:horizontal-tb;--reader-line-height:2.5;width:100%;max-inline-size:34em;margin-inline:auto;padding:26px 30px}.reader-page[data-mode=vertical]{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;--reader-line-height:2.35;height:100%;padding:26px 30px}.reader-page[data-mode=vertical]:not(.reader-measure){width:100%}.reader-page:not(.reader-measure){position:relative;z-index:2;pointer-events:none}.reader-page>*+*{-webkit-margin-before:1em;margin-block-start:1em}.reader-measure{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none;z-index:-1}.block{margin:0}.block[data-kind=paragraph]{text-indent:1em}.block[data-continued=true]{text-indent:0}.block[data-kind=heading]{text-indent:0;font-weight:600;font-size:1.15em}.turn-zone{position:absolute;top:0;bottom:0;width:58px;border:0;background:transparent;cursor:pointer;z-index:1}.turn-zone:disabled{cursor:default}.turn-zone[data-dir=next]{left:0}.turn-zone[data-dir=prev]{right:0}.turn-zone:after{content:"‹";position:absolute;inset-block:0;inset-inline:0;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;color:var(--muted);opacity:0;transition:opacity .12s ease-out}.turn-zone[data-dir=prev]:after{content:"›"}.turn-zone:not(:disabled):focus-visible:after,.turn-zone:not(:disabled):hover:after{opacity:.55}@media (hover:none){.turn-zone:after{content:none}}ruby{ruby-align:center}rt{font-family:var(--jp);font-size:.5em;font-weight:400;color:var(--muted);line-height:1;letter-spacing:.02em;opacity:.7}[data-furi=off] rt,[data-furi=unknown] .w[data-state=known] rt,[data-furi=unknown] .w[data-state=unresolved] rt{visibility:hidden}.w{--mark:transparent;--mark-style:solid;cursor:pointer;pointer-events:auto;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:var(--mark);text-decoration-color:var(--mark);-webkit-text-decoration-style:var(--mark-style);text-decoration-style:var(--mark-style);text-decoration-thickness:1px;text-underline-offset:4px}.w[data-state=new]{--mark:var(--state-new)}.w[data-state=learning]{--mark:var(--state-learning);--mark-style:dotted}.w[data-state=known]{--mark:transparent}.w[data-state=unresolved]{--mark:transparent;cursor:default}.reader-page[data-marks=learning] .w[data-state=new],.reader-page[data-marks=off] .w,.w[data-grammar=true]{--mark:transparent}.reader-page[data-mode=vertical] .w{text-underline-position:left}.w:hover:not([data-state=unresolved]){background:var(--wash)}.w[data-selected=true]{background:var(--wash-strong)}.legend{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;align-items:center}.legend-key{display:inline-flex;align-items:baseline;gap:.45rem}.swatch{display:inline-block;inline-size:1.4em;block-size:.7em;border-bottom:1px solid transparent}.swatch[data-state=new]{border-bottom-color:var(--state-new)}.swatch[data-state=learning]{border-bottom:1px dotted var(--state-learning)}.reader-empty,.reader-settling{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);margin:0}.reader-settling{opacity:0;animation:reader-settle .16s ease-out .3s forwards}.reader-settling:after{content:"…";color:var(--muted);font-size:1.6rem}@keyframes reader-settle{to{opacity:1}}.popup-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center;z-index:50}.popup{writing-mode:horizontal-tb;background:var(--panel);border:1px solid var(--line);border-radius:22px 22px 0 0;width:min(40rem,100%);max-height:70vh;overflow:auto;overscroll-behavior:contain;padding:24px 28px 34px;box-shadow:0 -30px 50px -30px rgba(0,0,0,.7);animation:popup-in .22s cubic-bezier(.2,.8,.2,1)}.popup:focus{outline:none}@keyframes popup-in{0%{transform:translateY(18px);opacity:0}}.popup h2{font-family:var(--jp);font-size:32px;margin:0;line-height:1.3}.popup .reading{font-family:var(--jp);font-size:15px;color:var(--muted);margin-top:5px}.popup .gloss{font-family:var(--en);font-size:19px;margin-top:14px;line-height:1.5}.popup .freq{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:12px;letter-spacing:.04em}.popup .rarity{margin-top:6px;line-height:1.5}.popup .rarity[data-rarity=absent]{color:var(--dim)}.popup .rarity-source{color:var(--dim);margin-top:14px;font-size:10px}.popup .part .rarity{margin-top:4px}.popup .actions{display:flex;gap:8px;margin-top:22px}.popup .actions>*{flex:1 1;text-align:center}.popup ol{margin:.4rem 0 0;-webkit-padding-start:1.4rem;padding-inline-start:1.4rem}.popup .name-tag{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.popup .name-tag .chip{border:1px solid var(--line);border-radius:999px;padding:2px 8px;background:var(--wash);white-space:nowrap}.popup .part .name-tag{margin-top:4px}.popup .expression{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--wash)}.popup .expression .phrase{font-family:var(--jp);font-size:21px;line-height:1.35}.popup .expression .gloss{font-size:16px;margin-top:6px}.popup .expression .note{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;margin-top:10px;line-height:1.5}.popup .part{display:flex;gap:16px;align-items:flex-start;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.popup .part .surface{font-family:var(--jp);font-size:24px;min-width:56px}.popup .part .body{flex:1 1}.popup .not-cardable{font-family:var(--en);font-size:16px;color:var(--muted);margin-top:16px;padding-top:16px;border-top:1px solid var(--line);line-height:1.55}@media (prefers-reduced-motion:reduce){.popup{animation:none}.reader-settling{animation-duration:1ms}}.prompt{font-size:64px;padding:2.5rem 1rem;letter-spacing:.06em}.prompt,.prompt-reading{font-family:var(--jp);text-align:center}.prompt-reading{font-size:18px;color:var(--muted)}.prompt-gloss{font-family:var(--en);font-size:22px;text-align:center;margin-top:22px}.prompt-context{font-family:var(--jp);font-size:15px;color:var(--dim);line-height:2.1;text-align:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.prompt-context .target{color:var(--accent)}.grades{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.grades button{padding:16px 4px;font-size:16px}.grades .interval{display:block;font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:5px}.grades button.primary .interval{color:rgba(20,16,12,.6)}.shelf{display:flex;flex-direction:column;gap:30px}.shelf-item{display:flex;gap:18px;align-items:flex-start}.spine{width:62px;height:92px;flex:none;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center;overflow:hidden}.spine[data-current=true]{border-left-color:var(--accent)}.spine span{writing-mode:vertical-rl;font-family:var(--jp);font-size:12px;color:var(--ink);letter-spacing:.1em;max-height:84px;overflow:hidden}.progress{height:1px;background:var(--line);margin:14px 0 10px;position:relative}.progress>i{position:absolute;left:0;top:0;height:1px;background:var(--accent)}.dropzone{border:1px dashed var(--line);border-radius:6px;padding:20px;text-align:center}.chips{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px}.chip{padding:6px 11px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#14100c}.card-row{display:flex;gap:14px;align-items:center;padding:14px 24px;border-top:1px solid var(--line)}.card-row[data-selected=true]{background:rgba(217,164,65,.06)}.card-row .surface{font-family:var(--jp);font-size:18px}.card-row .surface .reading{font-size:12px;color:var(--muted)}.card-row .gloss{font-family:var(--en);font-size:14px;color:var(--muted);margin-top:2px}.card-row .state{font-family:var(--mono);font-size:10px;color:var(--muted)}.card-row .state[data-state=learning]{color:var(--accent)}.card-row .state[data-state=retired]{color:var(--danger)}.bulkbar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:18px 24px calc(24px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);z-index:45}.bulkbar,.bulkbar button{font-family:var(--mono);font-size:11.5px}.bulkbar button{padding:8px 12px;border-radius:5px}.bulkbar button.danger{color:var(--danger)}.stats-empty{font-family:var(--en);font-size:23px;line-height:1.55;text-wrap:pretty}.stats-empty .then{font-size:17px;color:var(--muted);margin-top:26px;line-height:1.6}.stats-claim{font-family:var(--en);font-size:23px;line-height:1.5;text-wrap:pretty}.stats-claim .figure{color:var(--accent)}.bars{display:flex;align-items:flex-end;gap:10px;height:120px;margin-top:18px}.bars>i{flex:1 1;background:var(--line)}.bars>i[data-latest=true]{background:var(--accent)}.bar-labels{display:flex;gap:10px;margin-top:10px;font-family:var(--mono);font-size:10.5px;color:var(--dim)}.bar-labels>span{flex:1 1}.figures{display:flex;gap:34px;padding-top:30px;margin-top:30px;border-top:1px solid var(--line)}.figures .n{font-family:var(--en);font-size:28px}.figures .label{font-family:var(--mono);font-size:10.5px;color:var(--dim);margin-top:4px}.hero{font-size:clamp(34px,5vw,52px);line-height:1.18;letter-spacing:-.015em;text-wrap:balance}.hero,.hero-sub{font-family:var(--en)}.hero-sub{font-size:21px;line-height:1.6;color:var(--ink);opacity:.78;margin-top:26px;max-width:520px;text-wrap:pretty}.difficulty-row{display:flex;align-items:baseline;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.difficulty-row .title{width:220px;font-family:var(--jp);font-size:20px}.difficulty-row .by{width:150px;font-family:var(--mono);font-size:12px;color:var(--muted)}.difficulty-row .verdict{flex:1 1;font-family:var(--en);font-size:17px;color:var(--muted);min-width:16rem}.difficulty-row .known{font-family:var(--mono);font-size:13px;color:var(--accent)}.eyebrow{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.08em}.reader-page[data-mode=vertical] .tcy{text-combine-upright:all;-webkit-text-combine:horizontal}.TabBar_signOut__Pj_RF{display:none}@media (min-width:48rem){.TabBar_signOut__Pj_RF{display:block;width:100%;text-align:left;padding:9px 24px;border-left:2px solid transparent}}