@font-face{font-family:Zen Kaku Gothic New;font-weight:400;font-display:swap;src:url(../fonts/zen-kaku-Regular.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-weight:500;font-display:swap;src:url(../fonts/zen-kaku-Medium.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-weight:700;font-display:swap;src:url(../fonts/zen-kaku-Bold.woff2) format("woff2")}@font-face{font-family:Klee One;font-weight:100 900;font-display:swap;src:url(../fonts/klee-one-SemiBold.woff2) format("woff2")}@font-face{font-family:Noto Sans Devanagari;font-weight:100 900;font-display:swap;src:url(../fonts/noto-devanagari.woff2) format("woff2")}:root{--paper: #F6F3EC;--paper-2: #ECE7DC;--card: #FFFFFF;--ink: #1B1A17;--muted: #5E5A52;--faint: #8C8577;--line: #E4DED2;--line-2: #CFC7B6;--indigo: #2C4A8C;--indigo-ink: #1F3566;--indigo-tint: #E6EBF5;--indigo-soft: #9FB0D3;--red: #B23A1F;--red-ink: #8F2D17;--red-tint: #F8E7E1;--ghost: #EEE9DF;--on-indigo: #FFFFFF;--btn: #1B1A17;--on-btn: #FFFFFF;--shadow: 0 10px 30px rgba(27, 26, 23, .06);--font: "Zen Kaku Gothic New", "Noto Sans Devanagari", system-ui, sans-serif;--font-kana: "Klee One", "Zen Kaku Gothic New", serif;--font-deva: "Noto Sans Devanagari", "Zen Kaku Gothic New", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #15161A;--paper-2: #202229;--card: #1D1F25;--ink: #F1EEE7;--muted: #B5AFA3;--faint: #8F897E;--line: #2E3139;--line-2: #464A55;--indigo: #8EA6E0;--indigo-ink: #B4C5EE;--indigo-tint: #232C44;--indigo-soft: #4A5D8C;--red: #F08A6E;--red-ink: #F4A38C;--red-tint: #3A2520;--ghost: #2A2D35;--on-indigo: #10131C;--btn: #F1EEE7;--on-btn: #15161A;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--paper: #15161A;--paper-2: #202229;--card: #1D1F25;--ink: #F1EEE7;--muted: #B5AFA3;--faint: #8F897E;--line: #2E3139;--line-2: #464A55;--indigo: #8EA6E0;--indigo-ink: #B4C5EE;--indigo-tint: #232C44;--indigo-soft: #4A5D8C;--red: #F08A6E;--red-ink: #F4A38C;--red-tint: #3A2520;--ghost: #2A2D35;--on-indigo: #10131C;--btn: #F1EEE7;--on-btn: #15161A;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--indigo)}:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.kana{font-family:var(--font-kana);font-weight:600}.deva{font-family:var(--font-deva)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{max-width:560px;margin:0 auto;min-height:100dvh;position:relative}.screen{padding-top:24px;padding-bottom:calc(110px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:4px}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.h1{font-size:26px;font-weight:700;line-height:1.2;margin:0}.h2{font-size:20px;font-weight:700;margin:0}.h3{font-size:17px;font-weight:700;margin:0}.eyebrow{font-size:12px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.card.lift{box-shadow:var(--shadow)}.tint{background:var(--indigo-tint);border-radius:14px;padding:12px 14px}.hero{background:var(--indigo);color:var(--on-indigo);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}.bar{height:8px;border-radius:4px;background:color-mix(in srgb,currentColor 22%,transparent);overflow:hidden}.bar>span{display:block;height:100%;border-radius:4px;background:currentColor}.bar.indigo{color:var(--indigo);background:var(--line)}.btn{height:52px;border-radius:16px;border:0;background:var(--btn);color:var(--on-btn);font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;text-decoration:none}.btn.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.indigo{background:var(--indigo);color:var(--on-indigo)}.btn.sm{height:44px;font-size:14px;border-radius:12px}.btn:disabled{opacity:.45;cursor:default}.icon-btn{width:44px;height:44px;border-radius:22px;border:1px solid var(--line);background:var(--card);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink)}.icon-btn.solid{background:var(--indigo);border:0;color:var(--on-indigo);width:52px;height:52px;border-radius:26px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--paper-2);border-radius:12px;padding:4px;gap:4px}.seg button{height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--card);color:var(--ink);font-weight:700}.chip{font-size:11px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 10px;display:inline-block}.chips{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:12px;font-weight:700;color:var(--indigo);background:var(--indigo-tint);border-radius:999px;padding:4px 10px}.pill.red{color:var(--red-ink);background:var(--red-tint)}.task{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none;color:inherit;width:100%;text-align:left}.task .ico{width:44px;height:44px;border-radius:12px;background:var(--indigo-tint);color:var(--indigo);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.task.done{opacity:.6}.task.done .ico{background:var(--indigo);color:var(--on-indigo)}.kgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.kcell{height:76px;border-radius:14px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;position:relative}.kcell .k{font-family:var(--font-kana);font-weight:600;font-size:28px;line-height:1.1}.kcell .r{font-size:11px;color:var(--muted)}.kcell.locked{border-style:dashed;border-color:var(--line-2);background:transparent}.kcell.locked .k{color:var(--faint);font-weight:400}.kcell[aria-pressed=true]{border:2px solid var(--indigo)}.kcell .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:4px;background:var(--indigo)}.kcell.empty{visibility:hidden}.kgrid.yoon{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet{position:fixed;left:50%;transform:translate(-50%);width:min(560px,100%);bottom:calc(76px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);border-radius:24px 24px 0 0;padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 -8px 24px #1b1a1714;z-index:5}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(560px,100%);background:var(--card);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 6px calc(10px + env(safe-area-inset-bottom));z-index:10}.nav a{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:11px;min-height:52px;position:relative}.nav a[aria-current=page]{color:var(--indigo);font-weight:700}.nav .badge{position:absolute;top:2px;left:calc(50% + 6px);background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px}.pad{background:var(--card);border:1px solid var(--line);border-radius:20px;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;width:100%;max-width:340px;aspect-ratio:1;align-self:center}.pad svg{width:100%;height:100%;display:block}.flash{text-align:center;align-items:center}.rate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rate button{height:60px;border-radius:14px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.rate button b{font-size:14px}.rate button span{font-size:11px;color:var(--muted)}.rate .again{background:var(--red-tint);border-color:transparent;color:var(--red-ink)}.rate .again span{color:var(--red-ink)}.rate .good{background:var(--indigo);border-color:transparent;color:var(--on-indigo)}.rate .good span{color:var(--on-indigo)}.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opt{min-height:72px;border-radius:16px;border:1px solid var(--line);background:var(--card);font-size:22px}.opt.right{background:var(--indigo);color:var(--on-indigo);border-color:transparent}.opt.wrong{background:var(--red-tint);color:var(--red-ink);border-color:transparent}.list{display:flex;flex-direction:column}.list>*{border-bottom:1px solid var(--line);padding:12px 0}.list>*:last-child{border-bottom:0}.lesson-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.num{width:36px;height:36px;border-radius:10px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.fade-in{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}