:root{--dur-press:.1s;--dur-hover:.18s;--ease-out:cubic-bezier(.2,.7,.3,1);--ease-spring:linear(0, .3132 3.6%, .578 7.4%, .779 11.6%, .9104 16.4%, .9808 22%, 1.0074 29.2%, 1.0092 38.6%, 1 100%);--cream:#fbf8f1;--cream-2:#f4ecda;--ink:#2c2a26;--ink-soft:#6b655b;--faint:#797060;--gold:#ba7517;--gold-soft:#f1e4cb;--tokyo:#2b4c7e;--tokyo-soft:#dbe4f0;--osaka:#c0392b;--osaka-soft:#f6ded9;--line:#e6dcc8;--ink-2:#3a372f;--tokyo-soft-2:#eaf0f8;--osaka-soft-2:#fbeae6;--gold-soft-2:#f7eed9;--gold-line:var(--gold-soft);--panel-grad:linear-gradient(158deg,#fff,#fcf8f0);--chip-grad:linear-gradient(150deg,#fff,#fbf6ec);--soft-grad:linear-gradient(150deg,#fbf6ec,#f6eedd);--modal-grad:linear-gradient(168deg,#fdfbf6,#f6eedd);--rule-intro-grad:linear-gradient(158deg,#fffbf2,#f7edd8);--note-grad:linear-gradient(155deg,#fffbf2,#f5ebd6);--input-grad:linear-gradient(150deg,#fff,#fcf7ee);--close-grad:linear-gradient(150deg,#fff,#f7efe0);--disclaimer-grad:linear-gradient(150deg,#fbf3e1,#f6edd6);--ese-x-grad:linear-gradient(150deg,#f4efe6,#ede6d6);--ese-o-grad:linear-gradient(150deg,#fbf0ec,#f6e3dc);--body-grad:linear-gradient(168deg,#fdfbf6 0%,#fbf8f1 40%,#f4ecda 100%);--cream-rgb:251,248,241;color-scheme:light}html[data-theme=dark]{--cream:#211c16;--cream-2:#2a241c;--ink:#ede7da;--ink-soft:#bdb3a1;--faint:#a69d8c;--gold:#e0a24a;--gold-soft:#332711;--tokyo:#7fa3d6;--tokyo-soft:#1e2a3d;--osaka:#e58575;--osaka-soft:#2f1d19;--line:#ede7da24;--ink-2:#f5efe0;--tokyo-soft-2:#24344a;--osaka-soft-2:#38221d;--gold-soft-2:#3d3018;--gold-line:#b07a2e;--panel-grad:linear-gradient(158deg,#2a241c,#241e17);--chip-grad:linear-gradient(150deg,#2a241c,#241e18);--soft-grad:linear-gradient(150deg,#2f2820,#282219);--modal-grad:linear-gradient(168deg,#2a241c,#211c16);--rule-intro-grad:linear-gradient(158deg,#2e2717,#241e15);--note-grad:linear-gradient(155deg,#2e2717,#241e15);--input-grad:linear-gradient(150deg,#2a241c,#241e18);--close-grad:linear-gradient(150deg,#2a241c,#241e18);--disclaimer-grad:linear-gradient(150deg,#2e2717,#241e15);--ese-x-grad:linear-gradient(150deg,#2c271f,#282219);--ese-o-grad:linear-gradient(150deg,#3a2420,#2e1d1a);--body-grad:linear-gradient(168deg,#26201a 0%,#211c16 45%,#1b160f 100%);--cream-rgb:33,28,22;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}a,button{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--ink);background:var(--body-grad) fixed;-webkit-font-smoothing:antialiased;font-family:Zen Kaku Gothic New,system-ui,sans-serif;line-height:1.7}html{overflow-x:clip}@supports not (overflow:clip){html{overflow-x:hidden}}.wrap{max-width:780px;margin:0 auto;padding:0 20px}section{scroll-margin-top:74px}ruby{ruby-align:center}rt{letter-spacing:-.06em;color:currentColor;opacity:1;user-select:none;font-family:Zen Kaku Gothic New,sans-serif;font-size:.5em;font-weight:400;line-height:1}h1 rt{color:var(--gold);opacity:1}@supports ((-webkit-hyphens:none)){rt{margin-bottom:-.669em}}rp{display:none}@media print{rt{opacity:1}}html[data-ruby=off] rt{display:none}.ruby-toggle{cursor:pointer;background:var(--panel-grad);border:1.5px solid var(--line);height:44px;color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;transition:color var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);border-radius:12px;flex:none;place-items:center;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;display:grid;box-shadow:0 6px 20px -8px #2c2a2659}.ruby-toggle:hover{color:var(--ink);border-color:var(--gold);background:var(--chip-grad)}.ruby-toggle:active{transition-duration:var(--dur-press);transform:scale(.92)}.ruby-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.ruby-toggle[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:var(--gold-soft)}@media print{.ruby-toggle{display:none}}header{padding:36px 0 6px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-family:Space Mono,monospace;font-size:11.5px;font-weight:700}h1{letter-spacing:.01em;margin-top:10px;font-size:clamp(27px,7.2vw,42px);font-weight:900;line-height:1.4}h1 .mark{color:var(--osaka)}.tagline{color:var(--ink-soft);max-width:42ch;margin-top:14px;font-family:Zen Old Mincho,serif;font-size:15px;line-height:1.7}.legend{color:var(--ink-soft);background:var(--chip-grad);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:14px;margin-top:18px;padding:10px 14px;font-family:Space Mono,monospace;font-size:12.5px;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.swatch{border-radius:2px;width:22px;height:3.5px;display:inline-block}.swatch.t{background:var(--tokyo)}.swatch.o{background:var(--osaka)}.dotg{background:var(--gold);border-radius:50%;width:8px;height:8px;display:inline-block}.note-keihan{background:var(--note-grad);border:1.5px solid var(--gold);color:var(--ink);border-radius:14px;margin-top:18px;padding:14px 16px;font-size:13.5px;line-height:1.7}.note-keihan b{color:var(--gold)}.search{z-index:30;background:linear-gradient(rgba(var(--cream-rgb),1) 74%,rgba(var(--cream-rgb),0));padding:14px 0 10px;position:sticky;top:0}.search:after{content:"";pointer-events:none;opacity:0;height:8px;transition:opacity var(--dur-hover) var(--ease-out);background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 10%,transparent),transparent);position:absolute;top:100%;left:0;right:0}html[data-scrolled] .search:after{opacity:1}.search-inner{position:relative}.search input{width:100%;color:var(--ink);background:var(--input-grad);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;outline:none;padding:15px 46px 15px 18px;font-family:inherit;font-size:16px}.search input:focus{border-color:var(--osaka);box-shadow:4px 4px 0 var(--osaka)}.search input::placeholder{color:var(--faint)}.search .icon{color:var(--ink-soft);pointer-events:none;font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:baseline;gap:8px;padding:6px 0 4px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);background:var(--chip-grad);color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);border-radius:999px;flex:none;padding:7px 14px;font-family:inherit;font-size:13.5px;font-weight:500}.chip:hover{border-color:var(--ink-soft)}.chip:active{transition-duration:var(--dur-press);transform:scale(.95)}.chip[aria-pressed=true]{background:linear-gradient(150deg,var(--ink),var(--ink-2));color:var(--cream);border-color:var(--ink)}.chip.flip[aria-pressed=true]{background:linear-gradient(150deg,var(--osaka),#a8281c);border-color:var(--osaka);color:#fff}.sec-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-family:Space Mono,monospace;font-size:11px;font-weight:700}h2{margin:4px 0 2px;font-size:clamp(21px,5.4vw,27px);font-weight:900;line-height:1.5}.lead{color:var(--ink);margin-top:8px;font-family:Zen Old Mincho,serif;font-size:15.5px;line-height:1.7}.panel{background:var(--panel-grad);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;padding:22px 20px}.hero{margin:22px 0 12px}.hero .kicker{color:var(--ink);margin-bottom:2px;font-family:Zen Old Mincho,serif;font-size:17px;line-height:1.8}.hero .kicker b{color:var(--osaka);font-weight:700}.hero-word{margin:16px 0 2px;font-size:38px;font-weight:900}.hero-word small{color:var(--ink-soft);margin-left:8px;font-family:Space Mono,monospace;font-size:15px;font-weight:500}.versus{gap:10px;margin-top:12px;display:flex}.vs-cell{border-radius:12px;flex:1;padding:10px 12px}.vs-cell .lbl{letter-spacing:.1em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:10.5px;font-weight:700}.vs-cell .typ{margin-top:1px;font-size:16px;font-weight:700}.vs-cell .say{color:var(--ink-soft);margin-top:3px;font-size:12.5px}.vs-cell.t{background:linear-gradient(150deg,var(--tokyo-soft),var(--tokyo-soft-2))}.vs-cell.t .lbl,.vs-cell.t .typ{color:var(--tokyo)}.vs-cell.o{background:linear-gradient(150deg,var(--osaka-soft),var(--osaka-soft-2))}.vs-cell.o .lbl,.vs-cell.o .typ{color:var(--osaka)}.rules{margin:26px 0}.rule-intro{background:var(--rule-intro-grad);border:2px solid var(--gold);border-radius:18px;margin-bottom:16px;padding:18px}.rule-intro .big{font-size:19px;font-weight:900;line-height:2.1}.rule-intro .big u{color:var(--gold);border-bottom:3px solid var(--gold-line);text-decoration:none}.rule-intro p{color:var(--ink-soft);margin-top:8px;font-size:14px;line-height:1.7}.rulecard{background:var(--panel-grad);border:1.5px solid var(--line);border-left:5px solid var(--osaka);border-radius:14px;margin-bottom:14px;padding:16px}.rulecard .no{color:var(--osaka);letter-spacing:.08em;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.rulecard h3{margin:2px 0 8px;font-size:17px;font-weight:900;line-height:1.6}.rulecard p{color:var(--ink);font-size:14.5px;line-height:1.7}.rulecard .flipline{background:var(--soft-grad);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.flipline .pill{border-radius:8px;padding:5px 10px;font-family:Space Mono,monospace;font-size:13px;font-weight:700}.flipline .pill.t{color:var(--tokyo);background:var(--tokyo-soft)}.flipline .pill.o{color:var(--osaka);background:var(--osaka-soft)}.flipline .arw{color:var(--gold);font-size:18px;font-weight:700}.rulecard .hint{color:var(--ink-soft);margin-top:8px;font-size:12.5px}.feel{background:var(--panel-grad);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:18px;margin-top:14px;padding:20px 18px}.feel .cap{color:var(--ink-soft);margin-bottom:12px;font-family:Zen Old Mincho,serif;font-size:14px;line-height:1.7}.feel .cap b{color:var(--ink)}.feel-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}@media (width<=420px){.feel-grid{grid-template-columns:1fr 1fr}}.mini{background:var(--soft-grad);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px 8px 6px}.mini .w{font-size:17px;font-weight:900}.mini .k{color:var(--faint);font-family:Space Mono,monospace;font-size:10.5px}.count{color:var(--faint);letter-spacing:.05em;margin:2px 2px 12px;font-family:Space Mono,monospace;font-size:12px}.grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=580px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--panel-grad);border:1.5px solid var(--line);cursor:pointer;transition:border-color var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out);border-radius:16px;padding:15px 16px 16px;position:relative}@media (hover:hover){.card:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}}.card:active{transition-duration:var(--dur-press);transform:translateY(-1px)scale(.98)}.card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-word{font-size:24px;font-weight:900;line-height:1.2}.card-kana{color:var(--faint);margin-top:1px;font-family:Space Mono,monospace;font-size:12px}.tags{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tag{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.tag.flip{color:var(--osaka);background:linear-gradient(150deg,var(--osaka-soft),var(--osaka-soft-2))}.tag.rule{color:var(--gold);background:linear-gradient(150deg,var(--gold-soft),var(--gold-soft-2))}.card .curve-box{margin:10px 0 8px}.card-types{gap:10px;font-family:Space Mono,monospace;font-size:12px;display:flex}.card-types b{font-weight:700}.card-types .t{color:var(--tokyo)}.card-types .o{color:var(--osaka)}.card-mean{color:var(--ink-soft);margin-top:8px;font-family:Zen Old Mincho,serif;font-size:13px}.empty{text-align:center;color:var(--ink-soft);padding:50px 20px}.empty b{color:var(--ink);margin-bottom:6px;font-size:18px;font-weight:700;display:block}.phrases{margin:28px 0}.phrase{background:var(--panel-grad);border:1.5px solid var(--line);border-left:5px solid var(--gold);border-radius:16px;margin-bottom:14px;padding:16px 16px 14px}.phrase-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.phrase-text{font-size:21px;font-weight:900}.phrase-mean{color:var(--ink-soft);font-family:Zen Old Mincho,serif;font-size:13px}.phrase .curve-box{margin-top:10px;overflow-x:auto}.phrase-say{color:var(--ink);margin-top:8px;font-size:13px;line-height:1.7}.modal-bg{backdrop-filter:blur(2px);z-index:60;background:#2c2a2680;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-bg.open{display:flex}@media (width>=580px){.modal-bg{align-items:center;padding:20px}}.modal{background:var(--modal-grad);border:2px solid var(--ink);border-bottom:none;border-radius:22px 22px 0 0;width:100%;max-width:520px;max-height:92vh;padding:22px 22px 30px;animation:.22s rise;overflow-y:auto}@media (width>=580px){.modal{border-bottom:2px solid var(--ink);border-radius:22px}}@keyframes rise{0%{opacity:.4;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-word{font-size:38px;font-weight:900;line-height:1.1}.modal-word small{color:var(--faint);margin-top:2px;font-family:Space Mono,monospace;font-size:14px;font-weight:400;display:block}.close{background:var(--close-grad);border:1.5px solid var(--ink);cursor:pointer;width:38px;height:38px;color:var(--ink);transition:background var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);border-radius:10px;flex:none;font-size:20px;line-height:1}.close:hover{background:var(--ink);color:var(--cream)}.close:active{transition-duration:var(--dur-press);transform:scale(.9)}.modal .curve-box{margin:16px 0 6px}.speak{border:2px solid var(--ink);background:linear-gradient(150deg,var(--gold),#a9660f);cursor:pointer;color:#fff;border-radius:12px;width:100%;margin-top:16px;padding:13px;font-family:inherit;font-size:15px;font-weight:700}.speak:hover{filter:brightness(1.06)}.speak.native{background:linear-gradient(150deg,var(--osaka),#a8281c)}.speak-note{color:var(--faint);text-align:center;margin-top:6px;font-family:Zen Old Mincho,serif;font-size:11px}.block{margin-top:18px}.block h4{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.compare-say{flex-direction:column;gap:8px;display:flex}.say-row{border-radius:12px;padding:11px 13px;font-size:14px;line-height:1.8}.say-row.t{background:linear-gradient(150deg,var(--tokyo-soft),var(--tokyo-soft-2))}.say-row.o{background:linear-gradient(150deg,var(--osaka-soft),var(--osaka-soft-2))}.say-row .who{letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-family:Space Mono,monospace;font-size:10.5px;font-weight:700;display:block}.say-row.t .who{color:var(--tokyo)}.say-row.o .who{color:var(--osaka)}.block p{color:var(--ink);font-family:Zen Old Mincho,serif;font-size:15px;line-height:1.7}.block .ex{color:var(--ink-soft)}.rulebadge{color:var(--gold);background:linear-gradient(150deg,var(--gold-soft),var(--gold-soft-2));border-radius:999px;margin-top:10px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-block}.terms{margin:26px 0}.term-grid{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}@media (width>=580px){.term-grid{grid-template-columns:1fr 1fr}}.term{background:var(--chip-grad);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.term .t{font-size:15px;font-weight:700}.term .t .r{color:var(--faint);margin-left:6px;font-family:Space Mono,monospace;font-size:11px;font-weight:400}.term .d{color:var(--ink-soft);margin-top:3px;font-family:Zen Old Mincho,serif;font-size:13px;line-height:1.7}.disclaimer{background:var(--disclaimer-grad);border:1.5px dashed var(--gold);color:var(--ink-soft);border-radius:14px;margin:28px 0 10px;padding:16px 18px;font-family:Zen Old Mincho,serif;font-size:13px;line-height:1.7}.disclaimer b{color:var(--ink);font-weight:600}footer{text-align:center;color:var(--faint);letter-spacing:.06em;padding:12px 0 44px;font-family:Space Mono,monospace;font-size:11px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.curve-path{stroke-dasharray:none!important;stroke-dashoffset:0!important}.modal{animation:none!important}.card:hover,.card:active,a.mini:active,.chip:active,.theme-toggle:active,.close:active,.quiz-opt:active,.quiz-btn:active{transform:none!important}}@keyframes draw{to{stroke-dashoffset:0}}.term-pop{cursor:help;white-space:nowrap;color:inherit;border-bottom:1.6px dotted;display:inline;position:relative}.term-pop>.pop{white-space:normal;text-align:left;color:#fbf8f1;letter-spacing:.01em;opacity:0;visibility:hidden;width:max-content;max-width:min(240px,78vw);transition:opacity var(--dur-hover) var(--ease-out),visibility var(--dur-hover) var(--ease-out);z-index:80;pointer-events:none;background:linear-gradient(160deg,#33302a,#413c33);border-radius:10px;padding:9px 12px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12.5px;font-weight:400;line-height:1.65;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 10px 24px #2c2a264d}.term-pop>.pop:after{content:"";border:6px solid #0000;border-top-color:#413c33;position:absolute;top:100%;left:50%;transform:translate(-50%)}.term-pop:focus-visible>.pop,.term-pop.show>.pop{opacity:1;visibility:visible}@media (hover:hover) and (pointer:fine){.term-pop:hover>.pop{opacity:1;visibility:visible}}.term-pop[data-dismissed]:focus-visible>.pop{opacity:0;visibility:hidden}.term-pop:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.term-pop:active{opacity:.55}.ese{margin-top:34px}.ese-card{background:var(--panel-grad);border:1px solid var(--line);border-radius:16px;margin-top:12px;padding:16px 16px 12px}.ese-card .no{color:#b33;letter-spacing:.12em;font-family:Space Mono,monospace;font-size:11px}.ese-card h3{margin:6px 0;font-size:16.5px}.ese-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.ese-cell{text-align:center;border-radius:12px;padding:8px 8px 4px}.ese-cell .lb{letter-spacing:.1em;margin-bottom:2px;font-family:Space Mono,monospace;font-size:10.5px}.ese-cell.x{background:var(--ese-x-grad);color:var(--ink-soft)}.ese-cell.o{background:var(--ese-o-grad)}.ese-cell.o .lb{color:var(--osaka,#c0392b)}.ese-word{color:var(--ink);font-size:15px;font-weight:800}@media (width<=420px){.ese-pair{grid-template-columns:1fr}}.chip.rule[aria-pressed=true]{background:linear-gradient(150deg,var(--gold),#a9660f);border-color:var(--gold);color:#fff}.card-word a{color:inherit;text-decoration:none}.wordlink{color:var(--gold);border-bottom:1.6px solid var(--gold-line);margin-top:14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.wordlink:hover{border-color:var(--gold)}.wordlink:active{opacity:.55}.backlink{color:var(--ink-soft);border-bottom:1.6px solid var(--line);margin-top:14px;font-family:Space Mono,monospace;font-size:12.5px;text-decoration:none;display:inline-block}.backlink:hover{color:var(--ink);border-color:var(--ink-soft)}.backlink:active{opacity:.55}.tagrow{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}a.mini{color:inherit;transition:transform var(--dur-press) var(--ease-out);text-decoration:none;display:block}a.mini:active{transform:scale(.95)}.catlinks{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.catlinks a{color:var(--ink);border-bottom:1.6px dotted var(--line);font-size:14px;text-decoration:none}.catlinks a:hover{border-color:var(--ink-soft)}.catlinks a:active{opacity:.55}.jumpnav{letter-spacing:.06em;flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:14px;font-family:Space Mono,monospace;font-size:12px;display:flex}.jumpnav a{color:var(--ink-soft);border-bottom:1.6px solid var(--line);padding-bottom:1px;text-decoration:none}.jumpnav a:hover{color:var(--ink);border-color:var(--gold)}.jumpnav a:active{opacity:.55}.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:92dvh}.modal-bg{overscroll-behavior:contain}footer a{color:var(--ink-soft);border-bottom:1.6px solid var(--line);text-decoration:none}footer a:hover{color:var(--ink);border-color:var(--gold)}footer a:active{opacity:.55}.ese-gist{color:var(--ink);background:linear-gradient(150deg,var(--gold-soft),var(--gold-soft-2));border-radius:10px;margin:2px 0 12px;padding:9px 13px;font-size:15px;font-weight:700;line-height:1.8}.ese-gist .gl{letter-spacing:.1em;color:var(--gold);margin-bottom:1px;font-family:Space Mono,monospace;font-size:10.5px;font-weight:700;display:block}.rulecard .hint a{color:var(--gold);border-bottom:1.6px solid var(--gold-line);font-weight:700;text-decoration:none}.rulecard .hint a:hover{border-color:var(--gold)}.rulecard .hint a:active{opacity:.55}.quiz{margin:28px 0}.quiz-panel{margin-top:14px}.quiz-stage{color:var(--ink-soft);text-align:center;padding:10px 4px;font-family:Zen Old Mincho,serif;font-size:14.5px}.quiz-progress{letter-spacing:.08em;color:var(--faint);text-align:center;font-family:Space Mono,monospace;font-size:12px}.quiz-word{text-align:center;margin:10px 0 16px}.quiz-word:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:8px}.quiz-word-main{font-size:28px;font-weight:900}.quiz-word-kana{color:var(--faint);margin-top:2px;font-family:Space Mono,monospace;font-size:13px}.quiz-opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.quiz-opts{grid-template-columns:1fr}}.quiz-opt{background:var(--panel-grad);border:1.5px solid var(--line);cursor:pointer;width:100%;transition:border-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);text-align:center;border-radius:14px;padding:14px 10px 10px;font-family:inherit}.quiz-opt:hover:not(:disabled){border-color:var(--ink)}.quiz-opt:active:not(:disabled){transition-duration:var(--dur-press);transform:scale(.97)}.quiz-opt:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.quiz-opt:disabled{cursor:default}.quiz-opt-label{letter-spacing:.08em;min-height:14px;margin-bottom:4px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.quiz-opt-label.t{color:var(--tokyo)}.quiz-opt-label.o{color:var(--osaka)}.quiz-opt.is-correct{border-color:var(--osaka);background:linear-gradient(150deg,var(--osaka-soft),var(--osaka-soft-2))}.quiz-opt.is-wrong{color:var(--ink-soft);border-color:#8b8578}.quiz-feedback{text-align:center;min-height:22px;color:var(--ink);margin-top:14px;font-size:15px;font-weight:700}.quiz-controls{justify-content:center;margin-top:10px;display:flex}.quiz-btn{color:#fff;background:linear-gradient(150deg,var(--gold),#a9660f);border:2px solid var(--ink);cursor:pointer;transition:filter var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);border-radius:12px;padding:11px 24px;font-family:inherit;font-size:14.5px;font-weight:700}.quiz-btn:hover{filter:brightness(1.06)}.quiz-btn:active{transition-duration:var(--dur-press);transform:scale(.96)}.quiz-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.quiz-result{text-align:center;padding:6px 4px}.quiz-result-score{font-size:22px;font-weight:900}.quiz-result-comment{color:var(--ink-soft);margin-top:8px;font-family:Zen Old Mincho,serif;font-size:14.5px;line-height:1.7}.quiz-result-comment a{color:var(--gold);border-bottom:1.6px solid var(--gold-line);font-weight:700;text-decoration:none}.quiz-result-comment a:hover{border-color:var(--gold)}.quiz-result-comment a:active{opacity:.55}.quiz-result .quiz-btn{margin-top:16px}.quiz-result-best{color:var(--gold);margin-top:10px;font-family:Space Mono,monospace;font-size:12.5px;font-weight:700}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quiz-progress-row{flex-direction:column;align-items:center;gap:6px;display:flex}.quiz-dots{justify-content:center;gap:6px;display:flex}.quiz-dot{border:1.6px solid var(--line);box-sizing:border-box;background:0 0;border-radius:50%;width:10px;height:10px}.quiz-dot.is-current{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.quiz-dot.is-correct{background:var(--osaka);border-color:var(--osaka)}.quiz-dot.is-wrong{background:#8b8578;border-color:#8b8578}.quiz-result-title{color:var(--gold);margin-bottom:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:21px;font-weight:900;line-height:1.5}.quiz-q2-prompt{text-align:center;color:var(--ink-soft);margin-top:4px;font-family:Zen Old Mincho,serif;font-size:14.5px}.quiz-word-mean{color:var(--ink-soft);margin-top:6px;font-family:Zen Old Mincho,serif;font-size:13px;line-height:1.8}.quiz-opt2{padding:22px 10px;font-size:16px;font-weight:800}.quiz-reveal{background:linear-gradient(150deg,var(--osaka-soft),var(--osaka-soft-2));border:1.5px solid var(--osaka);text-align:center;border-radius:14px;margin-top:14px;padding:12px 14px}.quiz-reveal[hidden]{display:none}.quiz-q2-type{letter-spacing:.08em;color:var(--osaka);margin-top:4px;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.quiz-q2-say{color:var(--ink);margin-top:6px;font-family:Zen Old Mincho,serif;font-size:13.5px;line-height:1.7}.term-pop>.pop{transform:translateX(calc(-50% + var(--pop-shift,0px)))}.term-pop>.pop:after{left:calc(50% - var(--pop-shift,0px))}.term-pop.pop-below>.pop{top:calc(100% + 9px);bottom:auto}.term-pop.pop-below>.pop:after{border-top-color:#0000;border-bottom-color:#413c33;top:auto;bottom:100%}.floating-controls{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:55;align-items:center;gap:8px;display:flex;position:fixed}@media print{.floating-controls{display:none}}.theme-toggle{background:var(--panel-grad);border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;width:44px;height:44px;transition:color var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 20px -8px #2c2a2659}.theme-toggle:hover{color:var(--ink);border-color:var(--gold);background:var(--chip-grad)}.theme-toggle:active{transition-duration:var(--dur-press);transform:scale(.92)}.theme-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=dark] .curve-box,html[data-theme=dark] .quiz-opt-curve,html[data-theme=dark] .quiz-q2-curve{background:#fcf8f0;border-radius:10px}html[data-theme=dark] .speak,html[data-theme=dark] .quiz-btn,html[data-theme=dark] .chip.rule[aria-pressed=true]{background:linear-gradient(150deg,#ba7517,#a9660f);border-color:#ba7517}html[data-theme=dark] .speak.native,html[data-theme=dark] .chip.flip[aria-pressed=true]{background:linear-gradient(150deg,#c0392b,#a8281c);border-color:#c0392b}@media (prefers-reduced-transparency:reduce){.modal-bg{backdrop-filter:none;background:#2c2a26eb}}@media (prefers-contrast:more){html[data-scrolled] .search{border-bottom:1.5px solid var(--ink)}}