@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")}html{scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}}@keyframes stagger-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.stagger-children>*{animation:stagger-in var(--dur-base) var(--ease-out) both;animation-delay:.3s}.stagger-children>:nth-child(1){animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:30ms}.stagger-children>:nth-child(3){animation-delay:60ms}.stagger-children>:nth-child(4){animation-delay:90ms}.stagger-children>:nth-child(5){animation-delay:.12s}.stagger-children>:nth-child(6){animation-delay:.15s}.stagger-children>:nth-child(7){animation-delay:.18s}.stagger-children>:nth-child(8){animation-delay:.21s}.stagger-children>:nth-child(9){animation-delay:.24s}.stagger-children>:nth-child(10){animation-delay:.27s}:where(button,[role=button]){transition:scale var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out)}button:not(.yuki-key,.act-option,.jugar-tile,.sh-back,.home-acc-btn,.shk-card,.pad-key,.coin-btn,.tray,.cal-nav,.cal-day,.levelchip,.lvl-row,.kana-cell,.ki-cell,.mios-add-btn,.acc-link,.streak-card,.chome-daily,.continuar,.sel-all-btn,.hd-exam,.detail-btn):not(:disabled,[aria-disabled=true]):active{scale:.97}:root{--dur-fast: .16s;--dur-base: .26s;--dur-slow: .42s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1);--ease-spring: cubic-bezier(.34, 1.4, .44, 1);--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;--green-ink: #2F7A43;--red-ink: #B83A2A;--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-strong: #C24236;--green-ink: var(--green);--red-ink: #F07C74;--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)}.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}.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:fixed;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%)}.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:fixed;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)}.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%)}.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%)}.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-ink)}.summary-big-stats .big-stat.bad .num{color:var(--red-ink)}.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-ink);font-weight:700}.proto-tally .t-bad{color:var(--red-ink);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-ink)}.test-feedback-bar.bad .fb-title{color:var(--red-ink)}.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;position:relative}.chip-pill{position:absolute;left:0;top:2px;bottom:2px;border-radius:999px;background:var(--accent-fill);box-shadow:0 2px 6px color-mix(in oklab,var(--accent-fill) 25%,transparent);transition:transform var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out);pointer-events:none}.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:transparent;color:#fff;position:relative}.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-grid>*{animation:stagger-in var(--dur-base) var(--ease-out) both}.cal-grid>:nth-child(7n+1){animation-delay:0ms}.cal-grid>:nth-child(7n+2){animation-delay:25ms}.cal-grid>:nth-child(7n+3){animation-delay:50ms}.cal-grid>:nth-child(7n+4){animation-delay:75ms}.cal-grid>:nth-child(7n+5){animation-delay:.1s}.cal-grid>:nth-child(7n+6){animation-delay:125ms}.cal-grid>:nth-child(7n+7){animation-delay:.15s}.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{color:#fff;opacity:.9}.cal-cell.hm-4 .cc-day{color:var(--on-heat, #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:repeat(auto-fit,minmax(0,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(--red-strong)}.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-ink)}.sim-verdict.fail .sv-label{color:var(--red-ink)}.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-ink)}.sim-res-stats .srs .n.bad{color:var(--red-ink)}.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(--red-ink)}.sim-wrong .sw-line.ok .sw-tag{color:var(--green-ink)}.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(var(--yuki-fall, 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-strong);color:#fff;border-color:var(--green-strong);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(--red)}.yuki-goshuin{width:56px;height:56px;border-radius:50%;background:var(--accent-fill);color:var(--on-accent);display:grid;place-items:center;font-family:var(--serif);font-size:30px;font-weight:700;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-accent) 85%,transparent),inset 0 0 0 4px var(--accent),0 3px 12px color-mix(in oklab,var(--accent) 28%,transparent);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}}.yuki-snowfall-menu{--yuki-fall: 100vh;z-index:2;opacity:.55}.mode-frame:has(.yuki-snowfall-menu) .mode-inner{position:relative;z-index:1}.mode-frame:has(.yuki-snowfall-menu):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg);pointer-events:none}.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:var(--red-strong);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:var(--on-accent);display:grid;place-items:center;font-family:var(--serif);font-size:17px;font-weight:700;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--on-accent) 85%,transparent),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:var(--on-accent);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)}.act-kana-prompt{margin:10px 0 2px;padding-inline:18px;font-family:var(--kana);font-size:clamp(26px,7vw,34px);line-height:1.25;letter-spacing:.02em;color:var(--ink);text-align:center}.act-widget{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4px}.act-widget .proto-btn-next{min-width:200px;justify-content:center}.act-fix{margin:12px auto 0;max-width:320px;padding:10px 12px;border-radius:11px;background:var(--bg-elev);border:1px solid var(--border);font-size:13px;color:var(--ink-2);text-align:center}.act-fix b{color:var(--ink)}.act-fix b[lang=ja]{font-family:var(--kana);font-size:15px}.mode-frame:has(.act-widget){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.act-widget) .mode-inner{height:auto;min-height:100dvh}.mode-frame:has(.act-scene){background:var(--act-bg)}html.va .mode-frame:has(.act-scene){--act-bg: linear-gradient(#f4efe2, #eae3d2 62%, #e3dcc8)}html.vb .mode-frame:has(.act-scene){--act-bg: linear-gradient(#0e1f36, #0b1a2d 58%, #091524)}.act-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.act-scene-svg{width:100%;height:100%;display:block}.act-wave circle{fill:none;stroke-width:.55}html.va .act-wave circle{stroke:#cdbf9f}html.vb .act-wave circle{stroke:#22456a}html.va .act-counter-top{fill:#d8b98b}html.va .act-counter-edge{fill:#a67c4a}html.va .act-counter-front{fill:#c2a06d}html.vb .act-counter-top{fill:#46362a}html.vb .act-counter-edge{fill:#22190f}html.vb .act-counter-front{fill:#33271c}.act-grain{opacity:.32}html.va .act-grain{fill:#8f6a3d}html.vb .act-grain{fill:#1b130b}.mode-frame:has(.act-scene) .mode-inner{position:relative;z-index:1}.act-board{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;margin:4px 10px 0;border:2px solid var(--marco-card);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-card);transition:border-color var(--dur-base) var(--ease-out)}.act-board-seal{position:absolute;top:-16px;right:-6px;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-fill);color:var(--on-accent);font-family:var(--serif);font-size:24px;font-weight:700;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-accent) 85%,transparent),0 3px 10px color-mix(in oklab,var(--accent) 30%,transparent);pointer-events:none;animation:act-board-seal .55s cubic-bezier(.2,.8,.3,1.2) both}@keyframes act-board-seal{0%{opacity:0;transform:rotate(-16deg) scale(1.6)}55%{opacity:1;transform:rotate(-5deg) scale(.9)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.act-board-win{border-color:var(--green)}@media(prefers-reduced-motion:reduce){.act-board-seal{animation:none;transform:rotate(-8deg)}}.pad-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(280px,84vw)}.pad-display{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px;border:2px solid var(--marco-card);border-radius:14px;background:var(--bg-card)}.pad-num{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink);line-height:1.1}.pad-ghost{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--green-ink)}.pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.pad-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1.35;border:2px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--ink);font-family:var(--sans);font-size:20px;font-weight:700;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.pad-key:active{transform:scale(.94)}.pad-key[disabled]{opacity:.4;cursor:default}.pad-del{font-size:17px;color:var(--ink-2)}.pad-gap{display:block}@media(hover:hover)and (pointer:fine){.pad-key:not([disabled]):hover{border-color:var(--accent)}}.pad-hint{margin:0;font-size:11.5px;color:var(--ink-3);text-align:center}.pad-shake{animation:clk-shake var(--dur-slow) cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.pad-shake{animation:none}}.coin-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(340px,calc(100vw - 48px))}.coin-tray{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:64px;padding:8px 34px;border:2px solid var(--marco-card);border-bottom-width:4px;border-radius:10px 10px 14px 14px;background:var(--bg-elev);box-shadow:inset 0 3px 8px color-mix(in oklab,var(--ink) 12%,transparent)}.coin-total{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.coin-bag{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:20px}.coin-clear{position:absolute;top:6px;right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;padding:4px 8px;cursor:pointer}.coin-ghost{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:8px 10px;border:2px dashed var(--green);border-radius:12px}.coin-pad{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.coin-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:2px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.coin-btn:active{transform:scale(.9)}.coin-btn[disabled]{opacity:.45;cursor:default}.coin{display:block}.coin svg{width:46px;height:46px;display:block}.coin-sm svg{width:20px;height:20px}.coin[data-v="1000"] svg{width:58px;height:37px}.coin-sm[data-v="1000"] svg{width:28px;height:18px}.coin-face{fill:var(--bg-elev);stroke:var(--gold);stroke-width:2}.coin-hole{fill:var(--bg)}.coin-num{fill:var(--ink);font-family:var(--sans);font-size:11px;font-weight:700}.coin-sm .coin-num{font-size:14px}.coin-hint{margin:0;font-size:11.5px;color:var(--ink-3);text-align:center}.coin-shake{animation:clk-shake var(--dur-slow) cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.coin-shake{animation:none}}.tray-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(340px,calc(100vw - 48px))}.tray-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.tray{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border);border-radius:14px;background:var(--bg-card);padding:10px 8px;height:104px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tray-grid[data-n="6"] .tray{height:86px}.tray-grid[data-n="6"] .tray-items[data-n=pocos]{--tray-icon: 30px}.tray:active{transform:scale(.97)}.tray.on{border-color:var(--accent-fill);background:var(--bg-elev)}.tray.ok{border-color:var(--green)}.tray.bad{border-color:var(--red)}.tray[disabled]{cursor:default}@media(hover:hover)and (pointer:fine){.tray:not([disabled]):hover{border-color:var(--accent)}}.tray-items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px}.tray-item{display:block;width:var(--tray-icon, 22px);height:var(--tray-icon, 22px)}.tray-items[data-n=pocos]{--tray-icon: 36px;gap:8px}.tray-items[data-n=medio]{--tray-icon: 28px;gap:5px}.tray-item svg{width:100%;height:100%;display:block}.tray-person{display:flex;align-items:center;justify-content:center;gap:6px}.tray-person .tray-item{width:30px;height:30px}.tray-age{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.tray-hint{margin:0;font-size:11.5px;color:var(--ink-3);text-align:center}.tray-shake{animation:clk-shake var(--dur-slow) cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.tray-shake{animation:none}}.cal-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(340px,calc(100vw - 48px))}.cal-head{display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px}.cal-month{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--ink);min-width:3.5ch;text-align:center}.cal-nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border);background:var(--bg-card);color:var(--ink);width:40px;height:40px;border-radius:12px;font-size:20px;line-height:1;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cal-nav:active{transform:scale(.94)}.cal-nav[disabled]{opacity:.4;cursor:default}@media(hover:hover)and (pointer:fine){.cal-nav:hover{border-color:var(--accent)}}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:100%}.cal-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:1px solid var(--border);border-radius:9px;background:var(--bg-card);color:var(--ink-2);font-family:var(--sans);font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.cal-day:active{transform:scale(.92)}.cal-day.on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.cal-day.ghost{border:2px dashed var(--green);color:var(--green-ink);font-weight:700}.cal-day[disabled]{cursor:default}@media(hover:hover)and (pointer:fine){.cal-day:not([disabled]):hover{background:var(--bg-elev)}}.cal-hint{margin:0;font-size:11.5px;color:var(--ink-3);text-align:center}.cal-shake{animation:clk-shake var(--dur-slow) cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.cal-shake{animation:none}}.clk-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.clk{width:min(317px,86vw);height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.clk-dragging{cursor:grabbing}.clk-locked{cursor:default}.clk-face{fill:var(--bg-card);stroke:var(--marco-card);stroke-width:2}.clk-tick{stroke:var(--border-2);stroke-width:1;stroke-linecap:round}.clk-tick-h{stroke:var(--ink-2);stroke-width:2.5;stroke-linecap:round}.clk-num{fill:var(--ink-2);font-family:var(--sans);font-size:17px;font-weight:600}.clk-sec{stroke:var(--ink-3);stroke-width:1;stroke-linecap:round;opacity:.45;animation:clk-tick-round 60s steps(60,end) infinite}@keyframes clk-tick-round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clk-hand-h{stroke:var(--ink);stroke-width:8;stroke-linecap:round}.clk-hand-m{stroke:var(--accent);stroke-width:4.5;stroke-linecap:round}.clk-grip{stroke:var(--bg-card);stroke-width:2;cursor:grab;transition:r var(--dur-fast) var(--ease-out)}.clk-grip-h{fill:var(--ink)}.clk-grip-m{fill:var(--accent)}.clk-grip.hot{filter:drop-shadow(0 0 6px currentColor)}.clk-grip:focus-visible{outline:none;stroke:var(--accent-2);stroke-width:3}.clk-locked .clk-grip{cursor:default}.clk-pin{fill:var(--ink)}.clk-ghost-h,.clk-ghost-m{stroke:var(--green);stroke-linecap:round;stroke-dasharray:4 5}.clk-ghost-h{stroke-width:7}.clk-ghost-m{stroke-width:4}.clk-ghost{animation:clk-ghost-in var(--dur-base) var(--ease-out)}@keyframes clk-ghost-in{0%{opacity:0}to{opacity:1}}.clk-chime{fill:none;stroke:var(--green);stroke-width:3;animation:clk-chime var(--dur-slow) var(--ease-out) forwards}@keyframes clk-chime{0%{opacity:.55;r:104;stroke-width:3}to{opacity:0;r:132;stroke-width:.5}}.clk-shake{animation:clk-shake var(--dur-slow) cubic-bezier(.36,.07,.19,.97)}@keyframes clk-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.clk-hint{margin:0;font-size:11.5px;color:var(--ink-3);text-align:center}.clk-hint-keys{display:none}@media(hover:hover)and (pointer:fine){.clk-hint-keys{display:inline}.clk-hint-touch{display:none}}@media(prefers-reduced-motion:reduce){.clk-sec,.clk-ghost,.clk-shake{animation:none}.clk-chime{display:none}}.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 color-mix(in srgb,var(--on-accent) 85%,transparent),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 color-mix(in srgb,var(--on-accent) 80%,transparent);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}}html.va{--shodo-paper: #fffdf7;--shodo-rule: #b8452f;--shodo-ink: #1b1a17}html.vb{--shodo-paper: #ece3d0;--shodo-rule: #8e3b2b;--shodo-ink: #17150f}html.va,html.vb{--shodo-green: #26663a}.shodo-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/assets/kakitori-escena-Dq3Y1asy.webp);background-size:cover;background-position:center bottom;pointer-events:none}html.vb .shodo-scene{background-image:url(/assets/kakitori-escena-noche-DPYt674b.webp)}.mode-frame:has(.shodo-scene) .mode-inner{position:relative;z-index:1}.shodo-pad .write-pad{background:var(--shodo-paper);border-color:var(--shodo-rule);border-width:2px;border-radius:4px;--ink: var(--shodo-ink);--ink-2: color-mix(in srgb, var(--shodo-ink) 70%, transparent);--ink-3: color-mix(in srgb, var(--shodo-ink) 45%, transparent);--accent: var(--accent-fill)}.shodo-pad .write-meta-line,.shodo-area>.write-meta-line{align-self:center;padding:3px 12px;border-radius:999px;background:var(--shodo-paper);border:1px solid color-mix(in srgb,var(--shodo-rule) 45%,transparent);color:var(--shodo-ink);--green: var(--shodo-green);--accent: var(--accent-fill)}.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:flex-start;align-items:flex-end;gap:0;max-width:340px;background:var(--shodo-paper);border:2px solid var(--shodo-rule);border-radius:2px;box-shadow:var(--shadow-card)}.kk-slot{position:relative;min-width:42px;height:48px;display:grid;place-items:center;font-family:var(--kana);font-size:34px;line-height:1;color:transparent;border-right:1px solid var(--shodo-rule);transition:background .2s ease}.kk-slot:last-of-type{border-right:0}.kk-slot:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:linear-gradient(to right,transparent calc(50% - .5px),var(--shodo-rule) calc(50% - .5px),var(--shodo-rule) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--shodo-rule) calc(50% - .5px),var(--shodo-rule) calc(50% + .5px),transparent calc(50% + .5px));opacity:.28;pointer-events:none}.kk-slot.active{animation:kk-pulse 1.5s ease-in-out infinite}@keyframes kk-pulse{0%,to{background:color-mix(in srgb,var(--accent) 9%,transparent)}50%{background:color-mix(in srgb,var(--accent) 18%,transparent)}}@media(prefers-reduced-motion:reduce){.kk-slot.active{animation:none;background:color-mix(in srgb,var(--accent) 12%,transparent)}}.kk-slot.filled{color:var(--shodo-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(--shodo-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-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.shk-scene-svg{width:100%;height:100%;display:block}html.va{--shk-mat: #cdc096;--shk-mat-2: #c5b78b;--shk-heri: #a8987a}html.vb{--shk-mat: #353226;--shk-mat-2: #2f2c21;--shk-heri: #221f17}.shk-tatami-bg{fill:var(--shk-mat-2)}.shk-tatami-mat{fill:var(--shk-mat)}.shk-tatami-heri{fill:var(--shk-heri)}.mode-frame:has(.shk-scene) .mode-inner{position:relative;z-index:1}html.va .mode-frame:has(.shk-scene){--ink-3: #4e4738;--ink-2: #383326}html.vb .mode-frame:has(.shk-scene){--ink-3: #a49b88;--ink-2: #cec5b2}.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(--green) 55%,var(--border));background:color-mix(in oklab,var(--green) 7%,var(--bg-card));cursor:default;animation:shkPop .4s ease}.shk-card.done .shk-kana{color:var(--green-ink)}@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}}.mode-frame:has(.shk-area){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.shk-area) .mode-inner{height:auto;min-height:100dvh}html.va{--kn-steel: #cfd3d8;--kn-steel-2: #b6bcc4;--kn-steel-line: #8f97a2;--kn-steel-ink: #1b1e22}html.vb{--kn-steel: #39414b;--kn-steel-2: #2b323b;--kn-steel-line: #545e6b;--kn-steel-ink: #eef1f4}.kn-scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(/assets/kinko-escena-DM3hZgne.webp);background-size:cover;background-position:center bottom;pointer-events:none}html.vb .kn-scene-bg{background-image:url(/assets/kinko-escena-noche-DZa3VAu7.webp)}.mode-frame:has(.kn-scene-bg) .mode-inner{position:relative;z-index:1}.kn-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px 18px 16px}.kn-level{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-size:12px;color:var(--ink-3)}.kn-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 .kn-lv-badge{color:var(--accent-2)}.kn-scene{position:relative;width:100%;max-width:240px;aspect-ratio:1 / 1;perspective:900px}.kn-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}.kn-loot{font-family:var(--serif);font-weight:700;font-size:clamp(48px,18vw,64px);color:var(--accent);opacity:0;transform:scale(.5)}.vb .kn-loot{color:var(--accent-2)}.kn-scene.open .kn-loot{animation:kkLoot .5s ease .35s forwards}@keyframes kkLoot{to{opacity:1;transform:scale(1)}}.kn-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}.kn-scene.open .kn-glow{animation:kkGlow 1.1s ease .3s}@keyframes kkGlow{0%{opacity:0}40%{opacity:.85}to{opacity:.2}}.kn-door{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(145deg,var(--kn-steel),var(--kn-steel-2));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)}.kn-scene.open .kn-door{transform:rotateY(-75deg)}.kn-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)}.kn-rivet.tl{top:8px;left:8px}.kn-rivet.tr{top:8px;right:8px}.kn-rivet.bl{bottom:8px;left:8px}.kn-rivet.br{bottom:8px;right:8px}.kn-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}.kn-dial:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--kn-steel-2);border:1px solid var(--border)}.kn-lbl{font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:center}.kn-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;text-wrap:balance}.kn-slots{display:grid;grid-template-columns:repeat(auto-fit,30px);justify-content:center;gap:6px;max-width:138px;margin-inline:auto;margin-top:auto}.kn-slot{width:30px;height:38px;border-radius:7px;border:1.5px solid var(--border);background:color-mix(in oklab,var(--kn-steel-ink) 8%,var(--kn-steel));display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;font-size:20px;color:var(--accent)}.vb .kn-slot{color:var(--accent-2)}.kn-slot.cur{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 16%,transparent)}.kn-slot.fill{animation:kkPop .28s ease}@keyframes kkPop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes knShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.kn-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;max-width:240px}.kn-key{-moz-appearance:none;appearance:none;-webkit-appearance:none;aspect-ratio:3 / 2;border:1px solid var(--kn-steel-line);border-radius:10px;background:linear-gradient(160deg,var(--kn-steel),var(--kn-steel-2));color:var(--kn-steel-ink);font-family:var(--sans);font-weight:600;font-size:19px;cursor:pointer;transition:border-color .12s ease,transform .07s ease,background .12s ease}.kn-key:hover{border-color:var(--accent)}.kn-key:active{transform:scale(.94);background:color-mix(in oklab,var(--accent) 12%,var(--kn-steel-2))}.kn-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kn-key-empty{border:none;background:none;pointer-events:none}.kn-hint{font-size:11px;color:var(--ink-3);text-align:center}@media(prefers-reduced-motion:reduce){.kn-door{transition:opacity .3s ease}.kn-scene.open .kn-door{transform:none;opacity:.14}.kn-scene.open .kn-loot{animation:none;opacity:1;transform:none}.kn-scene.open .kn-glow,.kn-slot.fill{animation:none}}.kn-door.kn-err{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 35%,transparent)}.mode-frame:has(.kn-area){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.kn-area) .mode-inner{height:auto;min-height:100dvh}.mt-console{position:relative;width:100%;max-width:400px;margin:6px auto 0;padding:18px 18px 20px;border-radius:18px;border:2px solid;overflow:hidden;transition:filter .5s ease}.mt-console:not(.mt-revealed)[data-tense=past]{filter:sepia(.4) brightness(.99)}.mt-console:not(.mt-revealed)[data-tense=pres]{filter:saturate(1.18) brightness(1.06)}html.va .mt-console{background:linear-gradient(#e6ecf1,#d3dbe2);border-color:#aebbc8;box-shadow:inset 0 1px #fff9}html.vb .mt-console{background:linear-gradient(#1c2836,#131c27);border-color:#33475c;box-shadow:inset 0 1px #ffffff0d}.mt-rivet{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none}html.va .mt-rivet{background:#a8b6c3}html.vb .mt-rivet{background:#3c526a;box-shadow:inset 0 1px 1px #00000080}.mt-rivet.r-tl{top:8px;left:8px}.mt-rivet.r-tr{top:8px;right:8px}.mt-rivet.r-bl{bottom:8px;left:8px}.mt-rivet.r-br{bottom:8px;right:8px}.mt-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease,background .5s ease}.mt-console[data-tense=past] .mt-tint{opacity:1;background:radial-gradient(circle at 50% 40%,rgba(190,128,52,.34),transparent 74%)}.mt-console[data-tense=pres] .mt-tint{opacity:1;background:radial-gradient(circle at 50% 40%,rgba(115,190,255,.28),transparent 74%)}.mt-motes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.mt-mote{position:absolute;bottom:-6px;border-radius:50%;background:color-mix(in srgb,var(--accent) 62%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 45%,transparent);animation:mt-float linear infinite}@keyframes mt-float{0%{transform:translateY(0);opacity:0}12%{opacity:.75}85%{opacity:.6}to{transform:translateY(calc(-1 * var(--mt-rise, 300px)));opacity:0}}.mt-dial{text-align:center;margin-bottom:2px}.mt-dial svg{width:180px;height:100px}.mt-dial-arc{stroke:var(--accent);stroke-width:3;opacity:.5}.mt-dial-end{font-family:var(--sans);font-size:13px;font-weight:600;fill:var(--ink-3)}.mt-needle{stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;transform:rotate(0);transform-origin:100px 100px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.mt-needle[data-t=none]{transform:rotate(0);opacity:.45}.mt-needle[data-t=past]{transform:rotate(-62deg)}.mt-needle[data-t=pres]{transform:rotate(62deg)}.mt-dial-hub{fill:var(--accent);animation:mt-pulse 2.1s ease-in-out infinite}@keyframes mt-pulse{0%,to{opacity:.9}50%{opacity:.45}}.mt-visor{position:relative;max-width:320px;margin:4px auto 16px;padding:16px 14px 12px;border-radius:12px;text-align:center;overflow:hidden;border:1.5px solid}html.va .mt-visor{background:#eef3f7;border-color:#b3c2d0;box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent) 15%,transparent)}html.vb .mt-visor{background:#0c1520;border-color:#2b3f54;box-shadow:inset 0 0 24px color-mix(in srgb,var(--accent) 26%,transparent)}.mt-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,#0000000d 2px,#0000000d 3px)}.mt-form{position:relative;font-family:var(--jp);font-size:32px;font-weight:500;line-height:1.15;color:var(--ink);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent);animation:mt-in var(--dur-base) var(--ease-out) both}@keyframes mt-in{0%{opacity:0;transform:translateY(6px)}}.mt-sub{position:relative;font-size:11.5px;color:var(--ink-3);margin-top:5px}.mt-switches{display:flex;gap:12px;max-width:340px;margin:0 auto}.mt-switches.locked{pointer-events:none}.mt-sw-box{flex:1}.mt-sw-lbl{font-size:12.5px;font-weight:700;color:var(--ink-2);text-align:center;margin-bottom:6px}.mt-switch{position:relative;display:flex;height:46px;border-radius:10px;border:1.5px solid var(--border);overflow:hidden}html.va .mt-switch{background:#dbe3ea}html.vb .mt-switch{background:#0f1a26}.mt-sw-opt{position:relative;z-index:1;flex:1;border:0;background:transparent;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.mt-sw-opt.on{color:var(--on-accent)}.mt-sw-opt.ok{color:var(--accent-2)}.mt-sw-opt.on.ok{color:var(--on-accent)}.mt-sw-opt.bad{text-decoration:line-through;opacity:.6}.mt-knob{position:absolute;z-index:0;top:4px;bottom:4px;width:calc(50% - 6px);border-radius:8px;background:var(--accent-fill);box-shadow:0 2px 6px #0000004d;opacity:0;left:4px;transition:left .28s cubic-bezier(.34,1.56,.64,1),opacity .18s var(--ease-out)}.mt-switch[data-sel=past] .mt-knob,.mt-switch[data-sel=aff] .mt-knob{left:4px;opacity:1}.mt-switch[data-sel=pres] .mt-knob,.mt-switch[data-sel=neg] .mt-knob{left:calc(50% + 2px);opacity:1}.mt-switch .mt-sw-opt.ok:not(.on):after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:7px;border:1.5px solid var(--accent);pointer-events:none}.mt-confirm{display:block;width:100%;max-width:340px;margin:20px auto 0;padding:13px;font-size:15px;font-weight:700;font-family:var(--sans);color:var(--on-accent);background:var(--accent-fill);border:none;border-radius:12px;cursor:pointer;box-shadow:0 3px color-mix(in srgb,var(--accent-fill) 62%,#000);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.mt-confirm:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--accent-fill) 62%,#000)}.mt-confirm:disabled{opacity:.4;cursor:default;box-shadow:none}.mt-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:18px}.mt-fx.viaje{background:radial-gradient(circle at 50% 42%,rgba(150,210,255,.7),transparent 62%);animation:mt-viaje .7s var(--ease-out) forwards}@keyframes mt-viaje{0%{opacity:0}28%{opacity:1}to{opacity:0}}.mt-fx.err{box-shadow:inset 0 0 0 3px #ef4444,inset 0 0 28px #ef444480;animation:mt-err .5s var(--ease-out) forwards}@keyframes mt-err{0%{opacity:0}18%{opacity:1}to{opacity:0}}.mt-console.mt-shake{animation:mt-shake .4s var(--ease-out)}@keyframes mt-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.mt-spark{position:absolute;top:46%;left:50%;width:5px;height:5px;border-radius:50%;background:#ffd27a;transform:rotate(calc(var(--i) * 36deg)) translateY(0);animation:mt-spark .55s var(--ease-out) forwards}@keyframes mt-spark{to{transform:rotate(calc(var(--i) * 36deg)) translateY(-34px);opacity:0}}@media(prefers-reduced-motion:reduce){.mt-console.mt-shake{animation:none}.mt-spark,.mt-mote{display:none}.mt-dial-hub{animation:none}}.mt-reveal{max-width:340px;margin:18px auto 0;display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;background:var(--bg-elev);border:1px solid var(--border);animation:mt-in var(--dur-fast) var(--ease-out) both}.mt-seal{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--jp);font-size:17px}.mt-reveal.ok .mt-seal{background:var(--accent-fill);color:var(--on-accent)}.mt-reveal.no .mt-seal{background:transparent;border:1.5px solid var(--ink-3);color:var(--ink-3)}.mt-reveal-txt{font-family:var(--jp);font-size:14px;line-height:1.4;color:var(--ink)}.mt-end{position:relative;border-radius:18px;overflow:hidden;min-height:330px;display:flex;align-items:center;justify-content:center;border:2px solid #2b3f6a;background:radial-gradient(circle at 50% 30%,#26325a,#0e1524 72%)}.mt-end-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mt-end-glow{position:absolute;left:50%;top:22%;width:190px;height:190px;margin-left:-95px;border-radius:50%;background:radial-gradient(circle,rgba(120,175,255,.32),transparent 66%);animation:mt-pulse 3s ease-in-out infinite}.mt-end-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;text-align:center}.mt-end-emoji{font-size:50px;line-height:1;filter:drop-shadow(0 0 12px rgba(120,175,255,.5))}.mt-end-title{font-family:var(--serif);font-size:24px;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.mt-end-msg{font-size:13.5px;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.4);margin-top:-4px}.mt-end-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:320px}.mt-end-stat{flex:1 1 28%;min-width:86px;display:flex;flex-direction:column;gap:2px;padding:11px 8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px}.mt-end-stat b{font-size:21px;color:#fff}.mt-end-stat span{font-size:10.5px;color:#ffffffd1}.mt-end-btns{display:flex;gap:10px;width:100%;max-width:320px;margin-top:4px}.mt-end-btn{flex:1;padding:12px;font-size:14px;font-weight:700;font-family:var(--sans);border-radius:12px;border:1.5px solid rgba(255,255,255,.32);background:#ffffff21;color:#fff;cursor:pointer;transition:scale var(--dur-fast) var(--ease-out)}.mt-end-btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.mt-end-btn:active{scale:.98}.mt-motes-menu{--mt-rise: 100vh;z-index:2}.mode-frame:has(.mt-motes-menu) .mode-inner{position:relative;z-index:1}.mode-frame:has(.mt-motes-menu):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg);pointer-events:none}.ka-hud{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px;padding:0 12px}.ka-lives,.ka-score{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--bg-card) 62%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);line-height:1}.ka-lives{font-size:15px}.ka-drop{color:var(--border)}.ka-drop.on{color:var(--accent)}.ka-score{font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}.ka-score:before{content:"雨";font-size:12px;font-weight:600;color:var(--accent-2);opacity:.9}.ka-storm{color:var(--accent-2);font-weight:600;font-size:12px}.ka-mode{display:flex;align-items:center;gap:10px;margin-top:4px}.ka-mode-lbl{font-size:13px;font-weight:600;color:var(--ink-2)}.ka-seg{display:inline-flex;border:1.5px solid var(--border);border-radius:999px;overflow:hidden}.ka-seg-btn{border:0;background:transparent;padding:6px 14px;font-size:13px;font-weight:600;font-family:var(--sans);color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.ka-seg-btn.on{color:#fff;background:var(--pgm-acc, var(--accent-fill))}.ka-mode-hint{font-size:12px;color:var(--ink-3);margin-top:2px;margin-bottom:6px}.ka-sky{position:relative;overflow:hidden;flex:1;min-height:0}.ka-sky{--ka-gota-h: 60px;--ka-ground-h: calc(84px + env(safe-area-inset-bottom, 0px)) }html.va .ka-sky{background:#e3e6eb}html.vb .ka-sky{background:#0b1a2d}.ka-sky{transition:background .5s var(--ease-out, ease)}html.va .ka-sky.storm{background:#74889b}html.vb .ka-sky.storm{background:#050e1b}.ka-bolt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:#d2e1f5e6}.ka-sky.storm .ka-bolt{animation:ka-flash 3.4s var(--ease-out, ease-out) infinite}@keyframes ka-flash{0%,8%,to{opacity:0}4%{opacity:.7}5%{opacity:.12}6%{opacity:.55}7%{opacity:0}}.ka-arashi{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--kana);font-size:150px;font-weight:700;color:var(--accent);opacity:0;transition:opacity .5s var(--ease-out, ease);pointer-events:none}.ka-sky.storm .ka-arashi{opacity:.13}.ka-dusk{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;transition:opacity .4s ease}.ka-clouds{position:absolute;top:0;left:0;right:0;height:30%;min-height:96px;overflow:hidden;pointer-events:none}.ka-cloud{position:absolute;left:0;animation-name:ka-drift;animation-timing-function:linear;animation-iteration-count:infinite;transition:opacity .8s ease;will-change:transform}.ka-cloud>svg{display:block;width:100%;height:auto;transform:scaleX(var(--ka-flip, 1))}@keyframes ka-drift{0%{transform:translate(-110%)}to{transform:translate(calc(100vw + 10%))}}.ka-cloud.entra{animation-name:ka-drift,ka-cloud-entra;animation-timing-function:linear,var(--ease-out, ease-out);animation-iteration-count:infinite,1;animation-fill-mode:none,both}@keyframes ka-cloud-entra{0%{opacity:0}to{opacity:var(--ka-op, 1)}}@media(prefers-reduced-motion:reduce){.ka-cloud.entra{animation-name:none;opacity:var(--ka-op, 1)}}.ka-sky.storm .ka-cloud{filter:brightness(.5) saturate(.7) contrast(1.1)}.ka-cloud{transition:filter .8s ease,opacity .8s ease}.ka-mts{position:absolute;left:0;right:0;bottom:0;width:100%;height:36%;min-height:120px;pointer-events:none}.ka-mt-far,.ka-mt-near{transition:fill .8s ease}.ka-mts>svg,.ka-end-mts>svg{display:block;width:100%;height:100%}.ka-mts{transition:filter .8s ease}.ka-sky.storm .ka-mts{animation:ka-mt-lit 3.4s var(--ease-out, ease-out) infinite}@keyframes ka-mt-lit{0%,8%,to{filter:brightness(.58) saturate(.75)}4%{filter:brightness(1.25) saturate(.9)}6%{filter:brightness(.95) saturate(.85)}7%{filter:brightness(.58) saturate(.75)}}.ka-bolt-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.ka-bolt-path{fill:none;stroke:#eaf3ff;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 5px #cfe4ff)}.ka-sky.storm .ka-bolt-svg{animation:ka-flash 3.4s var(--ease-out, ease-out) infinite}.ka-rain-layer{transition:transform .5s ease}.ka-sky.storm .ka-rain-layer{transform:skew(-12deg)}.ka-ripple{position:absolute;bottom:5px;width:8px;height:8px;border-radius:50%;opacity:0;pointer-events:none}html.va .ka-ripple{border:1.5px solid rgba(70,105,140,.5)}html.vb .ka-ripple{border:1.5px solid rgba(150,185,220,.5)}.ka-ripple.r1{left:30%;animation:ka-rip 1.5s ease-out infinite}.ka-ripple.r2{left:58%;animation:ka-rip 1.5s ease-out .5s infinite}.ka-ripple.r3{left:80%;animation:ka-rip 1.5s ease-out 1s infinite}@keyframes ka-rip{0%{opacity:.55;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}.ka-hurt{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none;box-shadow:inset 0 0 0 3px #ef4444,inset 0 0 26px #ef44448c;opacity:0;animation:ka-hurt-flash .45s var(--ease-out, ease-out)}@keyframes ka-hurt-flash{0%{opacity:0}22%{opacity:1}to{opacity:0}}.ka-rain-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ka-rain{position:absolute;top:-24px;width:1.6px;border-radius:2px;animation-name:ka-fall;animation-timing-function:linear;animation-iteration-count:infinite}html.va .ka-rain{background:linear-gradient(transparent,#345270bf)}html.vb .ka-rain{background:linear-gradient(transparent,#96b9dc80)}@keyframes ka-fall{to{transform:translateY(100vh)}}.ka-splash{position:absolute;pointer-events:none;top:calc(var(--y, 0) * (100% - var(--ka-gota-h) - var(--ka-ground-h)) + var(--ka-gota-h) * .6)}.ka-splash-bit{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:rotate(calc(var(--i) * 45deg)) translate(0);animation:ka-spl .5s var(--ease-out, ease-out) forwards}@keyframes ka-spl{to{transform:rotate(calc(var(--i) * 45deg)) translate(30px);opacity:0}}.ka-gota{position:absolute;top:calc(var(--y, 0) * (100% - var(--ka-gota-h) - var(--ka-ground-h)));width:60px;height:60px;margin-left:-30px;border-radius:52% 52% 52% 8px;display:flex;align-items:center;justify-content:center;transform:rotate(-2deg);border:2px solid var(--accent);background:var(--bg-card);will-change:transform}.ka-kana{font-family:var(--kana);font-size:30px;line-height:1;color:var(--ink);transform:rotate(2deg)}.ka-ground{display:none}html.va .ka-ground{background:#9db4c6;border-top-color:#6f8ba3}html.vb .ka-ground{background:#0e2138;border-top-color:#2c4869}.ka-pods{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.ka-pod{flex:1;padding:13px 4px;text-align:center;font-size:16px;font-weight:600;font-family:var(--sans);color:var(--ink);background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.ka-pod:hover{border-color:var(--accent);background:var(--bg-elev)}}.ka-pod:active{scale:.97}.ka-hint{flex:0 0 auto;padding:12px 12px 0;background:var(--ka-band);text-align:center;font-size:12px;color:var(--ink-3)}.mode-frame:has(.ka-end){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.ka-end) .mode-inner{height:auto;min-height:100dvh}.ka-end{position:relative;overflow:hidden;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.ka-end-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}html.vb .ka-end.win .ka-end-scene{background:linear-gradient(#0e2236,#2a4a5e 55%,#b98a4e)}html.va .ka-end.win .ka-end-scene{background:linear-gradient(#7fa8c4,#cdd9c8 52%,#ecd9a8)}html.vb .ka-end.lose .ka-end-scene{background:linear-gradient(#0c1826,#16273a)}html.va .ka-end.lose .ka-end-scene{background:linear-gradient(#6b7d8f,#8896a5)}.ka-end-sun{position:absolute;left:50%;bottom:25%;width:92px;height:92px;margin-left:-46px;border-radius:50%;background:radial-gradient(circle,#ffe6a8,#ffb84d 58%,#ffb84d00 72%);opacity:0}.ka-end.win .ka-end-sun{animation:ka-sun-rise 1s .1s var(--ease-out, ease-out) forwards}@keyframes ka-sun-rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.ka-end-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe9b8;animation:ka-twinkle 1.9s ease-in-out infinite}@keyframes ka-twinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}.ka-end-rain{position:absolute;top:0;right:0;bottom:0;left:0}.ka-end-mts{position:absolute;left:0;right:0;bottom:0;width:100%;height:36%;min-height:120px}.ka-end-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 18px;text-align:center;background:#0c142257;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:18px;animation:ka-rise .5s var(--ease-out, ease-out)}@keyframes ka-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ka-end-seal{position:absolute;top:-14px;right:-8px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--kana);font-size:24px;color:var(--on-accent);background:var(--accent-fill);box-shadow:0 3px 12px #0006;animation:ka-stamp .5s .2s both}@keyframes ka-stamp{0%{transform:scale(1.8) rotate(-14deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:1}}.ka-end-emoji{font-size:50px;line-height:1}.ka-end.win .ka-end-emoji{animation:ka-pop .6s var(--ease-out, ease-out)}@keyframes ka-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.ka-end-title{font-family:var(--serif);font-size:23px;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.ka-end-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:320px}.ka-end-stat{flex:1 1 40%;min-width:116px;display:flex;flex-direction:column;gap:2px;padding:11px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);border-radius:12px}.ka-end-stat b{font-size:21px;color:#fff}.ka-end-stat span{font-size:11px;color:#ffffffd9}.ka-end-note{font-size:13px;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.4)}.ka-end-btns{display:flex;gap:10px;width:100%;max-width:320px;margin-top:4px}.ka-end-btn{flex:1;padding:12px;font-size:14px;font-weight:700;font-family:var(--sans);border-radius:12px;border:1.5px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;cursor:pointer;transition:scale var(--dur-fast) var(--ease-out)}.ka-end-btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.ka-end-btn:active{scale:.98}@media(prefers-reduced-motion:reduce){.ka-rain-layer,.ka-end-rain{display:none}.ka-splash-bit{animation:none;opacity:0}.ka-sky.storm .ka-mts,.ka-ripple,.ka-end-spark{animation:none}.ka-cloud{animation:none;transform:translate(var(--ka-parada, 0))}.ka-cloud.n1{--ka-parada: 8vw}.ka-cloud.n2{--ka-parada: 48vw}.ka-cloud.n3{--ka-parada: 26vw}.ka-cloud.n4{--ka-parada: 62vw}.ka-cloud.n5{--ka-parada: 14vw}.ka-cloud.n6{--ka-parada: 44vw}.ka-bolt-svg,.ka-ripple{opacity:0}}.ka-menu-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}html.va .ka-menu-scene{background:#e3e6eb}html.vb .ka-menu-scene{background:#0b1a2d}.mode-frame:has(.ka-menu-scene) .mode-inner{position:relative;z-index:1}.pgm{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center;gap:clamp(4px,1.6vh,16px);padding:clamp(10px,2.5vh,30px) 12px clamp(12px,2.5vh,28px);background:linear-gradient(color-mix(in srgb,var(--bg) var(--pgm-velo-a, 76%),transparent),color-mix(in srgb,var(--bg) var(--pgm-velo-b, 92%),transparent));backdrop-filter:blur(var(--pgm-velo-blur, 3px));-webkit-backdrop-filter:blur(var(--pgm-velo-blur, 3px))}@media(min-height:700px){.pgm{gap:clamp(16px,2.4vh,26px)}}.mode-frame:has(.kn-scene-bg),.mode-frame:has(.shodo-scene),.mode-frame:has(.shk-scene),.mode-frame:has(.ka-menu-scene),.mode-frame:has(.act-scene){--pgm-velo-a: 46%;--pgm-velo-b: 66%;--pgm-velo-blur: 2px;--ink-3: var(--ink-2)}.pgm-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--pgm-acc)}.pgm-howto{min-height:62px;display:flex;flex-direction:column;justify-content:center;text-align:left;width:100%;margin:0;padding:9px 12px;border-radius:11px;background:color-mix(in srgb,var(--bg-elev) 76%,transparent);border:1px solid var(--border);font-size:12px;line-height:1.45;color:var(--ink-2)}.pgm-howto b{display:block;margin-bottom:2px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.pgm-mask{width:clamp(112px,19vh,168px);height:clamp(112px,19vh,168px);transform:scale(var(--pgm-mask-scale, 1));transition:transform .35s var(--ease-out, ease-out)}.pgm-oni{width:100%;height:100%;animation:pgm-mask-in .42s var(--ease-out, ease-out) both}.pgm-oni svg{width:100%;height:100%;display:block}@keyframes pgm-mask-in{0%{opacity:0;transform:scale(.82)}}.pgm-name{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:-.01em;margin:0}.pgm-desc{min-height:34px;display:flex;align-items:center;justify-content:center;margin:0 6px;font-size:13px;line-height:1.35;color:var(--ink-2)}.pgm-seg{display:inline-flex;border-radius:999px;overflow:hidden;border:2px solid var(--border);margin-bottom:0}.pgm-seg-btn{border:0;background:transparent;padding:8px 15px;font-size:12.5px;font-weight:700;font-family:var(--sans);color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.pgm-seg-btn.on{background:var(--pgm-acc-fill);color:#fff}.pgm-stats{display:flex;gap:8px;justify-content:center;width:100%;max-width:320px;margin-bottom:0}.pgm-stat{flex:1;display:flex;flex-direction:column;gap:1px;padding:9px 6px;background:var(--bg-card);border:1px solid var(--border);border-radius:11px}.pgm-stat b{font-family:var(--serif);font-size:18px;color:var(--ink)}.pgm-stat span{font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.pgm-start{width:100%;max-width:300px;padding:13px;border:0;border-radius:12px;font-size:15px;font-weight:800;font-family:var(--sans);color:#fff;background:var(--pgm-acc-fill);cursor:pointer;box-shadow:0 3px 0 var(--pgm-acc-shadow);transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pgm-start:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pgm-acc-shadow)}@media(prefers-reduced-motion:reduce){.pgm-oni{animation:none}}.mode-frame:has(.pgm){height:auto;min-height:100dvh;overflow:visible}.mode-frame:has(.pgm) .mode-inner{height:auto;min-height:100dvh}@media(max-height:620px){.pgm:has(.ka-mode){gap:5px;padding-top:6px;padding-bottom:8px}.pgm:has(.ka-mode) .pgm-howto,.pgm:has(.ka-mode) .pgm-desc{min-height:0}.pgm:has(.ka-mode) .pgm-mask{width:88px;height:88px}}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}.route-view{animation:route-in var(--dur-base) var(--ease-out)}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.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-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}.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}.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-marker{position:absolute;top:-1px;left:0;width:20%;height:0;transform:translate(calc(var(--ti, 0) * 100%));transition:transform var(--dur-base) var(--ease-out);pointer-events:none}.tabbar .tab-marker:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}.vb .tabbar .tab-marker:after{background:var(--accent-2)}.tabbar .tab.active .tab-glyph{animation:tab-glyph-pop var(--dur-base) var(--ease-spring)}@keyframes tab-glyph-pop{0%{transform:scale(.88)}to{transform:scale(1)}}.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-error{color:var(--red, #b3261e);font-weight:600}.acc-change-mail{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:none;color:var(--accent-2);font-family:var(--sans);font-size:13px;padding:6px;cursor:pointer;align-self:center}.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}.acc-delete{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border:none;background:none;color:var(--red, #b3261e);font-family:var(--sans);font-weight:600;font-size:13px;cursor:pointer;padding:10px;margin-top:4px}.acc-delete:disabled{opacity:.5;cursor:not-allowed}.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)}.rt-home .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 .washi-bg,.dk-host .fuji-bg{left:var(--dk-side-w)}.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;position:relative}.dk-marker{position:absolute;left:0;top:0;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent);transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-fast) linear;pointer-events:none}.vb .dk-marker{background:var(--accent-2)}.dk-navitem.active .dk-gl{animation:tab-glyph-pop var(--dur-base) var(--ease-spring)}.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)}}