:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f2ea;--surface:#fffdf8;--ink:#1b1a17;--ink-2:#55524a;--rule:#ddd7c9;--plate:#15161a;--on-plate:#fbfaf6;--on-plate-2:#b4b9c4;--action:#0e6a5e;--on-action:#fbfaf6;--mint:#7ee0cf;--voice:#e2a100;--danger:#a3361f;--font-display:"Newsreader", "Iowan Old Style", Georgia, serif;--font-ui:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-source:"Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;--gutter:20px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15161a;--surface:#1d1f25;--ink:#fbfaf6;--ink-2:#b4b9c4;--rule:#30333b;--plate:#0c0d10;--action:#7ee0cf;--on-action:#0c0d10;--danger:#f08a73}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:17px/1.5 var(--font-ui);min-height:100dvh;margin:0}#app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}main{padding:8px var(--gutter) 24px;flex:1}.bar{padding:calc(14px + env(safe-area-inset-top)) var(--gutter) 10px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.brand{font:600 22px/1 var(--font-display)}h1{font:600 clamp(28px, 7vw, 36px) / 1.2 var(--font-display);margin:28px 0 10px}.lede{color:var(--ink-2);margin:0 0 24px;font-size:18px}.muted{color:var(--ink-2)}.small{font-size:14px}.notice{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:10px 14px}.error{color:var(--danger);margin:8px 0 0}.error:empty{display:none}.notice p{margin:2px 0 0}.steps{margin:0 0 20px;padding-left:24px}.steps li{margin-bottom:10px}a{color:var(--action);text-underline-offset:3px}button{font:inherit;cursor:pointer}.primary,.forgot{border:1px solid #0000;border-radius:12px;min-height:48px;padding:10px 20px;font-weight:600}.primary{background:var(--action);color:var(--on-action)}.forgot{background:var(--surface);color:var(--ink);border-color:var(--rule)}.big{width:100%;min-height:56px;font-size:18px}button:disabled{opacity:.5;cursor:default}button small{opacity:.8;font-size:13px;font-weight:400;display:block}.link{min-height:44px;color:var(--action);text-underline-offset:3px;background:0 0;border:0;padding:10px 0;text-decoration:underline}.stack{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.field{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}input{font:17px/1.3 var(--font-ui);border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:10px;width:100%;min-height:48px;padding:12px 14px}input[name=code]{letter-spacing:.15em;font-size:24px}:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.frame{background:var(--plate);color:var(--on-plate);padding:calc(8px + env(safe-area-inset-top)) var(--gutter) 16px;flex-direction:column;display:flex}.frame.sitting{min-height:46dvh;padding-bottom:10px}.frame-top{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.frame .link{color:var(--on-plate-2);text-decoration:none}.pill{min-height:44px;color:var(--on-plate);background:0 0;border:1px solid #ffffff47;border-radius:22px;padding:0 16px;font-size:14px}.frame-line .pill{align-self:center;margin-top:8px}.frame-meta{color:var(--on-plate-2);justify-content:space-between;gap:12px;font-size:12.5px;display:flex}.frame-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-source);overflow:hidden}.frame-meta span:last-child{font-variant-numeric:tabular-nums;flex:none}.frame-line{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:14px 0;display:flex}.frame .line{font:500 21px/2.3 var(--font-source);overflow-wrap:anywhere;margin:0}.frame ruby{margin:0 .08em}.frame rt{font:500 11px/1.2 var(--font-ui);color:var(--mint);padding-bottom:3px}.frame .line[lang|=ja] rt{font-family:var(--font-source)}.frame .grammar rt{color:var(--on-plate-2)}.frame .saved{border-bottom:3px solid var(--voice)}.home .line{font-size:18px}.home .saved{border-bottom:0}.frame .translation{color:var(--on-plate-2);margin:2px 0 0;font-size:15px;font-style:italic;line-height:1.35}.frame .caption{color:var(--on-plate-2);font-size:12.5px;font-family:var(--font-source);overflow-wrap:anywhere;margin:8px 0 0}.gear{width:44px;height:44px;color:var(--ink-2);background:0 0;border:0;place-items:center;margin-right:-10px;display:grid}.frame .gear{color:var(--on-plate-2)}.gear svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}progress{appearance:none;background:#fff3;border:0;border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#fff3}progress::-webkit-progress-value{background:var(--mint)}progress::-moz-progress-bar{background:var(--mint)}.tabs{border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);background:var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:sticky;bottom:0}.tabs button{min-height:52px;color:var(--ink-2);background:0 0;border:0;border-top:2px solid #0000;margin-top:-1px;font-size:14px}.tabs [aria-current]{border-top-color:var(--action);color:var(--ink);font-weight:600}.today h1{margin-top:12px;margin-bottom:4px}.today .lede{margin-bottom:14px}.notice.failed{border-color:var(--danger);justify-content:space-between;align-items:center;gap:12px;display:flex}.notice.failed .link{flex:none;padding:0}.row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.row span:last-child{overflow-wrap:anywhere;text-align:right;min-width:0}.minutes{gap:6px;display:flex}.minutes button{border:1px solid var(--rule);min-width:48px;min-height:44px;color:var(--ink);background:0 0;border-radius:10px;font-size:15px;font-weight:600}.minutes button[aria-pressed=true]{background:var(--action);border-color:var(--action);color:var(--on-action)}.gap{height:20px}a.row.go{text-decoration:none}.link.danger{color:var(--danger)}.notice.delete{border-color:var(--danger);margin-top:12px}.notice.delete .choices{align-items:center;gap:20px;margin-top:12px;display:flex}.primary.danger{background:var(--danger);color:var(--paper)}.row.go{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;background:0 0;border-width:0 0 1px;border-radius:0}.row.go[aria-pressed=true] span:first-child:after{content:" ✓";color:var(--action)}.voices h2{margin:24px 0 6px;font-size:17px}.input{border:1px solid var(--rule);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 14px}.choices{flex-wrap:wrap;align-items:center;gap:0 20px;margin:8px 0 0;display:flex}.choices a{padding:10px 0}.choice-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.frame-card{background:var(--plate);color:var(--on-plate);text-align:center;border-radius:12px;padding:8px 14px 12px}.frame-card .line{font:500 19px/2.2 var(--font-source);margin:0}.frame-card ruby rt{color:var(--mint);font-size:11px}.frame-card .saved{border-bottom:3px solid var(--voice)}.frame-card .translation{color:var(--on-plate-2);margin:0;font-size:14px;font-style:italic}dialog.fix{width:calc(100% - 2 * var(--gutter));max-width:520px;margin:calc(12px + env(safe-area-inset-top)) auto auto;padding:16px var(--gutter) 18px;background:var(--paper);color:var(--ink);border:0;border-radius:18px}dialog.fix::backdrop{background:#00000080}dialog.fix h2{font:600 24px/1.2 var(--font-display);margin:0 0 8px}dialog.fix .field{gap:6px;margin-top:12px;font-weight:600}dialog.fix .input{font-weight:400}.word-group{justify-content:space-between;gap:10px;margin:18px 0 2px;display:flex}.word-group span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.word-row{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:60px;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.word-text{min-width:0}.word-text b{font-size:19px;font-family:var(--font-source)}.word-text small{opacity:1;color:var(--ink-2);font-size:14px;font-weight:400;display:inline}.word-text .gloss{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.standing{color:var(--ink-2);flex:none}.tab-pills{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tab-pill{border:1px solid var(--rule);min-height:44px;color:var(--ink-2);background:0 0;border-radius:22px;padding:0 14px;font-size:14px}.tab-pill[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.words{padding-bottom:96px}.word-page .notice{margin:12px 0 0}.word-page .head .form{margin:0}.met{margin-bottom:14px}.met p{margin:6px 0 0}.met .choices a{color:var(--action)}.review{padding-top:14px;padding-bottom:140px}.prompt{color:var(--on-plate-2);margin:0;font-size:14px}.word{font:600 40px/1.25 var(--font-source);overflow-wrap:anywhere;margin:2px 0 6px}.head{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}.head .link{font-size:15px}.answer{font:600 27px/1.25 var(--font-source);overflow-wrap:anywhere;margin:4px 0 2px}.form{font:18px/1.4 var(--font-source);color:var(--ink-2);margin:0 0 12px}.meaning{margin:8px 0;font-size:22px;font-weight:600}.meaning small{font-size:13px;font-weight:400}.note{border-left:3px solid var(--voice);color:var(--ink-2);white-space:pre-wrap;margin:8px 0;padding:2px 0 2px 12px}.source{margin:16px 0 0}.pos{margin:0}.end{padding-top:56px}.end .notice{margin:16px 0}.end .notice p{margin:2px 0}.actions{padding:12px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--paper) 75%, transparent);gap:12px;max-width:560px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.actions.two>*{flex:1}