@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-subset-CT4E8rj-.woff2) format("woff2")}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/shippori-mincho-400-Bq7derhP.woff2) format("woff2")}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/shippori-mincho-700-CeEvgpIT.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-jp-subset-CTUQwx_9.woff2) format("woff2")}@font-face{font-family:Klee One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/klee-one-400-C0xk7pY8.woff2) format("woff2")}@font-face{font-family:Klee One;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/klee-one-600-CQQClc3k.woff2) format("woff2")}:root{--serif: "Shippori Mincho", serif;--sans: "Inter", -apple-system, system-ui, "Noto Sans JP", sans-serif;--jp: "Noto Sans JP", sans-serif;--kana: "Klee One", "Noto Sans JP", sans-serif;--on-accent: #fff2e6;--on-accent-soft: #ffe0d6;--accent-preview-light: #C8102E;--accent-preview-dark: #E03A47}.va{--bg: #F6EFE0;--bg-card: #FFFCF5;--bg-elev: #EFE5CC;--ink: #1B1A17;--ink-2: #4A4842;--ink-3: #7A7568;--border: #DFD3B6;--border-2: #E9DEC2;--accent: #C8102E;--accent-2: #A50D26;--accent-fill: var(--accent);--gold: #B89559;--marco-card: var(--gold);--green: #3A8A4E;--green-strong: #2F7A43;--red: #B83A2A;--shadow-card: 0 6px 18px rgba(27, 26, 23, .05);--shadow-card-hero: 0 8px 24px rgba(27, 26, 23, .05);--shadow-card-float: 0 4px 14px rgba(27, 26, 23, .06), 0 14px 36px rgba(27, 26, 23, .07);--card-glaze: inset 0 1px 0 rgba(255, 255, 255, .55);color:var(--ink);font-family:var(--sans);background:var(--bg);background-image:radial-gradient(circle at 14% 18%,rgba(200,16,46,.05) 0%,transparent 42%),radial-gradient(circle at 86% 82%,rgba(184,149,89,.06) 0%,transparent 48%)}.vb{--bg: #0E1E33;--bg-card: #142944;--bg-elev: #1A3354;--ink: #F2E8D5;--ink-2: #C9BFA8;--ink-3: #8A8170;--border: #234260;--border-2: #2B527A;--accent: #E03A47;--accent-2: #F26A6A;--accent-fill: #C8102E;--gold: #D4A24A;--marco-card: var(--border);--green: #6EC78A;--green-strong: #2E7D4F;--red: #E85C5A;--shadow-card: 0 10px 24px rgba(0, 0, 0, .35);--shadow-card-hero: 0 12px 32px rgba(0, 0, 0, .35);--shadow-card-float: 0 8px 20px rgba(0, 0, 0, .4), 0 18px 50px rgba(0, 0, 0, .35);--card-glaze: inset 0 1px 0 rgba(255, 255, 255, .04);color:var(--ink);font-family:var(--sans);background:var(--bg);background-image:radial-gradient(circle at 18% 22%,rgba(224,58,71,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(212,162,74,.08) 0%,transparent 45%)}.stats-eyebrow,.settings-eyebrow,.cal-eyebrow,.summary-eyebrow,.sim-intro-eyebrow,.onb-eyebrow{font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.stats-eyebrow,.settings-eyebrow,.cal-eyebrow,.summary-eyebrow{margin-bottom:8px;display:inline-flex;align-items:center;gap:10px}.stats-eyebrow:before,.settings-eyebrow:before,.cal-eyebrow:before,.summary-eyebrow:before{content:"";width:14px;height:1.5px;background:var(--accent)}.onb-eyebrow{margin-bottom:10px}.stats-section-h,.settings-section-h,.cal-section-h,.detail-section-h,.summary-section-h,.sim-review-h{font-family:var(--serif);font-weight:700;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:10px;margin:0 0 10px;letter-spacing:.04em}.cal-section-h{margin-bottom:12px}.stats-section-h .strk,.settings-section-h .strk,.cal-section-h .strk,.detail-section-h .strk,.summary-section-h .strk,.sim-review-h .strk{display:inline-block;width:22px;height:2px;background:var(--accent);border-radius:2px}.summary-section-h .strk.good{background:var(--green)}.stats-section-h .jp-side,.settings-section-h .jp-side,.cal-section-h .jp-side,.detail-section-h .jp-side,.summary-section-h .jp-side,.sim-review-h .jp-side{font-family:var(--jp);font-size:11px;color:var(--ink-3);font-weight:400;letter-spacing:.1em}.stats-section-h .cnt,.summary-section-h .cnt,.sim-review-h .cnt{margin-left:auto;font-size:10px;color:var(--ink-3);letter-spacing:.16em;font-weight:600;background:var(--bg-card);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.serif{font-family:var(--serif)}.jp{font-family:var(--jp)}.eyebrow{font-family:var(--serif);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:14px;height:1.5px;background:var(--accent)}.brand-mark{width:36px;height:36px;font-family:var(--serif);font-weight:700;font-size:22px;line-height:1;color:#fff;background:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:4px;box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 0 3px #ffffff2e;letter-spacing:-.02em}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 18px 10px}.section-title h3{font-family:var(--serif);font-weight:700;font-size:13px;margin:0;color:var(--ink);letter-spacing:.04em;display:flex;align-items:center;gap:8px}.section-title h3 .stroke{display:inline-block;width:22px;height:2px;background:var(--accent);border-radius:2px}.section-title h3 .jp-side{font-family:var(--jp);font-size:11px;color:var(--ink-3);font-weight:400;letter-spacing:.1em;margin-left:2px}.section-title .toggle{font-size:10px;color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-weight:600}.levels{display:flex;gap:6px;padding:0 18px;overflow-x:auto;scrollbar-width:none}.levels::-webkit-scrollbar{display:none}.level{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;max-width:96px;min-height:56px;padding:8px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;position:relative;font-family:var(--sans)}.level .l-id{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--ink);letter-spacing:-.01em}.level .l-sub{font-size:8.5px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-weight:600;max-width:100%;text-align:center;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.level.active{background:var(--accent-fill);border-color:var(--accent);box-shadow:0 2px 10px color-mix(in oklab,var(--accent) 30%,transparent)}.level.active .l-id{color:#fff}.level.active .l-sub{color:#ffffffd9}.level.locked{opacity:.45;background:transparent;border-style:dashed}.level.locked .l-id{color:var(--ink-3)}.level.locked:after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--ink-3);opacity:.5}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px}.chip{background:var(--bg-card);border:1px solid var(--border);color:var(--ink);padding:7px 12px;border-radius:999px;font-family:var(--sans);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chip .jp-tiny{font-family:var(--jp);font-size:10px;color:var(--ink-3)}.chip.active{background:var(--accent-fill);color:#fff;border-color:var(--accent)}.chip.active .jp-tiny{color:#ffffffc7}.chip.ghost{border-style:dashed;color:var(--ink-3);font-style:italic;background:transparent}.blocks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 18px}.block{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:9px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;position:relative;min-height:50px}.block .b-id{font-family:var(--serif);font-size:14px;font-weight:700;letter-spacing:.04em}.block .b-count{font-size:9px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.block.done{background:color-mix(in oklab,var(--green) 14%,var(--bg-card));border-color:color-mix(in oklab,var(--green) 35%,var(--border))}.block.done:after{content:"";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--green)}.block.partial{background:color-mix(in oklab,var(--accent) 7%,var(--bg-card));border-color:color-mix(in oklab,var(--accent) 32%,var(--border))}.block.partial .b-id{color:var(--accent)}.block.active{background:var(--accent-fill);border-color:var(--accent);color:#fff}.block.active .b-count{color:#ffffffc7}.modes{padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 12px 14px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px}.mode.full{grid-column:span 2}.mode .m-row{display:flex;align-items:center;justify-content:space-between}.mode .m-kanji{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1;color:var(--accent)}.mode .m-pill{font-size:8.5px;color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.mode .m-title{font-family:var(--serif);font-weight:700;font-size:14px;color:var(--ink);margin-top:4px}.mode .m-desc{font-size:11px;color:var(--ink-3);line-height:1.45}.mode.primary{background:var(--accent);border-color:var(--accent)}.mode.primary .m-kanji,.mode.primary .m-title{color:#fff}.mode.primary .m-desc{color:#fffc}.mode.primary .m-pill{color:#ffffffb3}.foot{text-align:center;padding:18px 0 22px;color:var(--ink-3);opacity:.5;font-family:var(--serif);letter-spacing:.6em;font-size:11px}.stage{padding:8px 18px 0}.fcard{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:0;position:relative;overflow:hidden;box-shadow:var(--card-glaze),var(--shadow-card-hero)}.fcard-body{padding:36px 20px 28px;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;position:relative;min-height:280px;justify-content:center}.fcard-jp-big{font-family:var(--serif);font-weight:700;font-size:156px;line-height:.9;color:var(--ink);letter-spacing:-.04em;margin:0;position:relative;z-index:2}.fcard-jp-back{font-family:var(--serif);font-weight:700;font-size:64px;line-height:1;color:var(--ink);letter-spacing:-.04em;margin:0 0 8px}.fcard-reading{font-family:var(--jp);font-size:14px;color:var(--ink-2);letter-spacing:.12em;margin:6px 0 14px}.fcard-front-reading{font-family:var(--jp);font-size:16px;color:var(--ink-2);letter-spacing:.12em;margin-top:16px}.fcard-meaning{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.3;color:var(--ink);margin:0 0 14px;max-width:280px}.fcard-extras{width:100%;max-width:300px;border-top:1px dashed var(--border-2);padding-top:12px;margin-top:4px;text-align:left}.fcard-extras h5{font-family:var(--serif);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-3);margin:0 0 6px}.fcard-extras .ex{font-family:var(--jp);font-size:12px;color:var(--ink-2);line-height:1.55;margin-bottom:3px}.fcard-hint{text-align:center;font-size:10.5px;color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:0 0 12px}.fcard-hint .kbd{display:inline-block;border:1px solid var(--border);background:var(--bg-elev);padding:1px 5px;border-radius:3px;font-family:var(--sans);font-size:9.5px;color:var(--ink-2);margin:0 2px}.test-q-label{text-align:center;font-family:var(--serif);font-size:12px;color:var(--ink-3);letter-spacing:.22em;text-transform:uppercase;font-weight:700;margin:18px 0 10px;display:flex;align-items:center;justify-content:center;gap:10px}.test-q-label:before,.test-q-label:after{content:"";flex:0 0 18px;height:1px;background:var(--border-2)}.test-q-label .jp-tag{font-family:var(--jp);font-size:10px;color:var(--ink-3);letter-spacing:.12em}.test-options{padding:0 18px;display:flex;flex-direction:column;gap:8px}.test-option{background:var(--bg-card);border:1.5px solid var(--border);padding:12px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;font-family:var(--sans);font-size:14px;color:var(--ink)}.test-option .opt-letter{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:11px;font-weight:700;color:var(--ink-2);flex-shrink:0}.test-option .opt-text{flex:1;line-height:1.35}.test-option.correct{border-color:var(--green);background:color-mix(in oklab,var(--green) 12%,var(--bg-card));color:var(--ink);position:relative}.test-option.correct .opt-letter{background:var(--green-strong);color:#fff;border-color:var(--green-strong)}.test-option.correct:after{content:"正";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:13px;color:var(--green);font-weight:700;background:color-mix(in oklab,var(--green) 18%,transparent);border:1px solid var(--green);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px}.test-option.incorrect{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--bg-card));color:var(--accent)}.test-option.incorrect .opt-letter{background:var(--accent-fill);color:#fff;border-color:var(--accent)}.test-option.dim{opacity:.5}.washi-bg{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.washi-bg:before{content:"";position:absolute;left:0;right:0;bottom:0;height:380px;background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,var(--accent) 2%,transparent) 50%,color-mix(in oklab,var(--gold) 8%,transparent) 100%);-webkit-mask-image:var(--sc-fade);mask-image:var(--sc-fade)}.washi-bg .seal{position:absolute;top:26px;right:24px;width:30px;height:30px;border-radius:4px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:16px;color:var(--bg);opacity:.12;box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 0 3px color-mix(in oklab,var(--bg) 60%,var(--accent));z-index:7}.fuji-bg{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.va .fcard-jp-big{background:linear-gradient(180deg,var(--ink) 0%,color-mix(in oklab,var(--ink) 78%,var(--accent)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.vb .fcard-jp-big{color:var(--ink);text-shadow:0 2px 24px color-mix(in oklab,var(--accent) 30%,transparent)}.washi-bg,.fuji-bg{--sc-fade: linear-gradient(90deg, transparent 0%, #000 11%, #000 89%, transparent 100%)}.sc-wide{-webkit-mask-image:var(--sc-fade);mask-image:var(--sc-fade)}.sc-sun{position:absolute;left:50%;bottom:56px;transform:translate(-50%);width:156px;height:156px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#c8102e,#c8102e 58%,#d8455c);opacity:.18}.sc-backrange{position:absolute;left:0;right:0;bottom:16px;height:84px;background:linear-gradient(180deg,#8a8378,#9b9488);opacity:.32;z-index:1;clip-path:polygon(0% 100%,5% 66%,12% 80%,21% 52%,30% 72%,40% 48%,50% 70%,60% 50%,69% 74%,79% 54%,88% 72%,95% 60%,100% 70%,100% 100%);-webkit-mask-image:var(--sc-fade);mask-image:var(--sc-fade)}.sc-backrange.front{bottom:16px;height:58px;opacity:.22;z-index:1;background:linear-gradient(180deg,#736e64,#847e72);clip-path:polygon(0% 100%,8% 72%,18% 84%,28% 64%,38% 80%,50% 60%,60% 80%,70% 66%,82% 82%,92% 70%,100% 78%,100% 100%)}.sc-mist{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent 0%,rgba(246,239,224,.7) 55%,rgba(216,204,178,.65) 100%);-webkit-mask-image:var(--sc-fade);mask-image:var(--sc-fade)}.sc-torii{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:150px;height:128px;z-index:6}.sc-torii .post{position:absolute;bottom:0;width:12px;background:linear-gradient(180deg,#c8102e,#a50d26 88%,#7d0a1d)}.sc-torii .post.l{left:30px;height:116px}.sc-torii .post.r{right:30px;height:116px}.sc-torii .nuki{position:absolute;top:30px;left:22px;right:22px;height:8px;background:#c8102e}.sc-torii .gakuzuka{position:absolute;top:18px;left:50%;transform:translate(-50%);width:10px;height:15px;background:#c8102e}.sc-torii .shimaki{position:absolute;top:12px;left:6px;right:6px;height:9px;background:#1b1a17}.sc-torii .kasagi{position:absolute;top:0;left:-10px;right:-10px;height:12px;background:#1b1a17;clip-path:polygon(0% 75%,6% 30%,14% 8%,86% 8%,94% 30%,100% 75%,100% 100%,0% 100%)}.vb .sc-torii .post{background:linear-gradient(180deg,#b8313c,#931f29 88%,#6a141c)}.vb .sc-torii .nuki,.vb .sc-torii .gakuzuka{background:#b8313c}.vb .sc-torii .shimaki,.vb .sc-torii .kasagi{background:#8a1a24}.proto{font-family:var(--sans);height:100%}.proto-meta-row{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}.proto-progress{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0}.proto-progress-label{font-size:11px;color:var(--ink-3);display:inline-flex;align-items:baseline;gap:4px;flex-shrink:0}.proto-progress-label .idx{font-family:var(--serif);font-size:14px;color:var(--ink);font-weight:700}.proto-progress-label .of{color:var(--ink-3)}.proto-petals{display:flex;gap:2px;flex:1;align-items:center;height:6px}.proto-petals .p{flex:1;height:6px;border-radius:3px;background:var(--border-2);transition:background .25s ease}.proto-petals .p.done{background:var(--accent)}.proto-petals .p.curr{background:var(--accent);position:relative}.proto-petals .p.curr:after{content:"";position:absolute;right:-3px;top:-3px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg)}.proto-stage{position:relative;padding:8px 18px 0;flex:1;min-height:460px}.proto-behind{position:absolute;left:18px;right:18px;top:8px;height:460px;pointer-events:none}.proto-behind .behind-card{width:100%;height:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-card)}.proto-behind .behind-jp{font-family:var(--serif);font-weight:700;font-size:110px;line-height:1;color:var(--ink);opacity:.18;letter-spacing:-.04em}.proto-behind.b1{transform:scale(.94) translateY(14px);opacity:.85;z-index:1}.proto-behind.b2{transform:scale(.88) translateY(28px);opacity:.55;z-index:0}.proto-card-wrap{position:relative;z-index:5;width:100%;height:460px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.proto-card-wrap.dragging{cursor:grabbing}.proto-card-wrap.spring-back{transition:transform .36s cubic-bezier(.34,1.56,.64,1)}.proto-card-wrap.exit-right{transition:transform var(--exit-dur, .42s) cubic-bezier(.55,.05,.85,.4),opacity var(--exit-dur, .42s) ease-in;transform:translate(140%) rotate(20deg)!important;opacity:0}.proto-card-wrap.exit-left{transition:transform var(--exit-dur, .42s) cubic-bezier(.55,.05,.85,.4),opacity var(--exit-dur, .42s) ease-in;transform:translate(-140%) rotate(-20deg)!important;opacity:0}.flip-card{width:100%;height:100%;perspective:1600px;position:relative}.flip-inner{position:relative;width:100%;height:100%;transition:transform var(--flip-dur, .65s) cubic-bezier(.5,0,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden}.flip-face.back{transform:rotateY(180deg)}.proto-card{width:100%;height:100%;display:flex;flex-direction:column;border-radius:18px;box-shadow:var(--shadow-card-float)}.feedback-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .32s ease-out;z-index:10}.feedback-glow.good{box-shadow:inset 0 0 0 3px var(--green),0 0 0 6px color-mix(in oklab,var(--green) 35%,transparent),0 0 48px color-mix(in oklab,var(--green) 60%,transparent);opacity:1}.feedback-glow.bad{box-shadow:inset 0 0 0 3px var(--accent),0 0 0 6px color-mix(in oklab,var(--accent) 35%,transparent),0 0 48px color-mix(in oklab,var(--accent) 60%,transparent);opacity:1}.swipe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;padding-top:36px;z-index:8;transition:opacity .1s linear}.swipe-overlay.know{background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--green) 18%,transparent) 100%)}.swipe-overlay.miss{background:linear-gradient(270deg,transparent 0%,color-mix(in oklab,var(--accent) 18%,transparent) 100%)}.swipe-stamp{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 22px;border:3px solid;border-radius:8px;transform:rotate(-14deg);font-family:var(--serif);font-weight:700}.swipe-overlay.know .swipe-stamp{border-color:var(--green);color:var(--green)}.swipe-overlay.miss .swipe-stamp{border-color:var(--accent);color:var(--accent);transform:rotate(14deg)}.swipe-stamp .stamp-mark{font-size:28px;line-height:1}.swipe-stamp .stamp-lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.proto-bottom{padding:18px 18px calc(16px + env(safe-area-inset-bottom,0px));position:relative;z-index:4}.proto-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proto-actions:has(.proto-btn-ghost){grid-template-columns:1fr}.proto-btn{border:none;cursor:pointer;padding:14px;border-radius:14px;font-family:var(--sans);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.proto-btn:active{transform:scale(.97)}.proto-btn .b-arrow{font-family:var(--serif);font-size:18px;font-weight:700}.proto-btn .b-lbl{font-size:14px;font-weight:600}.proto-btn .b-kbd{font-family:var(--sans);font-size:10px;border:1px solid currentColor;border-radius:4px;padding:1px 5px;opacity:.6;font-weight:600;letter-spacing:.06em}.proto-btn.know{background:var(--green-strong);color:#fff;box-shadow:0 4px 16px color-mix(in oklab,var(--green) 30%,transparent)}.proto-btn.know:hover{box-shadow:0 6px 22px color-mix(in oklab,var(--green) 40%,transparent)}.proto-btn.miss{background:var(--bg-card);color:var(--accent);border:1.5px solid var(--accent)}.proto-btn.miss:hover{background:color-mix(in oklab,var(--accent) 6%,var(--bg-card))}.proto-btn-ghost{width:100%;background:var(--bg-card);border:1.5px dashed var(--border);color:var(--ink-2);padding:14px;border-radius:14px;font-family:var(--sans);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:border-color .15s ease}.proto-btn-ghost:hover{border-color:var(--accent);color:var(--ink)}.proto-btn-ghost .b-kbd{border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:10px;color:var(--ink-3);font-weight:600;background:var(--bg);letter-spacing:.06em}.proto-tally{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--jp);font-size:11px}.proto-tally-top{margin-top:0;gap:10px;font-size:11px;padding:4px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;flex-shrink:0}.streak-chip{position:absolute;left:50%;top:230px;transform:translate(-50%,-50%);z-index:7;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;animation:streakChipReveal .9s cubic-bezier(.34,1.56,.64,1) forwards}.streak-chip .num-wrap{width:104px;height:104px;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 6px color-mix(in oklab,var(--bg-card) 100%,transparent),0 0 0 8px color-mix(in oklab,var(--accent) 12%,transparent),0 14px 36px color-mix(in oklab,var(--accent) 30%,transparent);position:relative}.streak-chip .num-wrap:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px dashed color-mix(in oklab,var(--accent) 50%,transparent)}.streak-chip .num{font-family:var(--serif);font-weight:700;font-size:48px;line-height:1;color:var(--accent);letter-spacing:-.04em;position:relative;z-index:2}.streak-chip .lbl-wrap{background:var(--accent-fill);color:#fff;padding:5px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 4px 14px color-mix(in oklab,var(--accent) 32%,transparent)}.streak-chip .lbl-wrap .jp{font-family:var(--jp);font-size:9.5px;opacity:.85;border-left:1px solid rgba(255,255,255,.32);padding-left:8px;letter-spacing:.18em}@keyframes streakChipReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}45%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}.review-banner{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:10px 14px;border-radius:12px;background:color-mix(in oklab,var(--accent) 8%,var(--bg-card));border:1px solid color-mix(in oklab,var(--accent) 28%,var(--border))}.review-banner .rb-glyph{width:34px;height:34px;border-radius:8px;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.review-banner .rb-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.review-banner .rb-title{font-family:var(--serif);font-weight:700;font-size:13.5px;color:var(--ink);letter-spacing:.02em}.review-banner .rb-sub{font-size:11px;color:var(--ink-3);letter-spacing:.02em}.summary-wrap{padding:18px 18px 24px;position:relative;z-index:1}.summary-title{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.2;margin:0 0 18px;letter-spacing:-.01em}.summary-title .summary-sub{display:block;font-size:12px;color:var(--ink-3);font-weight:400;letter-spacing:.08em;margin-top:4px}.summary-big-stats{display:flex;align-items:stretch;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px 0;margin-bottom:10px}.summary-big-stats .big-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.summary-big-stats .big-stat .num{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1;letter-spacing:-.02em}.summary-big-stats .big-stat .lbl{font-size:10px;color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.summary-big-stats .big-stat.good .num{color:var(--green)}.summary-big-stats .big-stat.bad .num{color:var(--accent)}.summary-big-stats .big-stat-divider{width:1px;background:var(--border)}.summary-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.summary-stats-row .mini-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;gap:2px;align-items:center}.summary-stats-row .mini-stat .num{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1;color:var(--ink);letter-spacing:-.01em}.summary-stats-row .mini-stat .num small{font-size:12px;opacity:.7;margin-left:1px;font-weight:600}.summary-stats-row .mini-stat .lbl{font-size:9px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.summary-section{margin-bottom:14px}.summary-list{display:flex;flex-direction:column;gap:5px}.summary-row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px 12px 8px 10px;border-left-width:3px}.summary-row.miss{border-left-color:var(--accent)}.summary-row.know{border-left-color:var(--green)}.summary-row .row-jp{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);line-height:1;min-width:28px;text-align:center;letter-spacing:-.02em}.summary-row .row-info{flex:1;min-width:0;line-height:1.3}.summary-row .row-mean{font-family:var(--sans);font-size:13px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-row .row-read{font-family:var(--jp);font-size:10px;color:var(--ink-3);letter-spacing:.06em}.summary-row .row-mark{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;flex-shrink:0}.summary-row .row-mark.good{color:var(--green);background:color-mix(in oklab,var(--green) 14%,transparent);border:1px solid color-mix(in oklab,var(--green) 30%,transparent)}.summary-row .row-mark.bad{color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent) 32%,transparent)}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.summary-btn{padding:14px;border-radius:14px;border:none;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s ease}.summary-btn:active{transform:scale(.97)}.summary-btn .jp-mini{font-family:var(--jp);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;opacity:.78}.summary-btn.primary{background:var(--accent-fill);color:#fff;box-shadow:0 4px 14px color-mix(in oklab,var(--accent-fill) 30%,transparent)}.summary-btn.ghost{background:var(--bg-card);color:var(--ink);border:1px solid var(--border)}.summary-btn.ghost .jp-mini{color:var(--ink-3)}.proto-tally .t-good{color:var(--green);font-weight:700}.proto-tally .t-bad{color:var(--accent);font-weight:700}.proto-tally .t-pct{color:var(--ink-3)}.test-card-area{padding:8px 18px 0;position:relative;flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;transition:opacity .22s ease,transform .22s ease}.test-card-area.transitioning{opacity:0;transform:translateY(8px)}.test-card-mini{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px 16px 24px;position:relative;text-align:center;box-shadow:var(--card-glaze),var(--shadow-card)}.test-card-mini .test-jp{font-family:var(--serif);font-weight:700;font-size:88px;line-height:1;color:var(--ink);letter-spacing:-.04em;margin:10px 0 6px}.va .test-card-mini .test-jp{background:linear-gradient(180deg,var(--ink) 0%,color-mix(in oklab,var(--ink) 78%,var(--accent)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vb .test-card-mini .test-jp{text-shadow:0 2px 24px color-mix(in oklab,var(--accent) 30%,transparent)}.test-card-mini .test-reading{font-family:var(--jp);font-size:14px;color:var(--ink-2);letter-spacing:.14em}.test-card-area .test-q-label{margin:4px 0 2px}.test-card-area .test-options{padding:0;display:flex;flex-direction:column;gap:7px}.proto-test-option{font-family:var(--sans);text-align:left;cursor:pointer;padding:12px 16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1.5px solid var(--border);color:var(--ink);min-height:48px;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease}.proto-test-option:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent) 50%,var(--border));background:color-mix(in oklab,var(--accent) 4%,var(--bg-card));transform:translate(3px)}.proto-test-option:active:not(:disabled){transform:scale(.985)}.proto-test-option:disabled{cursor:default}.proto-test-option.correct{animation:optCorrect .45s cubic-bezier(.34,1.56,.64,1) both}.proto-test-option.incorrect{animation:optShake .45s ease-in-out both}@keyframes optCorrect{0%{transform:scale(1)}35%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes optShake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}.test-feedback-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;margin-bottom:4px}.test-feedback-bar.good{background:color-mix(in oklab,var(--green) 14%,var(--bg-card));border:1px solid color-mix(in oklab,var(--green) 35%,var(--border))}.test-feedback-bar.bad{background:color-mix(in oklab,var(--accent) 10%,var(--bg-card));border:1px solid color-mix(in oklab,var(--accent) 35%,var(--border))}.test-feedback-bar .fb-l{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.test-feedback-bar .fb-glyph{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;font-weight:700;flex-shrink:0}.test-feedback-bar.good .fb-glyph{background:var(--green-strong);color:#fff}.test-feedback-bar.bad .fb-glyph{background:var(--accent-fill);color:#fff}.test-feedback-bar .fb-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.test-feedback-bar .fb-title{font-family:var(--serif);font-weight:700;font-size:13.5px;letter-spacing:.04em}.test-feedback-bar.good .fb-title{color:var(--green)}.test-feedback-bar.bad .fb-title{color:var(--accent)}.test-feedback-bar .fb-sub{font-family:var(--jp);font-size:10.5px;color:var(--ink-3);margin-top:2px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proto-btn-next{background:var(--accent-fill);color:#fff;border:none;padding:8px 14px;border-radius:10px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 2px 8px color-mix(in oklab,var(--accent-fill) 30%,transparent);transition:transform .15s ease}.proto-btn-next:active{transform:scale(.97)}.proto-btn-next .b-arrow{font-family:var(--serif);font-size:14px}.test-card-area .streak-chip{top:50%}.settings-wrap{padding:22px 18px 30px;position:relative;z-index:1}.settings-title{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.2;margin:0 0 22px;letter-spacing:-.01em}.settings-title .settings-sub{display:block;font-size:12px;color:var(--ink-3);font-weight:400;letter-spacing:.08em;margin-top:4px}.settings-section{margin-bottom:22px}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.setting-label{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:8px}.setting-jp{font-family:var(--jp);font-size:10px;color:var(--ink-3);font-weight:400;letter-spacing:.1em}.setting-hint{font-size:11px;color:var(--ink-3);line-height:1.4}.setting-control{flex-shrink:0;display:flex;align-items:center}.setting-value{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.setting-value.muted{font-family:var(--jp);font-size:11px;color:var(--ink-3);font-weight:600;letter-spacing:.06em}.setting-chips{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px;gap:0}.setting-chip{background:transparent;border:none;padding:5px 12px;border-radius:999px;font-family:var(--sans);font-size:11.5px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:all .15s ease}.setting-chip:hover{color:var(--ink)}.setting-chip.active{background:var(--accent-fill);color:#fff;box-shadow:0 2px 6px color-mix(in oklab,var(--accent-fill) 25%,transparent)}.setting-chips.size .setting-chip:nth-child(1):not(.active){font-size:11px}.setting-chips.size .setting-chip:nth-child(2):not(.active){font-size:13px}.setting-chips.size .setting-chip:nth-child(3):not(.active){font-size:15px}.setting-chips.size .setting-chip.active{font-size:13px}.settings-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.setting-btn{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.setting-btn:hover{border-color:var(--accent);color:var(--accent)}.setting-btn .b-glyph{font-family:var(--serif);font-size:14px;font-weight:700}.setting-btn.danger{background:transparent;border:1px solid color-mix(in oklab,var(--accent) 40%,var(--border));color:var(--accent);padding:7px 14px;font-size:12px}.setting-btn.danger:hover{background:var(--accent-fill);color:#fff;border-color:var(--accent)}.set-credits{padding:4px 16px}.set-credit{padding:11px 0;border-bottom:1px solid var(--border)}.set-credit:last-child{border-bottom:none}.set-credit .sc-title{font-size:13px;font-weight:600;color:var(--ink)}.set-credit .sc-desc{font-size:12px;color:var(--ink-3);line-height:1.5;margin-top:3px}.set-credit .sc-link{color:var(--accent);text-decoration:none}.onb-wrap{padding:40px 24px 30px;position:relative;z-index:1;display:flex;flex-direction:column}.onb-mark{width:56px;height:56px;border-radius:12px;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-weight:700;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px color-mix(in oklab,var(--accent) 36%,transparent);margin-bottom:22px}.onb-title{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.18;margin:0 0 28px;letter-spacing:-.01em;color:var(--ink)}.onb-title .onb-sub{display:block;font-size:13px;color:var(--ink-3);font-weight:400;letter-spacing:.04em;margin-top:8px}.onb-section{margin-bottom:24px}.onb-label{font-family:var(--serif);font-weight:700;font-size:12px;color:var(--ink);letter-spacing:.04em;margin-bottom:10px}.onb-label .jp{font-family:var(--jp);font-size:11px;color:var(--ink-3);font-weight:400;margin-left:4px}.onb-hint{font-size:11px;color:var(--ink-3);margin-top:8px}.onb-theme{display:grid;grid-template-columns:1fr 1fr;gap:10px}.onb-theme-opt{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:13px;padding:12px;cursor:pointer;text-align:left;transition:border-color .15s ease}.onb-theme-opt.on{border-color:var(--accent)}.onb-theme-opt .ot-swatch{width:30px;height:30px;border-radius:8px;flex-shrink:0;border:1px solid var(--border)}.onb-theme-opt .ot-swatch.claro{background:linear-gradient(135deg,#F6EFE0 50%,var(--accent-preview-light) 50%)}.onb-theme-opt .ot-swatch.oscuro{background:linear-gradient(135deg,#0E1E33 50%,var(--accent-preview-dark) 50%)}.onb-theme-opt .ot-text{display:flex;flex-direction:column;line-height:1.25}.onb-theme-opt .ot-text b{font-family:var(--sans);font-size:13px;color:var(--ink)}.onb-theme-opt .ot-text span{font-family:var(--jp);font-size:10px;color:var(--ink-3)}.onb-start{margin-top:8px;background:var(--accent-fill);color:#fff;border:none;border-radius:14px;padding:16px;font-family:var(--sans);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 6px 20px color-mix(in oklab,var(--accent-fill) 38%,transparent)}.onb-start .onb-start-jp{font-family:var(--jp);font-size:11px;opacity:.82;letter-spacing:.12em;font-weight:400}.stats-wrap{padding:22px 18px 26px;position:relative;z-index:1}.stats-title{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.2;margin:0 0 20px;letter-spacing:-.01em}.stats-title .stats-sub{display:block;font-size:12px;color:var(--ink-3);font-weight:400;letter-spacing:.08em;margin-top:4px}.stats-hero{display:flex;align-items:stretch;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px 0;margin-bottom:8px}.stats-hero .hero-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stats-hero .hero-item .num{font-family:var(--serif);font-weight:700;font-size:32px;line-height:1;letter-spacing:-.02em;color:var(--ink)}.stats-hero .hero-item .num small{font-size:16px;opacity:.7;font-weight:600;margin-left:1px}.stats-hero .hero-item .num.good{color:var(--green)}.stats-hero .hero-item .num.accent{color:var(--accent)}.stats-hero .hero-item .lbl{font-size:10px;color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.stats-hero .hero-item .jp-mini{font-family:var(--jp);font-size:9px;color:var(--ink-3);letter-spacing:.14em;opacity:.7}.stats-hero .hero-divider{width:1px;background:var(--border)}.stats-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}.stats-mini-row .stats-mini{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:1px}.stats-mini-row .stats-mini .lbl{font-size:9px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-weight:600}.stats-mini-row .stats-mini .num{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:-.01em}.stats-mini-row .stats-mini .num small{font-size:11px;opacity:.7;font-weight:600;margin-left:1px}.stats-section{margin-bottom:20px}.heatmap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px}.heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.hm-cell{aspect-ratio:1 / 1;border-radius:4px;background:var(--border-2);width:100%;display:inline-block}.hm-cell.hm-0{background:var(--border-2)}.vb .hm-cell.hm-0{background:color-mix(in oklab,var(--border-2) 35%,var(--bg-card))}.hm-cell.hm-1{background:color-mix(in oklab,var(--accent) 30%,var(--bg-card))}.hm-cell.hm-2{background:color-mix(in oklab,var(--accent) 55%,var(--bg-card))}.hm-cell.hm-3{background:var(--accent)}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:10px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-weight:600}.heatmap-legend .legend-dots{display:inline-flex;gap:3px}.heatmap-legend .legend-dots .hm-cell{width:12px;height:12px;aspect-ratio:auto}.failed-list{display:flex;flex-direction:column;gap:5px}.failed-row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:8px 12px 8px 8px}.failed-row .rank{font-family:var(--serif);font-size:10px;color:var(--ink-3);font-weight:700;letter-spacing:.04em;min-width:18px;text-align:center}.failed-row .row-jp{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);line-height:1;min-width:28px;text-align:center;letter-spacing:-.02em}.failed-row .row-info{flex:1;min-width:0;line-height:1.3}.failed-row .row-mean{font-family:var(--sans);font-size:13px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.failed-row .row-read{font-family:var(--jp);font-size:10px;color:var(--ink-3);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.failed-row .row-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.failed-row .row-stats .failrate{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.failed-row .row-stats .ratio{font-family:var(--jp);font-size:9.5px;color:var(--ink-3);letter-spacing:.06em}.block-list{display:flex;flex-direction:column;gap:4px}.block-row{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:7px 12px}.block-row .b-id{font-family:var(--serif);font-size:13px;font-weight:700;color:var(--ink);min-width:28px;letter-spacing:.02em}.block-row .b-bar{flex:1;height:6px;min-width:0;background:var(--border-2);border-radius:3px;overflow:hidden}.block-row .b-bar-fill{height:100%;background:var(--accent);border-radius:3px}.block-row .b-count{font-family:var(--jp);font-size:10.5px;color:var(--ink-3);font-weight:600;letter-spacing:.04em;min-width:36px;text-align:right}.block-row .b-pct{font-family:var(--serif);font-size:12px;color:var(--ink);font-weight:700;letter-spacing:-.01em;min-width:36px;text-align:right}.type-list{display:flex;flex-direction:column;gap:5px}.type-row{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.type-row .t-name{display:flex;flex-direction:column;min-width:90px;gap:1px}.type-row .t-name{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink)}.type-row .t-name .t-jp{font-family:var(--jp);font-size:9.5px;color:var(--ink-3);letter-spacing:.08em;font-weight:400}.type-row .t-bar{flex:1;height:5px;min-width:0;background:var(--border-2);border-radius:3px;overflow:hidden}.type-row .t-bar-fill{height:100%;background:var(--accent);border-radius:3px}.type-row .t-count{font-family:var(--jp);font-size:10.5px;color:var(--ink-3);font-weight:600;min-width:24px;text-align:right}.type-row .t-pct{font-family:var(--serif);font-size:12px;color:var(--ink);font-weight:700;min-width:36px;text-align:right}.stats-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.stats-btn{padding:13px 14px;border-radius:12px;border:none;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s ease}.stats-btn:active{transform:scale(.97)}.stats-btn .jp-mini{font-family:var(--jp);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;opacity:.78}.stats-btn.primary{background:var(--accent-fill);color:#fff;box-shadow:0 4px 14px color-mix(in oklab,var(--accent-fill) 30%,transparent)}.stats-btn.ghost{background:var(--bg-card);color:var(--ink);border:1px solid var(--border)}.stats-btn.ghost .jp-mini{color:var(--ink-3)}.detail-wrap{padding:16px 18px 26px;position:relative;z-index:1}.detail-back{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink-2);padding:4px 0 14px}.detail-back .db-arrow{font-family:var(--serif);font-size:16px;font-weight:700}.detail-back .db-jp{font-family:var(--jp);font-size:10px;color:var(--ink-3);letter-spacing:.1em;margin-left:2px}.detail-hero{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;margin-bottom:18px}.detail-kanji{width:132px;height:132px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:96px;line-height:1;color:var(--ink);letter-spacing:-.04em;box-shadow:var(--shadow-card)}.va .detail-kanji{background:linear-gradient(180deg,#fffcf5,#fbf3dd)}.detail-hero-info{min-width:0}.detail-mean{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.2;color:var(--ink);letter-spacing:-.01em;margin-bottom:10px}.detail-readings{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.reading-row{display:flex;align-items:center;gap:10px}.reading-row .r-label{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ink-3);padding:2px 7px;border-radius:4px;min-width:34px;text-align:center}.reading-row .r-label.kun{background:var(--accent-fill)}.vb .reading-row .r-label:not(.kun){background:color-mix(in oklab,var(--ink-3) 55%,#000)}.reading-row .r-val{font-size:14px;color:var(--ink-2);letter-spacing:.08em}.detail-tags{display:flex;flex-wrap:wrap;gap:5px}.d-tag{font-family:var(--serif);font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:var(--accent-fill);color:#fff}.d-tag.soft{background:var(--bg-card);border:1px solid var(--border);color:var(--ink-2);font-family:var(--sans);font-weight:600}.detail-mastery{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:20px}.dm-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.dm-label{font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.dm-pct{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.02em}.dm-bar{height:8px;border-radius:4px;background:var(--border-2);overflow:hidden;margin-bottom:14px}.dm-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in oklab,var(--accent) 70%,var(--gold)) 100%)}.dm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.dm-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--bg);border:1px solid var(--border);border-radius:9px}.dm-stat .n{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.dm-stat .n.good{color:var(--green)}.dm-stat .n.accent{color:var(--accent)}.dm-stat .l{font-size:9px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.dm-sched{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:var(--ink-3);letter-spacing:.02em}.dm-sched .sched-next{color:var(--accent);font-weight:700}.detail-section{margin-bottom:20px}.example-list{display:flex;flex-direction:column;gap:5px}.example-row{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.example-row .ex-word{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink);min-width:56px;letter-spacing:-.01em}.example-row .ex-info{flex:1;min-width:0;line-height:1.3}.example-row .ex-read{font-size:11px;color:var(--ink-3);letter-spacing:.06em}.example-row .ex-mean{font-family:var(--sans);font-size:13px;color:var(--ink);font-weight:500}.related-row{display:flex;gap:8px;flex-wrap:wrap}.related-kanji{width:52px;height:52px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);font-family:var(--serif);font-weight:700;font-size:28px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.related-kanji:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.detail-btn{padding:13px 12px;border-radius:12px;border:none;cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease}.detail-btn:active{transform:scale(.97)}.detail-btn .db-glyph{font-family:var(--serif);font-size:15px;font-weight:700}.detail-btn.primary{background:var(--accent-fill);color:#fff;box-shadow:0 4px 14px color-mix(in oklab,var(--accent-fill) 30%,transparent)}.detail-btn.ghost{background:var(--bg-card);color:var(--ink);border:1px solid var(--border)}.cal-wrap{padding:22px 18px 26px;position:relative;z-index:1}.cal-title{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.2;margin:0 0 18px;letter-spacing:-.01em}.cal-title .cal-sub{display:block;font-size:12px;color:var(--ink-3);font-weight:400;letter-spacing:.08em;margin-top:4px}.cal-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cmn-btn{width:34px;height:34px;border-radius:9px;background:var(--bg-card);border:1px solid var(--border);color:var(--ink-2);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.cmn-btn:disabled{opacity:.4;cursor:default}.cmn-label{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--ink)}.cmn-label .jp{font-family:var(--jp);font-size:12px;color:var(--ink-3);margin-left:6px;font-weight:400}.cal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px}.cal-week-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.cal-week-head .cwh{text-align:center;font-family:var(--jp);font-size:10px;color:var(--ink-3);font-weight:600}.cal-week-head .cwh.wknd{color:color-mix(in oklab,var(--accent) 60%,var(--ink-3))}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{aspect-ratio:1 / 1;border-radius:7px;background:var(--border-2);position:relative;display:flex;align-items:flex-start;justify-content:flex-end}.cal-cell.blank{background:transparent}.cal-cell .cc-day{font-family:var(--sans);font-size:9px;font-weight:600;color:var(--ink-3);padding:3px 4px;opacity:.7}.cal-cell.hm-0{background:var(--border-2)}.vb .cal-cell.hm-0{background:color-mix(in oklab,var(--border-2) 35%,var(--bg-card))}.cal-cell.hm-1{background:color-mix(in oklab,var(--accent) 22%,var(--bg-card))}.cal-cell.hm-2{background:color-mix(in oklab,var(--accent) 42%,var(--bg-card))}.cal-cell.hm-3{background:color-mix(in oklab,var(--accent) 66%,var(--bg-card))}.cal-cell.hm-4{background:var(--accent)}.cal-cell.hm-3 .cc-day,.cal-cell.hm-4 .cc-day{color:#fff;opacity:.9}.cal-cell.today{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--accent)}.cal-cell.future{background:transparent;border:1px dashed var(--border)}.cal-cell.future .cc-day{opacity:.4}.cal-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;font-size:10px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.cal-legend .cl-dots{display:inline-flex;gap:3px}.cal-legend .cl-dots .cal-cell{width:13px;height:13px;aspect-ratio:auto;border-radius:3px}.cal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.cal-stats .cs{background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.cal-stats .cs .n{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.cal-stats .cs .n.accent{color:var(--accent)}.cal-stats .cs .l{font-size:9px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-weight:700;text-align:center}.cal-section{margin-bottom:18px}.cal-milestones{display:flex;flex-direction:column;gap:8px}.milestone{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.milestone.done{border-color:color-mix(in oklab,var(--green) 38%,var(--border))}.milestone .ms-ring{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-2);font-family:var(--serif);font-weight:700}.milestone.done .ms-ring{border-color:var(--green);background:color-mix(in oklab,var(--green) 14%,transparent)}.milestone .ms-check{color:var(--green);font-size:20px}.milestone .ms-prog{font-size:13px;color:var(--accent)}.milestone .ms-prog small{font-size:9px;color:var(--ink-3)}.milestone .ms-info{display:flex;flex-direction:column;line-height:1.3}.milestone .ms-days{font-family:var(--serif);font-weight:700;font-size:14px;color:var(--ink)}.milestone .ms-label{font-size:11px;color:var(--ink-3)}.write-banner{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:10px 14px;border-radius:12px;background:color-mix(in oklab,var(--accent) 8%,var(--bg-card));border:1px solid color-mix(in oklab,var(--accent) 28%,var(--border))}.write-banner .wb-glyph{width:34px;height:34px;border-radius:8px;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.write-banner .wb-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.write-banner .wb-title{font-family:var(--serif);font-weight:700;font-size:13.5px;color:var(--ink);letter-spacing:.02em}.write-banner .wb-sub{font-size:11px;color:var(--ink-3);letter-spacing:.02em}.write-prompt{text-align:center;padding:14px 18px 6px}.write-prompt-mean{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink);line-height:1.2;letter-spacing:-.01em}.write-prompt-read{font-family:var(--jp);font-size:13px;color:var(--ink-3);letter-spacing:.12em;margin-top:4px}.write-stage{padding:8px 18px 0;flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.write-pad{position:relative;width:100%;aspect-ratio:1 / 1;max-height:360px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card)}.write-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.write-tool{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:9px 4px;font-family:var(--sans);font-size:10.5px;font-weight:600;color:var(--ink-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .15s ease}.write-tool:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.write-tool:disabled{opacity:.4;cursor:default}.write-tool .wt-ico{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1}.write-tool.on{background:var(--accent-fill)!important;color:#fff!important;border-color:var(--accent)}.write-tool.on .wt-ico{color:#fff!important;-webkit-text-fill-color:#fff}.write-hint{text-align:center;font-size:11px;color:var(--ink-3);letter-spacing:.04em;font-weight:500;padding:10px 0 2px}.hw-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--jp);font-size:12px;color:var(--ink-3);letter-spacing:.1em}.kvg-pad{position:relative}.kvg-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.kvg-grid line{stroke:var(--accent);stroke-width:.5;opacity:.28;stroke-dasharray:2 2.4}.kvg-guide-stroke{fill:none;stroke:color-mix(in oklab,var(--ink-3) 50%,transparent);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.kvg-hint-stroke{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--klen, 1);stroke-dashoffset:var(--klen, 1);animation:kvgHint .9s ease-out forwards}@keyframes kvgHint{0%{stroke-dashoffset:var(--klen, 1);opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.35}}.kvg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.fallback-pad{flex-direction:column;gap:14px;padding:20px}.fallback-kanji{font-family:var(--serif);font-weight:700;font-size:150px;line-height:1;color:var(--ink);letter-spacing:-.04em}.fallback-note{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--ink-3);line-height:1.45;text-align:left;max-width:260px}.fallback-note .fn-glyph{width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--gold);color:#1b1a17;font-family:var(--serif);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.hw-complete{position:absolute;top:10px;right:10px;z-index:5;pointer-events:none;animation:hwSeal .5s cubic-bezier(.34,1.56,.64,1) both}.hw-complete .hw-seal{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;font-weight:700;color:#fff}.hw-complete.good .hw-seal{background:var(--green-strong)}.hw-complete.warn .hw-seal{background:var(--gold);color:#1b1a17}@keyframes hwSeal{0%{opacity:0;transform:scale(.4) rotate(-10deg)}60%{opacity:1;transform:scale(1.12) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.kvg-master{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.km-ring{position:absolute;top:50%;left:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:kmRing .7s ease-out both}.km-mark{position:absolute;top:8px;right:12px;font-family:var(--serif);font-weight:700;font-size:27px;color:var(--accent);opacity:0;animation:kmMark .95s ease .1s both}.vb .km-mark{color:var(--accent-2)}.kvg-canvas.settling{animation:kmPulse .55s ease}@keyframes kmRing{0%{opacity:.45;transform:scale(.55)}to{opacity:0;transform:scale(1.55)}}@keyframes kmMark{0%{opacity:0;transform:translateY(6px) scale(.7)}30%{opacity:1;transform:translateY(-4px) scale(1.05)}70%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-13px) scale(1)}}@keyframes kmPulse{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.kvg-canvas.settling{animation:none}.km-ring{animation:none;opacity:0}.km-mark{animation:kmMarkR .9s ease both}}@keyframes kmMarkR{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.write-meta-line{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--jp);font-size:11px;color:var(--ink-3)}.write-meta-line .wm-strokes{font-weight:600;letter-spacing:.04em}.write-meta-line .wm-mistakes{font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:5px}.write-meta-line .wm-mistakes:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.write-meta-line .wm-mistakes.has{color:var(--accent)}.write-meta-line .wm-mistakes.has:before{background:var(--accent)}.auto-tools{grid-template-columns:1fr 1fr 1fr}.auto-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px}.auto-feedback.good{background:color-mix(in oklab,var(--green) 14%,var(--bg-card));border:1px solid color-mix(in oklab,var(--green) 35%,var(--border))}.auto-feedback.warn{background:color-mix(in oklab,var(--gold) 16%,var(--bg-card));border:1px solid color-mix(in oklab,var(--gold) 40%,var(--border))}.auto-feedback .af-l{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.auto-feedback .af-glyph{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;font-weight:700;color:#fff;flex-shrink:0}.auto-feedback.good .af-glyph{background:var(--green-strong)}.auto-feedback.warn .af-glyph{background:var(--gold);color:#1b1a17}.auto-feedback .af-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.auto-feedback .af-title{font-family:var(--serif);font-weight:700;font-size:13.5px;letter-spacing:.04em}.auto-feedback.good .af-title{color:var(--green)}.auto-feedback.warn .af-title{color:color-mix(in oklab,var(--gold) 70%,var(--ink))}.auto-feedback .af-sub{font-family:var(--jp);font-size:10.5px;color:var(--ink-3);margin-top:2px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-feedback .proto-btn-next{background:var(--accent-fill);color:#fff;border:none;padding:9px 16px;border-radius:10px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 2px 8px color-mix(in oklab,var(--accent-fill) 30%,transparent)}.auto-feedback .proto-btn-next .b-arrow{font-family:var(--serif);font-size:14px}.sim{font-family:var(--sans)}.sim-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 26px;gap:4px}.sim-seal{width:60px;height:60px;border-radius:12px;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-weight:700;font-size:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px color-mix(in oklab,var(--accent) 38%,transparent);margin-bottom:12px}.sim-intro-title{font-family:var(--serif);font-weight:700;font-size:32px;margin:6px 0 0;color:var(--ink);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.sim-intro-title .lvl{background:var(--ink);color:var(--bg-card);font-size:16px;padding:3px 10px;border-radius:6px;letter-spacing:.04em}.vb .sim-intro-title .lvl{background:var(--accent-fill);color:#fff}.sim-intro-desc{font-size:13px;color:var(--ink-2);line-height:1.6;max-width:300px;margin:14px 0 6px}.sim-rules{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;margin:16px 0 24px}.sim-rule{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-align:left}.sim-rule .sr-ico{width:34px;height:34px;flex-shrink:0;border-radius:8px;background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent);font-family:var(--serif);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center}.sim-rule .sr-text{display:flex;flex-direction:column;line-height:1.3}.sim-rule .sr-text b{font-family:var(--serif);font-size:14px;color:var(--ink)}.sim-rule .sr-text span{font-size:11px;color:var(--ink-3)}.sim-start-btn{width:100%;max-width:320px;background:var(--accent-fill);color:#fff;border:none;border-radius:13px;padding:16px;cursor:pointer;font-family:var(--sans);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px color-mix(in oklab,var(--accent-fill) 38%,transparent)}.sim-start-btn .jp{font-family:var(--jp);font-size:11px;opacity:.82;letter-spacing:.12em}.sim-header{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px}.sim-exit{width:32px;height:32px;flex-shrink:0;border-radius:8px;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--ink-3);font-size:14px;display:flex;align-items:center;justify-content:center}.sim-head-mid{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sim-q-count{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--ink)}.sim-answered{font-size:10px;color:var(--ink-3);letter-spacing:.06em}.sim-timer{display:inline-flex;align-items:center;gap:6px;font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);background:var(--bg-card);border:1px solid var(--border);padding:6px 12px;border-radius:999px;flex-shrink:0;letter-spacing:.02em;font-variant-numeric:tabular-nums}.sim-timer .st-ico{font-size:11px;color:var(--accent)}.sim-timer.low{color:#fff;background:var(--accent-fill);border-color:var(--accent);animation:simPulse 1s ease-in-out infinite}.sim-timer.low .st-ico{color:#fff}@keyframes simPulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.sim-progress-track{height:3px;margin:0 16px;background:var(--border-2);border-radius:2px;overflow:hidden}.sim-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.sim-exam-body{flex:1;padding:16px 18px 0;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.sim-q-head{display:flex;align-items:center;justify-content:space-between}.sim-q-type{font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.sim-q-type .jp{font-family:var(--jp);font-weight:400;color:var(--ink-3);letter-spacing:.1em;margin-left:4px;text-transform:none}.sim-mark{background:none;border:1px solid var(--border);border-radius:999px;padding:4px 12px;cursor:pointer;font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ink-3)}.sim-mark.on{background:color-mix(in oklab,var(--gold) 18%,transparent);border-color:var(--gold);color:color-mix(in oklab,var(--gold) 70%,var(--ink))}.sim-q-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px 20px;box-shadow:var(--shadow-card)}.sim-q-prompt{font-family:var(--jp);font-size:21px;line-height:1.7;color:var(--ink);margin:0;text-align:center;font-weight:500}.sim-q-prompt .q-focus{color:var(--accent);font-weight:700;border-bottom:2px solid color-mix(in oklab,var(--accent) 45%,transparent);padding-bottom:1px}.sim-options{display:flex;flex-direction:column;gap:8px}.sim-option{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;padding:13px 14px;cursor:pointer;text-align:left;font-family:var(--sans);transition:all .14s ease}.sim-option .so-letter{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev);color:var(--ink-2);font-family:var(--serif);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.sim-option .so-text{font-size:14px;color:var(--ink);flex:1;line-height:1.35}.sim-option .so-text.jp{font-family:var(--jp)}.sim-option:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border))}.sim-option.selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--bg-card))}.sim-option.selected .so-letter{background:var(--accent-fill);color:#fff;border-color:var(--accent)}.sim-bottom{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:color-mix(in oklab,var(--bg) 80%,transparent)}.sim-palette{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.sim-palette .pal{width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--bg-card);font-family:var(--serif);font-size:12px;font-weight:700;color:var(--ink-3);cursor:pointer}.sim-palette .pal.done{background:color-mix(in oklab,var(--accent) 14%,var(--bg-card));border-color:color-mix(in oklab,var(--accent) 35%,var(--border));color:var(--accent)}.sim-palette .pal.marked{background:color-mix(in oklab,var(--gold) 18%,var(--bg-card));border-color:var(--gold);color:color-mix(in oklab,var(--gold) 70%,var(--ink))}.sim-palette .pal.current{background:var(--accent-fill);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in oklab,var(--accent) 30%,transparent)}.sim-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-nav-btn{padding:12px;border-radius:11px;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;background:var(--bg-card);border:1px solid var(--border);color:var(--ink)}.sim-nav-btn:disabled{opacity:.4;cursor:default}.sim-nav-btn.next,.sim-nav-btn.finish{background:var(--accent-fill);color:#fff;border-color:var(--accent-fill)}.sim-nav-btn.finish{background:var(--green-strong);border-color:var(--green-strong)}.sim-results{padding:22px 18px 26px}.sim-verdict{border-radius:18px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative;overflow:hidden;margin-bottom:14px}.sim-verdict.pass{background:linear-gradient(180deg,color-mix(in oklab,var(--green) 16%,var(--bg-card)) 0%,var(--bg-card) 100%);border:1px solid color-mix(in oklab,var(--green) 38%,var(--border))}.sim-verdict.fail{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,var(--bg-card)) 0%,var(--bg-card) 100%);border:1px solid color-mix(in oklab,var(--accent) 35%,var(--border))}.sim-verdict .sv-seal{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:26px;font-weight:700;color:#fff;margin-bottom:6px}.sim-verdict.pass .sv-seal{background:var(--green-strong)}.sim-verdict.fail .sv-seal{background:var(--accent-fill)}.sim-verdict .sv-pct{font-family:var(--serif);font-size:52px;font-weight:700;line-height:1;color:var(--ink);letter-spacing:-.03em}.sim-verdict .sv-pct small{font-size:22px;opacity:.6}.sim-verdict .sv-label{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink)}.sim-verdict.pass .sv-label{color:var(--green)}.sim-verdict.fail .sv-label{color:var(--accent)}.sim-verdict .sv-jp{font-family:var(--jp);font-size:11px;color:var(--ink-3);letter-spacing:.1em}.sim-res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.sim-res-stats .srs{background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.sim-res-stats .srs .n{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.sim-res-stats .srs .n.good{color:var(--green)}.sim-res-stats .srs .n.bad{color:var(--accent)}.sim-res-stats .srs .l{font-size:9px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.sim-section-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.sim-sec-row{display:flex;align-items:center;gap:12px}.sim-sec-row .sec-name{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink);min-width:92px}.sim-sec-row .sec-bar{flex:1;height:6px;background:var(--border-2);border-radius:3px;overflow:hidden}.sim-sec-row .sec-fill{height:100%;background:var(--accent);border-radius:3px}.sim-sec-row .sec-score{font-family:var(--serif);font-size:12px;font-weight:700;color:var(--ink-2);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.sim-review{margin-bottom:18px}.sim-wrong{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:12px 14px;margin-bottom:6px}.sim-wrong .sw-q{font-family:var(--jp);font-size:14px;color:var(--ink);line-height:1.5;margin-bottom:8px}.sim-wrong .sw-rows{display:flex;flex-direction:column;gap:4px}.sim-wrong .sw-line{display:flex;align-items:center;gap:10px}.sim-wrong .sw-tag{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;min-width:86px}.sim-wrong .sw-line.your .sw-tag{color:var(--accent)}.sim-wrong .sw-line.ok .sw-tag{color:var(--green)}.sim-wrong .sw-val{font-family:var(--jp);font-size:13px;color:var(--ink);font-weight:600}.sim-wrong .sw-val.muted{color:var(--ink-3);font-style:italic;font-weight:400}.sim-res-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-btn{padding:14px;border-radius:12px;border:none;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px}.sim-btn .jp-mini{font-family:var(--jp);font-size:9px;letter-spacing:.16em;opacity:.78}.sim-btn.primary{background:var(--accent-fill);color:#fff}.sim-btn.ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--ink)}.sim-btn.ghost .jp-mini{color:var(--ink-3)}@property --derretido{syntax: "<number>"; inherits: true; initial-value: 0;}.va{--yuki-snow: #86a4c8}.vb{--yuki-snow: #fbfdff}.mode-frame:has(.yuki-area){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.yuki-area) .mode-inner{height:auto;min-height:100dvh}.yuki-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:4px 0 24px}.yuki-snowfall{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;opacity:calc(.32 + var(--derretido, 0) * .68);transition:opacity .45s ease}.yuki-snow-dot{position:absolute;top:-8px;width:5px;height:5px;border-radius:50%;background:var(--yuki-snow, #fbfdff);opacity:.85;animation-name:yuki-snowfall-drop;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes yuki-snowfall-drop{0%{transform:translateY(-8px)}to{transform:translateY(380px)}}.yuki-info{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.yuki-svg{width:min(48vw,190px);height:auto;overflow:visible;transition:transform .3s ease}.yuki-snow{fill:#fbfdff;stroke:#cdd8e4;stroke-width:1.5}.yuki-sun{fill:color-mix(in oklab,#ffce4a,#e0a44e calc(var(--derretido, 0) * 100%));opacity:.9;transform:translateY(calc(var(--derretido, 0) * 20px));transition:transform .5s ease,fill .5s ease}.yuki-puddle{fill:color-mix(in oklab,#8fd1ec,#5a6b7a calc(var(--derretido, 0) * 100%));opacity:.7;transition:rx .35s ease,ry .35s ease,fill .45s ease}.yuki-ground{fill:#eaf2fb;opacity:.1}.yuki-face{fill:#26364a}.yuki-nose{fill:#ff8a3d}.yuki-arm{stroke:#9a6a3a;stroke-width:3.4;stroke-linecap:round;fill:none}.yuki-melted{opacity:.85}.yuki-mouth{fill:none;stroke:#26364a;stroke-width:2.4;stroke-linecap:round}.yuki-scarf{fill:var(--accent)}.yuki-drop{fill:#8fd1ec;opacity:0}.yuki-body{transform-box:fill-box;transform-origin:center 86%}@keyframes yuki-nod{0%{transform:scaleY(1)}30%{transform:scaleY(.9) scaleX(1.04)}60%{transform:scaleY(1.06)}to{transform:scaleY(1)}}@keyframes yuki-wink{0%,to{transform:scaleY(1)}40%,60%{transform:scaleY(.12)}}@keyframes yuki-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes yuki-drip{0%{opacity:0;transform:translateY(-6px)}25%{opacity:.9}to{opacity:0;transform:translateY(42px)}}@keyframes yuki-win{0%{transform:scaleY(1)}30%{transform:translateY(-7px) scaleY(1.05)}to{transform:translateY(0) scaleY(1)}}@keyframes yuki-scarf-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}}.yuki-body.nod{animation:yuki-nod .36s ease-out}.yuki-body.nod .yuki-eye-r{transform-box:fill-box;transform-origin:center;animation:yuki-wink .36s ease-out}.yuki-body.shake{animation:yuki-shake .3s ease-in-out}.yuki-body.drip .yuki-drop{animation:yuki-drip .6s ease-in}.yuki-body.won{animation:yuki-win .52s ease-out}.yuki-body.won .yuki-scarf-tail{transform-box:fill-box;transform-origin:top center;animation:yuki-scarf-wave .7s ease-in-out}@media(prefers-reduced-motion:reduce){.yuki-body,.yuki-body.nod,.yuki-body.shake,.yuki-body.won,.yuki-body.nod .yuki-eye-r,.yuki-body.drip .yuki-drop,.yuki-body.won .yuki-scarf-tail,.yuki-slot.filled,.yuki-slot.filled:after,.yuki-key.hit,.yuki-goshuin{animation:none!important}.yuki-key.miss:after{animation:none!important;transform:scaleX(1)}.yuki-flake{animation:none!important;opacity:0}.yuki-snowfall{display:none}.yuki-result-mean:after{animation:none!important}.yuki-round-in{animation:none!important}}.yuki-clue{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.yuki-clue-label{font-size:8.5pt;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.yuki-mean{font-family:var(--serif);font-size:clamp(19px,6vw,27px);font-weight:600;color:var(--ink);line-height:1.2}.yuki-lives{font-size:11pt;color:var(--ink-2)}.yuki-word{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:2px 0}.yuki-slot{position:relative;min-width:30px;height:42px;display:grid;place-items:center;font-family:var(--jp);font-size:24px;color:var(--ink);border-bottom:3px solid var(--border-2);transition:border-color .2s,color .2s}.yuki-slot.filled{border-bottom-color:var(--accent);animation:yuki-stamp .42s ease-out}.yuki-slot.filled:after{content:"";position:absolute;top:-6px;right:-3px;bottom:-6px;left:-3px;border:2.5px solid var(--accent);border-radius:8px;opacity:0;pointer-events:none;animation:yuki-stamp-halo .5s ease-out}@keyframes yuki-stamp{0%{transform:scale(1.22)}55%{transform:scale(.96)}to{transform:scale(1)}}@keyframes yuki-stamp-halo{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.55)}}.yuki-hint{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11pt;color:var(--ink);background:var(--bg-card);border:1px solid var(--accent);border-radius:10px;padding:7px 16px;cursor:pointer;transition:background .12s,opacity .2s}.yuki-hint:hover:not(:disabled){background:var(--bg-elev)}.yuki-hint:disabled{opacity:.4;cursor:default}.yuki-hint-cost{font-size:9pt;color:var(--ink-3)}.yuki-kb{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;padding:0 6px;box-sizing:border-box}.yuki-tbl{display:flex;flex-direction:column;gap:3px}.yuki-krow{display:flex;gap:3px;justify-content:center}.yuki-tbl-extra{display:flex;gap:12px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.yuki-small-row{flex-direction:column}.yuki-key{position:relative;width:min(7.3vw,40px);height:min(7.3vw,40px);display:grid;place-items:center;font-family:var(--jp);font-size:clamp(13px,3.4vw,18px);color:var(--ink);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:0;transition:background .12s,transform .08s,opacity .2s}.yuki-key:active{transform:scale(.92)}.yuki-key.gap{background:none;border:none;pointer-events:none}.yuki-key.hit{background:var(--green);color:#fff;border-color:var(--green);animation:yuki-key-hit .34s ease-out}@keyframes yuki-key-hit{0%{transform:scale(1)}35%{transform:scale(1.16)}to{transform:scale(1)}}.yuki-key.miss{opacity:.5;color:var(--ink-3)}.yuki-key.miss:after{content:"";position:absolute;left:16%;right:16%;top:52%;height:2.4px;background:var(--ink-3);border-radius:2px;transform:scaleX(1);transform-origin:left;animation:yuki-key-strike .28s ease-out}@keyframes yuki-key-strike{0%{transform:scaleX(0)}}.yuki-key:disabled{cursor:default}.yuki-side{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.yuki-result{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:14px;width:100%;max-width:320px;border:1px solid var(--border);background:var(--bg-card)}.yuki-result.good{border-color:var(--green)}.yuki-result.bad{border-color:var(--accent)}.yuki-goshuin{width:56px;height:56px;border-radius:50%;background:var(--accent-fill);color:#fff2e6;display:grid;place-items:center;font-family:var(--serif);font-size:30px;font-weight:700;box-shadow:inset 0 0 0 2px #fff2e6d9,inset 0 0 0 4px var(--accent),0 3px 12px #e03a474d;transform:rotate(-6deg);margin-bottom:4px;animation:yuki-goshuin-drop .6s cubic-bezier(.2,.8,.3,1.2)}@keyframes yuki-goshuin-drop{0%{opacity:0;transform:scale(1.5) rotate(-13deg)}55%{opacity:1;transform:scale(.92) rotate(-4deg)}}.yuki-flake{position:absolute;top:-8px;width:7px;height:7px;border-radius:50%;background:var(--yuki-snow, #fbfdff);opacity:0;pointer-events:none}.yuki-flake.f2,.yuki-flake.f5{background:var(--gold);width:6px;height:6px}.yuki-flake.f1{left:12%;animation:yuki-flake-fall 2.1s ease-in .05s}.yuki-flake.f2{left:30%;animation:yuki-flake-fall 2.3s ease-in .28s}.yuki-flake.f3{left:50%;animation:yuki-flake-fall 2s ease-in .12s}.yuki-flake.f4{left:68%;animation:yuki-flake-fall 2.35s ease-in .38s}.yuki-flake.f5{left:84%;animation:yuki-flake-fall 2.15s ease-in .2s}.yuki-flake.f6{left:43%;animation:yuki-flake-fall 2.25s ease-in .48s}@keyframes yuki-flake-fall{0%{opacity:0;transform:translateY(-8px) rotate(0)}15%{opacity:.95}80%{opacity:.8}to{opacity:0;transform:translateY(150px) rotate(140deg)}}.yuki-result-read{font-family:var(--jp);font-size:13px;letter-spacing:.2em;color:var(--gold);margin-bottom:-2px}.yuki-result-jp{font-family:var(--serif);font-size:clamp(26px,8vw,36px);font-weight:700;color:var(--ink);line-height:1.12}.yuki-result-rule{width:54px;height:2px;background:var(--gold);border-radius:2px;opacity:.8;margin:8px 0 6px}.yuki-result-mean{position:relative;overflow:hidden;font-family:var(--serif);font-size:13pt;color:var(--ink-2);text-align:center}.yuki-result-mean:after{content:"";position:absolute;top:-1px;right:-3px;bottom:-1px;left:-3px;background:var(--bg-card);transform:translate(101%);animation:yuki-ink-sweep .5s ease .12s backwards}@keyframes yuki-ink-sweep{0%{transform:translate(0)}}.yuki-result-tag{font-family:var(--jp);font-size:10pt;color:var(--gold);margin-top:3px}.yuki-result.bad .yuki-result-tag{color:var(--ink-3)}.yuki-result-streak{position:absolute;top:10px;right:12px;font-family:var(--serif);font-size:12px;color:var(--gold);opacity:.9}.yuki-result-streak b{font-size:14px;font-weight:700}.yuki-round-in{animation:yuki-round-in .3s ease both}@keyframes yuki-round-in{0%{opacity:0;transform:translateY(8px)}}@media(min-width:960px){.yuki-area{flex-direction:row;align-items:center;justify-content:center;gap:40px}.yuki-info{flex:0 0 auto}.yuki-svg{width:170px}.yuki-key{width:40px;height:40px;font-size:19px}}.act-area{display:flex;flex-direction:column;align-items:center;gap:22px;padding:12px 0 30px}.act-prompt-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.act-ask{font-size:8.5pt;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.act-prompt{font-family:var(--serif);font-size:clamp(34px,10vw,56px);font-weight:700;color:var(--ink);line-height:1.1}.act-options{display:flex;flex-direction:column;gap:8px;width:100%;max-width:440px}.act-option{font-family:var(--sans);text-align:left;cursor:pointer;padding:12px 15px;border-radius:12px;display:flex;align-items:center;gap:12px;min-height:50px;background:var(--bg-card);border:1.5px solid var(--border);color:var(--ink);position:relative;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.act-option:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent) 50%,var(--border));background:color-mix(in oklab,var(--accent) 4%,var(--bg-card));transform:translate(3px)}.act-option:active:not(:disabled){transform:scale(.985)}.act-option:disabled{cursor:default}.act-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.act-option.correct{background:color-mix(in oklab,var(--green) 16%,var(--bg-card));border-color:var(--green);animation:act-pop .45s cubic-bezier(.34,1.56,.64,1) both}.act-option.incorrect{background:color-mix(in oklab,var(--accent) 12%,var(--bg-card));border-color:var(--accent);animation:act-shake .45s ease-in-out both}.act-option.dim{opacity:.45}@keyframes act-pop{0%{transform:scale(1)}35%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes act-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.act-option .opt-letter{width:26px;height:26px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;font-family:var(--serif);font-size:13px;font-weight:700;background:var(--bg-elev);color:var(--ink-2)}.act-option.correct .opt-letter{background:var(--green-strong);color:#fff}.act-option.incorrect .opt-letter{background:color-mix(in oklab,var(--accent) 82%,#000);color:#fff}.act-option .opt-text{font-family:var(--jp);font-size:18px}.act-option.correct .opt-text{padding-right:36px}.opt-seal{position:absolute;right:9px;top:50%;width:30px;height:30px;border-radius:50%;background:var(--accent-fill);color:#fff2e6;display:grid;place-items:center;font-family:var(--serif);font-size:17px;font-weight:700;box-shadow:inset 0 0 0 1.5px #fff2e6d9,0 2px 8px color-mix(in oklab,var(--accent) 28%,transparent);transform:translateY(-50%) rotate(-8deg) scale(0);opacity:0;pointer-events:none}.act-option.correct .opt-seal{opacity:1;transform:translateY(-50%) rotate(-8deg) scale(1);animation:act-seal-drop .55s cubic-bezier(.2,.8,.3,1.2)}@keyframes act-seal-drop{0%{opacity:0;transform:translateY(-50%) rotate(-16deg) scale(1.5)}55%{opacity:1;transform:translateY(-50%) rotate(-5deg) scale(.9)}}.act-option.incorrect .opt-text{position:relative}.act-option.incorrect .opt-text:after{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:2.4px;background:var(--ink-2);border-radius:2px;transform:scaleX(1);transform-origin:left;animation:act-strike .3s ease-out}@keyframes act-strike{0%{transform:scaleX(0)}}.act-round-in{animation:act-round-in .3s ease both}@keyframes act-round-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.act-option.correct,.act-option.incorrect,.act-option.correct .opt-seal,.act-option.incorrect .opt-text:after,.act-round-in{animation:none!important}.act-option:hover:not(:disabled){transform:none}.act-option:active:not(:disabled){transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gv-ink{stroke:var(--ink);fill:none;stroke-linejoin:round;stroke-linecap:round}.gv-acc{stroke:var(--accent);fill:none;stroke-linejoin:round;stroke-linecap:round}.gv-gold{stroke:var(--gold);fill:none}.gv-inkf{fill:var(--ink);stroke:none}.gv-accf{fill:var(--accent);stroke:none}.gv-goldf{fill:var(--gold);stroke:none}.gv-wht{fill:var(--bg-card)}.gv-on-acc{fill:#fff2e6;stroke:none}.gv-num{font-family:var(--serif);font-weight:700}.gv-jp{font-family:var(--kana)}.gv-svg{width:clamp(94px,27vw,128px);height:clamp(94px,27vw,128px);display:block}.gv-clock{font-family:var(--serif);font-weight:700;font-size:clamp(34px,11vw,52px);color:var(--ink);border:2px solid var(--ink);border-radius:14px;padding:6px 22px;line-height:1.15}.gv-number{font-family:var(--serif);font-weight:700;font-size:clamp(40px,13vw,62px);color:var(--ink);line-height:1}.gv-counter{display:flex;flex-direction:column;align-items:center;gap:8px}.gv-counter-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:264px}.gv-cicon{width:34px;height:34px}.gv-cicon svg{width:100%;height:100%;display:block}.gv-counter-lbl{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink)}.jugar-grid{padding:4px 18px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.jugar-tile{background:var(--bg-card);border:2px solid var(--marco-card);border-radius:12px;padding:12px 11px 13px;display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.jugar-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in oklab,var(--accent) 18%,transparent)}.jugar-tile:active{transform:translateY(0) scale(.97);box-shadow:0 1px 4px color-mix(in oklab,var(--accent) 12%,transparent)}.jugar-tile .jt-kanji{font-family:var(--serif);font-weight:700;font-size:26px;line-height:1;color:var(--accent)}.jugar-tile .jt-title{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink);margin-top:5px}.jugar-tile .jt-desc{font-size:11px;color:var(--ink-3);line-height:1.35}@media(prefers-reduced-motion:reduce){.jugar-tile{transition:border-color .15s ease}.jugar-tile:hover,.jugar-tile:active{transform:none;box-shadow:none}}.nikka{margin:0 0 6px;padding:0 18px}.hd-content .nikka{padding-left:0;padding-right:0}.nikka-head{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:12px}.nk-h-l{display:flex;flex-direction:column;gap:1px}.nk-eyebrow{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--accent);line-height:1}.nk-sub{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.nikka-count{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink-3)}.nk-c-sm{font-size:13px}.nikka-done-card{display:flex;align-items:center;gap:12px;padding:10px 13px;background:var(--bg-card);border:2px solid var(--marco-card);border-radius:12px;animation:nikka-done-in .35s ease-out}@keyframes nikka-done-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:none}}.nikka-done .nikka-seal{width:40px;height:40px;font-size:21px;flex-shrink:0}.nikka-done-txt{display:flex;flex-direction:column;gap:1px}.ndt-title{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--accent)}.ndt-sub{font-size:11px;color:var(--ink-3)}.nikka-seal{width:50px;height:50px;border-radius:50%;background:var(--accent-fill);color:var(--on-accent);font-family:var(--serif);font-size:26px;font-weight:700;display:grid;place-items:center;transform:rotate(-6deg);box-shadow:inset 0 0 0 2px #fff2e6d9,inset 0 0 0 4px var(--accent-fill),0 3px 10px color-mix(in oklab,var(--accent) 30%,transparent);animation:nikka-seal-drop .6s cubic-bezier(.2,.8,.3,1.2)}@keyframes nikka-seal-drop{0%{opacity:0;transform:scale(1.5) rotate(-13deg)}55%{opacity:1;transform:scale(.92) rotate(-4deg)}}.ofuda{display:flex;align-items:stretch;width:100%;padding:0;margin-bottom:8px;background:var(--bg-card);border:2px solid var(--marco-card);border-radius:12px;overflow:hidden;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .18s ease}.ofuda:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent) 45%,var(--marco-card));transform:translate(3px)}.ofuda:active:not(:disabled){transform:scale(.99)}.ofuda:disabled{cursor:default}.ofuda:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ofuda-lomo{width:46px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in oklab,var(--accent) 12%,var(--bg-card));border-right:1px solid var(--border);transition:background .28s ease,border-right-color .28s ease}.ol-k{font-family:var(--serif);font-size:25px;font-weight:700;color:var(--accent)}.ofuda.done .ofuda-lomo{background:var(--accent-fill);border-right-color:var(--accent)}.ofuda.done .ol-k{color:var(--on-accent)}.ofuda-body{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px}.ofuda-title{font-family:var(--jp);font-size:14px;font-weight:500;color:var(--ink)}.ofuda-meta{font-family:var(--kana);font-size:12px;color:var(--ink-3)}.ofuda.done .ofuda-meta{color:var(--ink-2)}.ofuda-state{width:46px;flex-shrink:0;display:grid;place-items:center}.ofuda-ring{width:26px;height:26px;border-radius:50%;border:1px solid color-mix(in oklab,var(--accent) 35%,var(--border));background:color-mix(in oklab,var(--accent) 6%,transparent)}.ofuda-seal{width:28px;height:28px;border-radius:50%;background:var(--accent-fill);color:var(--on-accent);font-family:var(--serif);font-size:14px;font-weight:700;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:inset 0 0 0 1.5px #fff2e6cc;animation:ofuda-seal-press .4s cubic-bezier(.2,.8,.3,1.2)}@keyframes ofuda-seal-press{0%{opacity:0;transform:scale(1.4) rotate(-14deg)}55%{transform:scale(.92) rotate(-6deg)}to{opacity:1;transform:rotate(-9deg)}}@media(prefers-reduced-motion:reduce){.nikka-seal,.ofuda-seal,.nikka-done-card{animation:none}.ofuda-lomo{transition:none}.ofuda:hover:not(:disabled),.ofuda:active:not(:disabled){transform:none}}.omamori-mark{display:block}.omamori-mark.spent{opacity:.32}.cw-charms{display:inline-flex;gap:2px;margin-left:8px;color:var(--accent);vertical-align:middle}.omamori-notice{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border)}.omamori-notice.protected{background:color-mix(in oklab,var(--gold) 10%,var(--bg-card));border-color:color-mix(in oklab,var(--gold) 45%,var(--border))}.on-ico{flex-shrink:0;color:var(--gold);line-height:0}.on-txt{font-size:12.5px;color:var(--ink-2);line-height:1.4}.on-txt b{color:var(--ink);font-weight:600}.omamori-broken{margin:0 0 10px;padding:16px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);text-align:center}.ob-k{font-family:var(--serif);font-size:28px;color:var(--ink-3);line-height:1}.ob-t{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--ink);margin:8px 0 3px}.ob-s{font-size:12.5px;color:var(--ink-3)}.ob-rec{display:inline-block;margin-top:10px;font-family:var(--serif);font-size:11px;color:var(--gold);border:1px solid var(--gold);border-radius:20px;padding:3px 12px}.omamori-cta{display:flex;align-items:center;gap:11px;width:100%;margin:0 0 10px;padding:11px 13px;border-radius:12px;background:var(--accent-fill);border:none;cursor:pointer;text-align:left;transition:transform .12s ease}.omamori-cta:hover{transform:translate(3px)}.omamori-cta:active{transform:scale(.99)}.omamori-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oc-k{flex-shrink:0;font-family:var(--serif);font-size:21px;font-weight:700;color:var(--on-accent)}.oc-txt{display:flex;flex-direction:column}.oc-t{font-size:13.5px;font-weight:600;color:var(--on-accent)}.oc-s{font-size:11.5px;color:var(--on-accent-soft)}.oc-go{margin-left:auto;color:var(--on-accent);font-size:18px}.omamori-pop{position:relative;display:inline-flex}.omamori-pop.earned{transform-origin:center;animation:omamori-pop .52s cubic-bezier(.34,1.4,.64,1) both}@keyframes omamori-pop{0%{transform:scale(0) rotate(-10deg);opacity:0}55%{transform:scale(1.12) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.omamori-flash{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%) scale(.4);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in oklab,var(--gold) 55%,transparent) 0%,transparent 65%)}.omamori-pop.earned .omamori-flash{animation:omamori-flash .56s ease-out both}@keyframes omamori-flash{0%{opacity:.45;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media(prefers-reduced-motion:reduce){.omamori-cta:hover,.omamori-cta:active{transform:none}.omamori-pop.earned{animation:none}.omamori-pop.earned .omamori-flash{animation:none;opacity:0}}.kk-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:6px 0 20px}.kk-clue{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:10px 20px;border-radius:12px;background:color-mix(in oklab,var(--accent) 6%,var(--bg-card));border:1px solid color-mix(in oklab,var(--accent) 22%,var(--border));max-width:90%}.kk-mean{font-family:var(--serif);font-weight:700;font-size:clamp(20px,6vw,26px);color:var(--ink);line-height:1.15;text-align:center}.kk-romaji{font-family:var(--serif);font-size:14px;color:var(--ink-3);letter-spacing:.03em}.kk-romaji-btn{position:relative;margin-top:5px;font-family:var(--sans);font-size:11px;color:var(--ink-3);background:none;border:1px solid var(--border);border-radius:20px;padding:3px 12px;cursor:pointer;transition:color .18s ease,border-color .18s ease}.kk-romaji-btn:after{content:"";position:absolute;top:-12px;right:-10px;bottom:-12px;left:-10px}.kk-romaji-btn.on{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,var(--border))}.kk-romaji-btn:active{transform:scale(.97)}.kk-slots{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:5px;padding-bottom:8px;max-width:340px}.kk-slot{position:relative;min-width:36px;height:48px;display:grid;place-items:center;font-family:var(--kana);font-size:34px;line-height:1;color:transparent;border-bottom:2px solid var(--border-2);transition:border-color .2s ease}.kk-slot.active{border-bottom-color:var(--accent);animation:kk-pulse 1.3s ease-in-out infinite}@keyframes kk-pulse{0%,to{border-bottom-color:var(--accent)}50%{border-bottom-color:color-mix(in oklab,var(--accent) 35%,var(--border-2))}}.kk-slot.filled{color:var(--ink);animation:kk-stamp .4s ease-out}.kk-slot.filled:after{content:"";position:absolute;top:-4px;right:-2px;bottom:2px;left:-2px;border:2px solid var(--accent);border-radius:8px;opacity:0;pointer-events:none;animation:kk-halo .5s ease-out}@keyframes kk-stamp{0%{transform:scale(1.18)}55%{transform:scale(.96)}to{transform:scale(1)}}@keyframes kk-halo{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.kk-wordline{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:center;pointer-events:none}.kk-wordline.grow{animation:kk-word .34s ease-out forwards}@keyframes kk-word{to{transform:scaleX(1)}}.kk-flyer{position:absolute;left:0;top:0;font-family:var(--kana);line-height:1;color:var(--ink);opacity:0;pointer-events:none;z-index:20;transform-origin:center center}.kk-flyer.go{opacity:1;animation:kk-fly .46s cubic-bezier(.3,.7,.3,1) forwards}@keyframes kk-fly{0%{transform:translate(0) scale(1)}to{transform:translate(var(--kk-dx),var(--kk-dy)) scale(var(--kk-s))}}.kk-pad-holder{width:100%;display:flex;flex-direction:column;align-items:center}.kk-pad-holder.clearing .kvg-canvas{opacity:0;transition:opacity .12s ease}@media(prefers-reduced-motion:reduce){.kk-slot.active,.kk-slot.filled,.kk-slot.filled:after,.kk-romaji-btn:active{animation:none;transform:none}.kk-flyer.go{animation:none;opacity:0}.kk-wordline.grow{animation:none;transform:scaleX(1)}}.mode-frame:has(.kk-area){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.kk-area) .mode-inner{height:auto;min-height:100dvh}.mono-area{display:flex;flex-direction:column;gap:12px;padding:6px 0 20px}.mono-cue{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink-2);min-height:22px;display:flex;align-items:center;justify-content:center;gap:8px;transition:color .32s ease}.mono-cue.go{color:var(--accent)}.mono-cue-g{font-family:var(--serif);font-size:20px}.mono-echo{transform-origin:center center;transform-box:fill-box}.mono-echo-stroke{fill:none;stroke:var(--accent);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;animation-name:mono-draw;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both}@keyframes mono-draw{to{stroke-dashoffset:0}}.mono-echo.settled{animation:mono-settle .4s ease-out}@keyframes mono-settle{0%{transform:scale(1)}45%{transform:scale(1.045)}to{transform:scale(1)}}.mono-echo.fading{opacity:0;filter:blur(1.4px);transform:scale(.985);transition:opacity .34s ease,filter .34s ease,transform .34s ease}@media(prefers-reduced-motion:reduce){.mono-echo-stroke{animation-duration:.01ms!important;animation-delay:0ms!important}.mono-echo.settled{animation:none}.mono-echo.fading{transition:none}}.mode-frame:has(.mono-area){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.mono-area) .mode-inner{height:auto;min-height:100dvh}.shk-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:10px 18px 16px}.shk-meta{display:flex;align-items:baseline;justify-content:center;gap:14px;font-family:var(--sans);font-size:12.5px;color:var(--ink-3)}.shk-meta-pairs{font-weight:600;color:var(--ink-2)}.shk-meta-tries:before{content:"·";margin-right:14px;color:var(--border-2)}.shk-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:380px}.shk-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;aspect-ratio:3 / 4;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;padding:0;perspective:400px;box-shadow:var(--shadow-card);transition:border-color .15s ease}.shk-card:not(.done):hover{border-color:var(--accent)}.shk-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shk-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.4,.1,.2,1)}.shk-card.up .shk-inner{transform:rotateY(180deg)}.shk-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity 0s linear .19s}.shk-dorso{opacity:1}.shk-dorso:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--border-2)}.shk-kana{transform:rotateY(180deg);opacity:0;font-family:var(--kana);font-weight:600;font-size:clamp(26px,8vw,34px);color:var(--ink)}.shk-card.up .shk-dorso{opacity:0}.shk-card.up .shk-kana{opacity:1}.shk-card.done{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));background:color-mix(in oklab,var(--accent) 9%,var(--bg-card));cursor:default;animation:shkPop .4s ease}.shk-card.done .shk-kana{color:var(--accent)}.vb .shk-card.done .shk-kana{color:var(--accent-2)}@keyframes shkPop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.shk-card.shake{animation:shkShake .3s ease}@keyframes shkShake{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}.shk-hint{font-size:11.5px;color:var(--ink-3);letter-spacing:.06em}.shk-sum-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 10px}.shk-sum-pair{display:flex;align-items:baseline;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.shk-sum-k{font-family:var(--kana);font-weight:600;font-size:22px;color:var(--ink);line-height:1}.shk-sum-eq{font-family:var(--serif);font-size:13px;color:var(--accent)}.vb .shk-sum-eq{color:var(--accent-2)}.shk-sum-ro{margin-left:auto;font-family:var(--sans);font-size:12px;color:var(--ink-3);letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.shk-inner{transition:none}.shk-face{transition-delay:0s}.shk-card.done,.shk-card.shake{animation:none}}.kk-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px 18px 16px}.kk-level{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-size:12px;color:var(--ink-3)}.kk-lv-badge{font-family:var(--serif);font-weight:700;font-size:13px;color:var(--accent);border:1.5px solid color-mix(in oklab,var(--accent) 40%,var(--border));border-radius:999px;padding:2px 11px}.vb .kk-lv-badge{color:var(--accent-2)}.kk-scene{position:relative;width:100%;max-width:240px;aspect-ratio:1 / 1;perspective:900px}.kk-interior{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(circle at 50% 42%,color-mix(in oklab,var(--gold) 52%,var(--bg-card)),color-mix(in oklab,var(--gold) 30%,var(--bg-card)) 80%);display:flex;align-items:center;justify-content:center;overflow:hidden}.kk-loot{font-family:var(--serif);font-weight:700;font-size:clamp(48px,18vw,64px);color:var(--accent);opacity:0;transform:scale(.5)}.vb .kk-loot{color:var(--accent-2)}.kk-scene.open .kk-loot{animation:kkLoot .5s ease .35s forwards}@keyframes kkLoot{to{opacity:1;transform:scale(1)}}.kk-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(circle at 50% 45%,color-mix(in oklab,var(--gold) 55%,transparent) 0%,transparent 60%);opacity:0;pointer-events:none}.kk-scene.open .kk-glow{animation:kkGlow 1.1s ease .3s}@keyframes kkGlow{0%{opacity:0}40%{opacity:.85}to{opacity:.2}}.kk-door{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(145deg,var(--bg-elev),var(--bg-card));border:2px solid var(--border-2);display:flex;flex-direction:column;gap:8px;padding:16px 14px;transform-origin:left center;transition:transform .72s cubic-bezier(.55,.1,.3,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--shadow-card)}.kk-scene.open .kk-door{transform:rotateY(-75deg)}.kk-rivet{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--border-2);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 22%,transparent)}.kk-rivet.tl{top:8px;left:8px}.kk-rivet.tr{top:8px;right:8px}.kk-rivet.bl{bottom:8px;left:8px}.kk-rivet.br{bottom:8px;right:8px}.kk-dial{position:absolute;top:50%;right:-11px;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:conic-gradient(var(--border-2) 0 8%,var(--bg-elev) 8% 20%,var(--border-2) 20% 28%,var(--bg-elev) 28% 45%,var(--border-2) 45% 53%,var(--bg-elev) 53% 70%,var(--border-2) 70% 78%,var(--bg-elev) 78% 95%,var(--border-2) 95%);border:2px solid var(--border-2);box-shadow:0 1px 3px #00000040}.kk-dial:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border)}.kk-lbl{font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:center}.kk-combo{font-family:var(--serif);font-weight:700;font-size:clamp(16px,5vw,19px);color:var(--ink);text-align:center;letter-spacing:.03em;line-height:1.2;min-height:24px}.kk-slots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:auto}.kk-slot{width:30px;height:38px;border-radius:7px;border:1.5px solid var(--border);background:color-mix(in oklab,var(--ink) 6%,var(--bg-card));display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;font-size:20px;color:var(--accent)}.vb .kk-slot{color:var(--accent-2)}.kk-slot.cur{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 16%,transparent)}.kk-slot.fill{animation:kkPop .28s ease}@keyframes kkPop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes kkShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.kk-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px}.kk-key{-moz-appearance:none;appearance:none;-webkit-appearance:none;aspect-ratio:3 / 2;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--ink);font-family:var(--sans);font-weight:600;font-size:19px;cursor:pointer;transition:border-color .12s ease,transform .07s ease,background .12s ease}.kk-key:hover{border-color:var(--accent)}.kk-key:active{transform:scale(.94);background:color-mix(in oklab,var(--accent) 8%,var(--bg-card))}.kk-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kk-key-empty{border:none;background:none;pointer-events:none}.kk-hint{font-size:11px;color:var(--ink-3);text-align:center}@media(prefers-reduced-motion:reduce){.kk-door{transition:opacity .3s ease}.kk-scene.open .kk-door{transform:none;opacity:.14}.kk-scene.open .kk-loot{animation:none;opacity:1;transform:none}.kk-scene.open .kk-glow,.kk-slot.fill{animation:none}}html,body,#root{height:100%}body{margin:0;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}.app-root{min-height:100dvh;display:flex;flex-direction:column}.ph{max-width:760px;width:100%;margin:0 auto;padding:72px 24px 120px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.ph .brand-mark{width:56px;height:56px;font-size:30px;border-radius:12px;margin-bottom:8px}.ph-title{font-size:clamp(30px,6vw,40px);line-height:1.1;margin:4px 0 0;letter-spacing:-.01em}.ph-jp{font-weight:400;font-size:.5em;color:var(--ink-3);margin-left:6px}.ph-sub{color:var(--ink-2);font-size:14px;margin:2px 0 0}.ph-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.ph-nav a{color:var(--accent);text-decoration:none;font-weight:600;font-size:14px;padding:9px 15px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card);transition:border-color .15s ease,transform .1s ease}.ph-nav a:hover{border-color:var(--accent);transform:translateY(-1px)}.home-frame{position:relative;width:100%;max-width:460px;margin:0 auto;min-height:100dvh;overflow:hidden;background:var(--bg)}.home-content{position:relative;z-index:1;padding-top:env(safe-area-inset-top,0px);padding-bottom:96px}.has-tabbar .home-content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.home-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;font-family:var(--jp);font-size:13px;color:var(--ink-3);letter-spacing:.12em}.mode-frame{position:relative;width:100%;max-width:460px;margin:0 auto;height:100dvh;overflow:hidden;background:var(--bg)}.mode-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.mode-scroll{position:relative;z-index:1;height:100%;overflow-y:auto}.blocks{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.block{min-width:0}.block .b-count{font-size:8px;letter-spacing:.04em;line-height:1.15;text-align:center}.fcard-jp-big,.fcard-jp-back,.test-card-mini .test-jp{max-width:100%;word-break:break-word;text-align:center}.detail-hero{grid-template-columns:auto 1fr}.detail-kanji{width:clamp(116px,33vmin,196px);height:clamp(116px,33vmin,196px);font-size:clamp(82px,23vmin,140px);padding-bottom:.06em}.stats-hero .hero-item .lbl,.stats-hero .hero-item .jp-mini{text-align:center;text-indent:.1em}@media(min-width:640px){.home-frame,.mode-frame,.tabbar{max-width:540px}}@media(min-width:1024px){.home-frame,.mode-frame,.tabbar{max-width:600px}}.section-title h3{font-size:clamp(13px,2.9vmin,16px)}.stats-title,.settings-title,.cal-title{font-size:clamp(24px,5.2vmin,33px)}.summary-title{font-size:clamp(22px,4.8vmin,30px)}.onb-title{font-size:clamp(30px,6.5vmin,40px)}.sim-intro-title{font-size:clamp(32px,7vmin,43px)}.detail-mean{font-size:clamp(21px,4.6vmin,28px)}.stats-hero .hero-item .num{font-size:clamp(32px,7vmin,44px)}.cal-stats .cs .n{font-size:clamp(22px,4.8vmin,29px)}.reveal{animation:reveal-in .34s cubic-bezier(.22,1,.36,1) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}.flip-face{transition:opacity 0s linear 325ms}.flip-face.front{opacity:1}.flip-face.back,.flip-card.is-flipped .flip-face.front{opacity:0}.flip-card.is-flipped .flip-face.back{opacity:1}.flip-inner{transition-timing-function:ease-in-out}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in oklab,var(--bg-card) 90%,transparent);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar .tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px 8px;color:var(--ink-3);font-family:var(--sans);transition:color .15s ease}.tabbar .tab-glyph{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1}.tabbar .tab-label{font-size:10px;letter-spacing:.02em}.tabbar .tab.active{color:var(--accent)}.vb .tabbar .tab.active,.vb .stats-eyebrow,.vb .settings-eyebrow,.vb .cal-eyebrow,.vb .summary-eyebrow,.vb .sim-intro-eyebrow,.vb .onb-eyebrow,.vb .sim-q-type,.vb .subtab.active,.vb .milestone .ms-prog{color:var(--accent-2)}.mode:hover,.level:hover,.chip:hover,.block:hover,.levelchip:hover,.subtab:hover{border-color:var(--accent)}.mode,.level,.chip,.block{transition:border-color .15s ease}.content-partial-note{display:flex;align-items:center;gap:8px;margin:10px 18px 0;padding:8px 12px;border:1px solid color-mix(in oklab,var(--gold) 55%,var(--border));background:color-mix(in oklab,var(--gold) 10%,var(--bg-card));border-radius:10px;font-size:12.5px;color:var(--ink-2)}.content-partial-note .cp-glyph{flex:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#1b1a17;font-weight:700;font-size:12px}.content-partial-note .cp-retry{margin-left:auto;flex:none;border:1px solid var(--border-2);background:none;border-radius:8px;padding:4px 10px;font-size:12px;font-family:var(--sans);color:var(--ink);cursor:pointer}.study-header{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 18px 6px}.study-header .sh-back{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--bg-card);color:var(--ink);width:38px;height:38px;border-radius:11px;font-size:18px;line-height:1;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .1s ease}.study-header .sh-back:hover{border-color:var(--accent)}.study-header .sh-back:active{transform:scale(.93)}.study-header .sh-titles{flex:1;min-width:0}.study-header .sh-title{font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.1;color:var(--ink)}.study-header .sh-sub{font-size:11px;color:var(--ink-3);letter-spacing:.04em;margin-top:2px}.study-header .sh-count{font-family:var(--serif);font-weight:700;font-size:14px;color:var(--ink-3);flex:none}.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 4px}.levelchip{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.levelchip:active{transform:scale(.97)}.levelchip .lc-mark{min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}.levelchip .lc-id{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--ink)}.levelchip .lc-caret{font-size:11px;color:var(--ink-3);margin-left:2px}.lvl-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.lvl-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;animation:lvl-scrim-in .2s ease both}@keyframes lvl-scrim-in{0%{opacity:0}to{opacity:1}}.lvl-sheet{position:relative;width:100%;max-width:460px;max-height:82vh;overflow-y:auto;background:var(--bg-card);border-radius:22px 22px 0 0;border:1px solid var(--border);border-bottom:none;padding:10px 18px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #00000047;animation:lvl-sheet-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes lvl-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lvl-handle{width:40px;height:4px;border-radius:999px;background:var(--border);margin:4px auto 14px}.lvl-sheet-head h3{font-family:var(--serif);font-weight:700;font-size:clamp(20px,5vmin,26px);color:var(--ink);margin:0}.lvl-sheet-head .lvl-jp{font-family:var(--jp);font-size:12px;color:var(--ink-3);font-weight:400;margin-left:6px}.lvl-sheet-head p{font-size:12px;color:var(--ink-3);margin:4px 0 14px}.lvl-group{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:12px 0 8px}.lvl-row{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:8px;background:var(--bg);border:1px solid var(--border);border-radius:14px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .1s ease}.lvl-row:active{transform:scale(.99)}.lvl-row.current{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--bg-card))}.lvl-row.locked{opacity:.5;cursor:not-allowed}.lvl-badge{min-width:42px;height:42px;padding:0 9px;border-radius:11px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:17px;color:var(--ink);flex:none}.lvl-row.current .lvl-badge{background:var(--accent-fill);color:#fff;border-color:var(--accent)}.lvl-row-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.lvl-row-id{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--ink)}.lvl-row-id b{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.lvl-row-sub{font-size:11px;color:var(--ink-3)}.lvl-check{color:var(--accent);font-size:18px;font-weight:700;flex:none}.lvl-arrow{color:var(--ink-3);font-size:15px;flex:none}@media(prefers-reduced-motion:reduce){.lvl-sheet,.lvl-scrim{animation:none}}.subtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 16px 4px}.subtab{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--ink-2);transition:border-color .15s ease,color .15s ease,background .15s ease}.subtab .st-glyph{font-family:var(--serif);font-weight:700;font-size:19px;line-height:1}.subtab .st-label{font-size:10px;letter-spacing:.02em}.subtab.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--bg-card))}.tablas-body{padding:12px 16px 0}.kana-hint{font-size:11px;color:var(--ink-3);margin:0 0 12px;letter-spacing:.02em}.kana-section{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 8px}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.kana-cell{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--bg-card);border-radius:10px;min-width:0;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:border-color .15s ease,transform .1s ease,background .2s ease,opacity .2s ease}.kana-cell:active{transform:scale(.95)}.kana-cell:hover{border-color:var(--accent)}.kana-cell.empty{border:none;background:none;cursor:default;pointer-events:none}.kana-cell .kc-ch{font-family:var(--kana);font-weight:600;font-size:clamp(22px,7vw,30px);color:var(--ink);line-height:1}.kana-cell .kc-romaji{font-size:9px;color:var(--ink-3);letter-spacing:.04em}.kana-cell.base{opacity:.62}.kana-cell.done{background:color-mix(in oklab,var(--accent) 11%,var(--bg-card));border-color:color-mix(in oklab,var(--accent) 32%,var(--border))}.kana-cell.done .kc-ch{color:var(--accent)}.kana-cell.reco{border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 12%,transparent);opacity:1}.kc-ring{position:absolute;bottom:3px;right:3px}.kc-ring .kc-ring-bg{fill:none;stroke:var(--border-2);stroke-width:3}.kc-ring .kc-ring-fg{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ki-level{font-family:var(--serif);font-weight:700;font-size:14px;color:var(--accent);letter-spacing:.04em;margin:0 0 12px}.ki-block{margin-bottom:20px}.ki-block-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.ki-block-head .ki-bid{font-family:var(--serif);font-weight:700;font-size:15px;color:var(--ink)}.ki-block-head .ki-bcount{font-size:10px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.ki-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ki-cell{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--bg-card);border-radius:10px;min-width:0;padding:10px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.ki-cell:active{transform:scale(.96)}.ki-cell:hover{border-color:var(--accent)}.ki-cell .ki-ch{font-family:var(--serif);font-weight:700;font-size:clamp(24px,8vw,32px);color:var(--ink);line-height:1}.ki-cell .ki-mean{font-size:9px;color:var(--ink-3);text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mios-empty{text-align:center;padding:44px 24px;color:var(--ink-3)}.mios-empty .mios-glyph{font-family:var(--serif);font-weight:700;font-size:54px;color:var(--ink-3);opacity:.4;margin-bottom:14px}.mios-empty p{font-size:13px;line-height:1.7}.mios-banner{display:flex;gap:10px;align-items:flex-start;background:color-mix(in oklab,var(--gold, #c9a227) 14%,var(--bg-card));border:1px solid color-mix(in oklab,var(--gold, #c9a227) 40%,var(--border));border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.5;color:var(--ink-2);margin-bottom:12px}.mios-banner .mb-glyph{flex:none;width:20px;height:20px;border-radius:999px;background:var(--gold, #c9a227);color:#1b1a17;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.mios-add-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border:1px dashed var(--accent);background:color-mix(in oklab,var(--accent) 6%,var(--bg-card));color:var(--accent);border-radius:12px;padding:12px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;margin-bottom:14px;transition:background .15s ease}.mios-add-btn:active{transform:scale(.99)}.mios-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.mf-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:4px}.mf-seg-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:none;border-radius:8px;padding:8px 4px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:background .15s ease,color .15s ease}.mf-seg-btn.on{background:var(--accent-fill);color:#fff}.mf-field{display:flex;flex-direction:column;gap:5px}.mf-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.mf-input{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;width:100%;outline:none;transition:border-color .15s ease}.mf-input:focus{border-color:var(--accent)}.mf-textarea{resize:vertical;min-height:60px;line-height:1.5;font-size:14px}.mf-tags{display:flex;flex-wrap:wrap;gap:6px}.mf-tag{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.mf-tag.on{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--bg-card))}.mf-functions{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:6px}.mf-functions b{color:var(--ink)}.mf-fn-ico{font-size:13px}.mf-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:2px}.mf-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:11px;padding:12px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border)}.mf-btn.ghost{background:var(--bg);color:var(--ink-2)}.mf-btn.primary{background:var(--accent-fill);color:#fff;border-color:var(--accent-fill)}.mf-btn.primary:disabled{opacity:.45;cursor:not-allowed}.mios-list{display:flex;flex-direction:column;gap:8px}.mios-row{display:flex;align-items:stretch;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.mios-row-main{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:none;cursor:pointer;flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left}.mios-row-main .mr-jp{font-family:var(--serif);font-weight:700;font-size:26px;color:var(--ink);line-height:1;flex:none}.mios-row-main .mr-info{display:flex;flex-direction:column;min-width:0;line-height:1.3}.mios-row-main .mr-mean{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mios-row-main .mr-read{font-size:11px;color:var(--ink-3)}.mios-row-actions{display:flex;align-items:center;gap:4px;padding-right:8px}.mr-write,.mr-del{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--bg);width:34px;height:34px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}.mr-write{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--accent)}.mr-write.disabled{color:var(--ink-3);opacity:.4;cursor:not-allowed}.mr-del{font-size:18px;color:var(--ink-3);line-height:1}.home-acc-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--ink-2);cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .1s ease,color .15s ease}.home-acc-btn:hover{border-color:var(--accent);color:var(--accent)}.home-acc-btn:active{transform:scale(.92)}.cuenta-wrap{padding:8px 18px 26px;position:relative;z-index:1}.acc-profile{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:8px}.acc-avatar{width:52px;height:52px;border-radius:999px;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;flex:none}.acc-id{min-width:0}.acc-email{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.acc-status{font-size:11px;color:var(--green, #4a8a5b);margin-top:2px}.acc-auth{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.acc-form{display:contents}.acc-submit{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:var(--accent-fill);color:#fff;border-radius:12px;padding:13px;font-family:var(--sans);font-weight:600;font-size:15px;cursor:pointer}.acc-submit:disabled{opacity:.45;cursor:not-allowed}.acc-note{font-size:11px;line-height:1.6;color:var(--ink-3);margin:0}.acc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:4px 14px}.acc-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.acc-row-l{font-size:14px;color:var(--ink-2)}.acc-row-val{font-size:13px;color:var(--ink-3)}.acc-link{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:13px 14px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .1s ease}.acc-link:active{transform:scale(.99)}.acc-link:hover{border-color:var(--accent)}.acc-link-ico{width:40px;height:40px;border-radius:11px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:18px;color:var(--accent);flex:none}.acc-link-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.acc-link-text b{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--ink)}.acc-link-text small{font-size:11px;color:var(--ink-3)}.acc-link-arrow{color:var(--ink-3);font-size:16px;flex:none}.acc-signout{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--border);background:var(--bg-card);color:var(--accent);border-radius:12px;padding:13px;font-family:var(--sans);font-weight:600;font-size:14px;cursor:pointer;margin-top:18px}.chome-headrow{display:flex;align-items:stretch;gap:14px;padding:16px 18px 2px}.streak-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .12s ease}.streak-card:hover{border-color:var(--accent)}.streak-card:active{transform:scale(.98)}.sc-main{display:flex;align-items:flex-end;gap:10px}.sc-num{font-family:var(--serif);font-weight:700;font-size:44px;line-height:.9;color:var(--ink)}.sc-txt{display:flex;flex-direction:column;gap:1px;padding-bottom:3px;min-width:0}.sc-l1{font-size:13px;font-weight:600;color:var(--ink)}.sc-l2{font-size:11px;color:var(--ink-3)}.sc-charms{margin-left:auto;padding-bottom:4px}.cw-dots{display:flex;gap:5px;flex:none}.cw-dots .cwd{width:7px;height:7px;border-radius:999px;background:var(--border)}.cw-dots .cwd.done{background:var(--accent)}.cw-dots .cwd.today{background:transparent;box-shadow:0 0 0 2px var(--accent) inset}@media(prefers-reduced-motion:reduce){.streak-card{transition:border-color .15s ease}.streak-card:active{transform:none}}.chome-daily{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:clamp(84px,24vw,104px);height:clamp(84px,24vw,104px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;transition:border-color .15s ease,transform .1s ease}.chome-daily:hover{border-color:var(--accent)}.chome-daily:active{transform:scale(.96)}.chome-daily .cd-eyebrow{font-family:var(--jp);font-size:9px;color:var(--accent);letter-spacing:.1em}.vb .chome-daily .cd-eyebrow{color:var(--accent-2)}.chome-daily .cd-kanji{font-family:var(--serif);font-weight:700;font-size:clamp(34px,10vw,46px);line-height:1;color:var(--ink)}.chome-daily .cd-mean{font-size:9px;color:var(--ink-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continuar{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:calc(100% - 36px);margin:18px 18px 6px;display:flex;align-items:center;gap:14px;background:color-mix(in oklab,var(--accent) 6%,var(--bg-card));border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));border-radius:16px;padding:14px 16px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .1s ease}.continuar:active{transform:scale(.99)}.continuar .cont-k{font-family:var(--serif);font-weight:700;font-size:clamp(34px,11vw,46px);line-height:1;color:var(--ink);flex:none}.continuar .cont-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cont-eyebrow{font-family:var(--serif);font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.vb .cont-eyebrow{color:var(--accent-2)}.cont-title{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink);line-height:1.1}.cont-sub{font-size:11px;color:var(--ink-3)}.cont-prog{margin-top:5px;height:5px;border-radius:999px;background:color-mix(in oklab,var(--accent) 18%,var(--border));overflow:hidden}.cont-prog-bar{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.cont-go{flex:none;width:38px;height:38px;border-radius:999px;background:color-mix(in oklab,var(--accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent) 40%,var(--border));color:var(--accent);font-size:17px;display:flex;align-items:center;justify-content:center}.blk-action{display:flex;align-items:center;gap:9px}.blk-count{font-size:10px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase}.sel-all-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));background:color-mix(in oklab,var(--accent) 8%,var(--bg-card));color:var(--accent);border-radius:999px;padding:5px 12px;font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.sel-all-btn:active{transform:scale(.95)}.home-main .washi-bg .seal{display:none}.modes .mode{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left}@media(max-height:520px){.mode-frame{height:auto;min-height:100dvh;overflow:visible}.proto-stage{min-height:320px}}.route-loading{position:fixed;top:0;left:0;right:0;height:2px;z-index:250;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:route-loading-slide .9s ease-in-out infinite}@keyframes route-loading-slide{0%{background-position:-50% 0}to{background-position:150% 0}}@media(prefers-reduced-motion:reduce){.route-loading{animation:none;background:var(--accent);opacity:.5}}:root{--dk-side-w: 252px}.desktop-nav{display:none}@media(min-width:960px){.dk-host{padding-left:var(--dk-side-w);background:var(--bg)}.dk-host .tabbar{display:none!important}.dk-host .home-content{padding-top:22px;padding-bottom:44px}.dk-host .home-frame{max-width:940px}.dk-host .mode-frame{max-width:460px}.dk-host .mode-frame:has(.test-card-area),.dk-host .mode-frame:has(.proto-stage),.dk-host .mode-frame:has(.write-banner),.dk-host .mode-frame:has(.yuki-area){max-width:1040px}.dk-host .test-card-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:auto auto;grid-template-areas:"card  label" "card  options";align-content:center;column-gap:48px;row-gap:14px;max-width:920px;width:100%;margin:0 auto;padding:24px 12px}.dk-host .test-card-mini{grid-area:card;align-self:center;min-height:360px;display:flex;flex-direction:column;justify-content:center}.dk-host .test-card-mini .test-jp{font-size:132px}.dk-host .test-card-mini .test-reading{font-size:16px}.dk-host .test-card-area .test-q-label{grid-area:label;align-self:end;margin:0}.dk-host .test-card-area .test-options{grid-area:options;align-self:start;gap:10px}.dk-host .proto-test-option{font-size:16px;padding:16px 18px;min-height:58px;border-radius:14px}.dk-host .mode-frame:has(.test-card-area) .proto-bottom{max-width:920px;width:100%;margin:0 auto}.dk-host .mode-frame:has(.proto-stage) .mode-inner,.dk-host .mode-frame:has(.write-banner) .mode-inner{max-width:460px;margin:0 auto}.dk-host .mode-frame:has(.proto-stage) .proto-stage{flex:none}.dk-host .ki-grid{grid-template-columns:repeat(6,1fr)}.dk-host .kana-tables{max-width:520px;margin-inline:auto}.lvl-sheet-root{left:var(--dk-side-w)}.desktop-nav{position:fixed;inset:0 auto 0 0;width:var(--dk-side-w);display:flex;flex-direction:column;padding:22px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg-card);border-right:1px solid var(--border);z-index:70;overflow-y:auto}.dk-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 14px}.dk-brand .dk-mark{width:40px;height:40px;border-radius:11px;flex:none;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}.dk-brand .dk-wm{display:flex;flex-direction:column;line-height:1.1}.dk-brand .dk-wm b{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);letter-spacing:.02em}.dk-brand .dk-wm small{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}.dk-level{padding:0 4px 8px}.dk-level .levelchip{width:100%}.dk-nav{display:flex;flex-direction:column}.dk-group{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:14px 12px 5px}.dk-navitem{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:12px;background:none;color:var(--ink-2);font-family:var(--sans);font-size:15px;font-weight:600;text-align:left;transition:background .14s ease,color .14s ease}.dk-navitem:hover{background:color-mix(in oklab,var(--ink) 6%,transparent);color:var(--ink)}.dk-navitem .dk-gl{font-family:var(--serif);font-weight:700;font-size:19px;width:22px;text-align:center;flex:none;color:var(--ink-3)}.dk-navitem.active{background:color-mix(in oklab,var(--accent) 13%,transparent);color:var(--accent)}.dk-navitem.active .dk-gl{color:var(--accent)}.dk-spacer{flex:1 1 auto;min-height:16px}.dk-foot{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.dk-theme{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:4px}.dk-theme button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:none;cursor:pointer;border-radius:999px;padding:7px 3px;font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;white-space:nowrap;transition:background .14s ease,color .14s ease}.dk-theme button.on{background:var(--accent-fill);color:#fff}.dk-user{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--bg);transition:border-color .14s ease}.dk-user:hover{border-color:var(--accent)}.dk-user .dk-ava{width:34px;height:34px;border-radius:999px;flex:none;background:var(--accent-fill);color:#fff;font-family:var(--serif);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}.dk-user .dk-uinfo{display:flex;flex-direction:column;min-width:0;line-height:1.25}.dk-user .dk-uname{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dk-user .dk-uplan{font-size:10px;color:var(--ink-3)}.dk-host .home-frame.hd-frame{max-width:1180px}.dk-host .hd-content{padding:30px 30px 48px}.hd-content .chome-headrow{padding:0 2px 6px;gap:22px}.hd-content .streak-card{padding:14px 22px}.hd-content .sc-num{font-size:clamp(40px,3.4vw,48px)}.hd-content .chome-daily{width:clamp(96px,9vw,120px);height:clamp(96px,9vw,120px);border-radius:18px}.hd-content .chome-daily .cd-eyebrow{font-size:10px}.hd-content .chome-daily .cd-kanji{font-size:clamp(46px,5vw,60px)}.hd-content .chome-daily .cd-mean{font-size:12px}.hd-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:14px;align-items:start}.hd-main{display:flex;flex-direction:column;gap:18px;min-width:0}.hd-side{display:flex;flex-direction:column;gap:14px;min-width:0;margin-top:52px}.hd-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:8px 18px 18px}.hd-card .section-title{margin:16px 0 10px}.hd-card .chips,.hd-card .blocks,.hd-card .modes{padding-left:0;padding-right:0}.hd-card .blocks{grid-template-columns:repeat(5,1fr)}.hd-continuar{width:100%;margin:0;flex-direction:column;align-items:flex-start;gap:8px;background:var(--accent-fill);border-color:var(--accent-fill);padding:20px}.hd-continuar .cont-k{color:#fff;font-size:60px}.hd-continuar .cont-eyebrow{color:#ffffffd9}.hd-continuar .cont-title{color:#fff;font-size:23px}.hd-continuar .cont-sub{color:#ffffffd9}.hd-continuar .cont-prog{width:100%;background:#ffffff4d}.hd-continuar .cont-prog-bar{background:#fff}.hd-continuar .cont-go{display:none}.hd-ministats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hd-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center}.hd-stat .n{font-family:var(--serif);font-weight:700;font-size:25px;color:var(--ink);line-height:1}.hd-stat .l{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}.hd-exam{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;width:100%;display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:16px;transition:border-color .15s ease,transform .1s ease}.hd-exam:hover{border-color:var(--accent)}.hd-exam:active{transform:scale(.99)}.hd-exam .he-k{font-family:var(--serif);font-weight:700;font-size:32px;color:var(--accent);flex:none}.hd-exam .he-t{display:flex;flex-direction:column;gap:2px}.hd-exam .he-t b{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--ink)}.hd-exam .he-t small{font-size:11px;color:var(--ink-3)}.dk-host .home-frame.sd-frame{max-width:1100px}.dk-host .sd-content{padding:30px 30px 48px}.sd-content .stats-title{font-size:34px;margin-bottom:20px}.sd-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.sd-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px}.sd-kpi .n{font-family:var(--serif);font-weight:700;font-size:34px;line-height:1;letter-spacing:-.02em;color:var(--ink)}.sd-kpi .n small{font-size:.5em;opacity:.7;margin-left:1px}.sd-kpi .n.good{color:var(--green)}.sd-kpi .n.accent{color:var(--accent)}.sd-kpi .l{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.sd-kpi .jp{font-family:var(--jp);font-size:9px;color:var(--ink-3);letter-spacing:.14em;opacity:.7}.sd-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}.sd-col{display:flex;flex-direction:column;gap:18px;min-width:0}.sd-col .stats-section{margin-bottom:0}.sd-col .stats-actions{margin-top:4px}.dk-host .home-frame.setk-frame{max-width:900px}.dk-host .setk-content{padding:30px 30px 48px}.setk-head{margin-bottom:6px}.setk-head .settings-eyebrow{font-size:12px;margin-bottom:12px}.setk-head .settings-eyebrow:before{width:18px}.setk-head .settings-title{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:0 0 28px}.setk-head .settings-title .settings-sub{font-size:14px;margin-top:6px}.setk-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.setk-col{display:flex;flex-direction:column;gap:22px;min-width:0}.setk-col .settings-section{margin-bottom:0}.setk-grid .settings-card{border-radius:16px}.setk-grid .settings-card .setting-row,.setk-grid .settings-card .settings-actions-row{padding:14px 18px}.dk-host .home-frame.cdk-frame{max-width:1100px}.dk-host .cdk-content{padding:30px 30px 48px}.cdk-content .cal-eyebrow{margin-bottom:10px}.cdk-content .cal-title{font-size:34px;margin-bottom:22px}.cdk-content .cal-title .cal-sub{font-size:14px}.cdk-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}.cdk-col{display:flex;flex-direction:column;min-width:0}.cdk-content .cal-month-nav{margin-bottom:16px}.cdk-content .cmn-label{font-size:18px}.cdk-content .cal-card{padding:22px;margin-bottom:0}.cdk-content .cal-grid{gap:8px}.cdk-content .cal-week-head{gap:8px;margin-bottom:10px}.cdk-content .cal-week-head .cwh{font-size:12px}.cdk-content .cal-grid .cal-cell{border-radius:9px;min-height:52px}.cdk-content .cal-grid .cal-cell .cc-day{font-size:11px;padding:5px 7px}.cdk-content .cal-legend{margin-top:16px}.cdk-content .cal-stats{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.cdk-content .cal-stats .cs{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:14px}.cdk-content .cal-stats .cs .n{font-size:30px;line-height:1}.cdk-content .cal-stats .cs .l{text-align:right;font-size:10px}.cdk-content .cal-section{margin-bottom:0}.cdk-content .cal-section-h{font-size:14px}.cdk-content .cal-milestones{gap:10px}}@media(min-width:960px){.vb .dk-navitem.active,.vb .dk-navitem.active .dk-gl{color:var(--accent-2)}}