*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-warm,#f5ead0);height:100%}body{font-family:var(--f-body,"Plus Jakarta Sans", system-ui, sans-serif);background:var(--bg-warm,#f5ead0);color:var(--ink,#1b1b1b);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;min-height:100dvh;margin:0;font-size:14px;line-height:1.5}#root{min-height:100dvh}.kn-scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}h1,h2,h3,h4{font-weight:700;font-family:var(--f-display,"Shippori Mincho", "Noto Serif JP", serif);letter-spacing:-.01em;margin:0}button,input,textarea,select{font-family:inherit}a{color:inherit}:root{--bg:#faf3e0;--bg-warm:#f5ead0;--ink:#1b1b1b;--ink-soft:#3a3a3a;--muted:#5a544a;--line:#e8dcbd;--card:#fff;--red:#c9184a;--red-deep:#9a1238;--green:#2d6a4f;--green-light:#95d5b2;--gold:#e3a008;--lilac:#1b1b1b;--sky:#3a3a3a;--f-display:"Shippori Mincho", "Noto Serif JP", serif;--f-body:"Plus Jakarta Sans", -apple-system, system-ui, sans-serif;--f-jp:"Shippori Mincho", "Noto Serif JP", serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--kn-tabbar-h:64px;--kn-header-h:56px;--kn-page-x:16px;--kn-page-y:18px;--kn-fab-bottom:calc(var(--kn-tabbar-h) + var(--safe-bottom) + 12px);--kn-keyboard-h:0px}html[data-theme=dark],body.kn-dark{--bg:#1e1e28;--bg-warm:#25252f;--ink:#f5efdd;--ink-soft:#d8d2bd;--muted:#b8b1a0;--line:#3a3a44;--card:#2a2a34;--red:#e63d6b;--red-deep:#c9184a;--green:#5ab086;--green-light:#95d5b2;--gold:#f5b942;--lilac:#f5efdd;--sky:#d8d2bd}html[data-theme=dark] [style*="background: rgb(227, 160, 8)"],html[data-theme=dark] [style*="background: rgb(245, 185, 66)"],html[data-theme=dark] [style*="background-color: rgb(227, 160, 8)"],html[data-theme=dark] [style*="background-color: rgb(245, 185, 66)"],html[data-theme=dark] [style*="background: var(--gold"],html[data-theme=dark] [style*="background:var(--gold"],html[data-theme=dark] [style*="background-color: var(--gold"],html[data-theme=dark] [style*="background-color:var(--gold"]{color:#1b1b1b!important}html[data-theme=dark] [style*="background: var(--red"],html[data-theme=dark] [style*="background:var(--red"],html[data-theme=dark] [style*="background-color: var(--red"],html[data-theme=dark] [style*="background: var(--green"],html[data-theme=dark] [style*="background:var(--green"],html[data-theme=dark] [style*="background-color: var(--green"]{color:#faf3e0!important}html[data-theme=dark] [style*="background: var(--ink)"],html[data-theme=dark] [style*="background:var(--ink)"],html[data-theme=dark] [style*="background-color: var(--ink)"],html[data-theme=dark] [style*="background-color:var(--ink)"]{color:#faf3e0!important;background:#1b1b1b!important}html[data-theme=dark] [style*="background: rgb(255, 255, 255)"],html[data-theme=dark] [style*="background-color: rgb(255, 255, 255)"],html[data-theme=dark] [style*="background: rgb(250, 243, 224)"],html[data-theme=dark] [style*="background-color: rgb(250, 243, 224)"],html[data-theme=dark] [style*="background: rgb(253, 249, 238)"],html[data-theme=dark] [style*="background-color: rgb(253, 249, 238)"],html[data-theme=dark] [style*="background: rgb(247, 243, 234)"],html[data-theme=dark] [style*="background-color: rgb(247, 243, 234)"],html[data-theme=dark] [style*="background: rgb(245, 234, 208)"],html[data-theme=dark] [style*="background-color: rgb(245, 234, 208)"],html[data-theme=dark] [style*="background: rgb(255, 245, 216)"],html[data-theme=dark] [style*="background-color: rgb(255, 245, 216)"],html[data-theme=dark] [style*="background: rgb(244, 236, 214)"],html[data-theme=dark] [style*="background-color: rgb(244, 236, 214)"],html[data-theme=dark] [style*="background: rgb(232, 220, 189)"],html[data-theme=dark] [style*="background-color: rgb(232, 220, 189)"],html[data-theme=dark] [style*="background: rgba(250, 243, 224"],html[data-theme=dark] [style*="background: rgba(255, 250, 238"],html[data-theme=dark] [style*="background-color: rgba(250, 243, 224"],html[data-theme=dark] [style*="background-color: rgba(255, 250, 238"]{background:var(--card)!important;background-color:var(--card)!important}html[data-theme=dark] .kn-dash-header,html[data-theme=dark] .kn-hamburger{background:#2a2a34d9!important;border-color:#f5efdd1a!important}html[data-theme=dark] div[style*="min-height: 100%"][style*=radial-gradient],html[data-theme=dark] .kn-prem-page,html[data-theme=dark] .kn-finish-page,html[data-theme=dark] .kn-login-page,html[data-theme=dark] .kn-signup-page,html[data-theme=dark] .kn-mistakes-page,html[data-theme=dark] .kn-social-page,html[data-theme=dark] .kn-writing-page,html[data-theme=dark] .kn-microstory-outer,html[data-theme=dark] .kn-input-wrap{background-color:var(--bg)!important}html[data-theme=dark] .kn-prem-top-counter,html[data-theme=dark] .kn-prem-plan,html[data-theme=dark] .kn-prem-card,html[data-theme=dark] .kn-prem-faq,html[data-theme=dark] .kn-prem-final-pill,html[data-theme=dark] .kn-prem-trust-badge,html[data-theme=dark] .kn-prem-feature-card,html[data-theme=dark] .kn-prem-stat-card,html[data-theme=dark] .kn-prem-mobile-cta,html[data-theme=dark] .kn-prem-hero{background:var(--card)!important;color:var(--ink)!important}html[data-theme=dark] .kn-prem-hero-pill,html[data-theme=dark] .kn-prem-plan-pop,html[data-theme=dark] .kn-prem-plan-kanji{color:#1b1b1b!important}html[data-theme=dark] .kn-prem-hero-bg-kanji,html[data-theme=dark] .kn-prem-hero-tatami{opacity:.08!important}html[data-theme=dark] .kn-microstory-right-panel,html[data-theme=dark] .kn-microstory-scene-card,html[data-theme=dark] .kn-microstory-kanji-card,html[data-theme=dark] .kn-microstory-translation-card,html[data-theme=dark] .kn-widget,html[data-theme=dark] .kn-widget-card,html[data-theme=dark] .kn-dash-card,html[data-theme=dark] .kn-dash-widget{background:var(--card)!important;color:var(--ink)!important}html[data-theme=dark] [style*="color: rgb(27, 27, 27)"]:not([data-keep-ink]){color:var(--ink)!important}html[data-theme=dark] [style*="color: rgb(68, 68, 68)"],html[data-theme=dark] [style*="color: rgb(85, 85, 85)"],html[data-theme=dark] [style*="color: rgb(102, 102, 102)"],html[data-theme=dark] [style*="color: rgb(122, 114, 103)"]{color:var(--ink-soft)!important}html[data-theme=dark] [style*="border-color: rgb(27, 27, 27)"],html[data-theme=dark] [style*="border: 1px solid rgb(27, 27, 27)"],html[data-theme=dark] [style*="border: 1.5px solid rgb(27, 27, 27)"],html[data-theme=dark] [style*="border: 2px solid rgb(27, 27, 27)"],html[data-theme=dark] [style*="border: 1px solid rgb(232, 220, 189)"],html[data-theme=dark] [style*="border: 1.5px solid rgb(232, 220, 189)"],html[data-theme=dark] [style*="border: 1.5px solid rgba(27, 27, 27"],html[data-theme=dark] [style*="border: 1px solid rgba(27, 27, 27"],html[data-theme=dark] [style*="border: 2px solid rgba(27, 27, 27"]{border-color:var(--line)!important}html[data-theme=dark] [style*="box-shadow: rgb(27, 27, 27)"],html[data-theme=dark] [style*="0px 0px 0px rgb(27, 27, 27)"],html[data-theme=dark] [style*="3px 3px 0px rgb(27, 27, 27)"],html[data-theme=dark] [style*="4px 4px 0px rgb(27, 27, 27)"],html[data-theme=dark] [style*="2px 2px 0px rgb(27, 27, 27)"]{box-shadow:3px 3px 0 var(--line)!important}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0;padding:0}body.microstory-reader-active .kn-bug-fab>button{bottom:calc(env(safe-area-inset-bottom,0px) + 240px)!important}@media (width<=1099px){.kn-microstory-outer{grid-template-columns:1fr!important;max-width:720px!important;padding:0!important}.kn-microstory-right{display:none!important}.kn-microstory-page{padding-left:16px!important;padding-right:16px!important}}@media (width>=1100px){body.microstory-reader-active .kn-floating-mochi{right:340px!important}}@media (width<=768px){body.microstory-reader-active .kn-page-footer{bottom:64px!important}body.microstory-reader-active .kn-main{padding-bottom:220px!important}}@media (width>=769px) and (width<=1099px){body.microstory-reader-active .kn-page-footer{max-width:720px!important;margin:0 auto!important;bottom:0!important;left:210px!important;right:0!important}}@media (width>=1100px) and (width<=1289px){body.microstory-reader-active .kn-page-footer{max-width:none!important;margin:0!important;bottom:0!important;left:226px!important;right:16px!important}}@media (width>=1290px){body.microstory-reader-active .kn-page-footer{width:1048px!important;max-width:1048px!important;margin:0!important;bottom:0!important;left:calc(50vw - 419px)!important;right:auto!important}}.k-body{font-family:var(--f-body);color:var(--ink);-webkit-font-smoothing:antialiased}.k-body *{font-family:var(--f-body)}.k-display{font-family:var(--f-display);letter-spacing:-.01em}.k-jp{font-family:var(--f-jp)}.k-mono{font-family:var(--f-mono)}.phone{background:var(--bg);border-radius:48px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 10px #1b1b1b,0 0 0 12px #2a2a2a,0 40px 80px -30px #00000059,0 20px 40px -20px #00000040}.phone-notch{z-index:60;background:#1b1b1b;border-radius:20px;width:120px;height:32px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-status{height:50px;color:var(--ink);z-index:50;justify-content:space-between;align-items:center;padding:0 32px 0 30px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.phone-status .bars{align-items:center;gap:4px;display:flex}.phone-home{z-index:60;background:#1b1b1b;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.paper{background-image:radial-gradient(circle at 20% 10%,#c9184a0a 0,#0000 40%),radial-gradient(circle at 80% 90%,#2d6a4f0a 0,#0000 40%),repeating-linear-gradient(0deg,#00000002 0 1px,#0000 1px 3px)}@keyframes wk-shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)rotate(-2deg)}40%{transform:translate(12px)rotate(2deg)}60%{transform:translate(-8px)rotate(-1deg)}80%{transform:translate(8px)rotate(1deg)}}@keyframes spark-pop{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{transform:translate(var(--sx,0), var(--sy,-120px)) scale(.2);opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.4)translate(-50%)}60%{opacity:1;transform:scale(1.15)translate(-50%)}to{opacity:1;transform:scale(1)translate(-50%)}}.k-block{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:inline-block;position:relative}.k-block:hover{transform:rotateY(-12deg)rotateX(8deg)}.k-block .face{border:2.5px solid var(--ink);font-family:var(--f-jp);color:var(--ink);background:linear-gradient(160deg,#fff 0%,#fdf5e0 100%);border-radius:22px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 -8px #1b1b1b14}.k-block .shadow-3d{background:var(--ink);z-index:-1;border-radius:22px;position:absolute;inset:0;transform:translate(8px,10px)}.k-block.red .face{color:#fff5ea;background:linear-gradient(160deg,#e63d6b 0%,#c9184a 100%)}.k-block.green .face{color:#fff5ea;background:linear-gradient(160deg,#52b788 0%,#2d6a4f 100%)}.k-block.gold .face{background:linear-gradient(160deg,#f3c678 0%,#e3a008 100%)}.k-block.ink .face{color:#faf3e0;background:linear-gradient(160deg,#2a2a2a 0%,#0e0e0e 100%)}.k-btn{color:#faf3e0;cursor:pointer;background:#1b1b1b;border:2.5px solid #1b1b1b;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:4px 4px #1b1b1b}.k-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #1b1b1b}.k-btn:active{transition-duration:50ms;transform:translate(2px,2px)scale(.97)}.k-btn:focus-visible{outline:none;box-shadow:4px 4px #1b1b1b,0 0 0 3px #c9184a73}.k-btn:disabled{opacity:.55;cursor:not-allowed}.k-btn.ghost{background:var(--card);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.k-btn.red{background:var(--red);border-color:#1b1b1b}.k-btn.green{background:var(--green)}.k-chip{background:var(--card);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.k-card{background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:24px;padding:18px;transition:transform .18s cubic-bezier(.2,.9,.3,1.05),box-shadow .18s}.k-card.k-card-interactive:hover{box-shadow:5px 7px 0 var(--ink);transform:translateY(-3px)}.k-input:focus,.k-input:focus-visible{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #c9184a2e}.k-input.invalid{border-color:var(--red);animation:.45s ease-in-out wk-shake}.k-key{border:1.5px solid var(--ink);min-width:36px;height:42px;box-shadow:0 3px 0 var(--ink);font-family:var(--f-jp);color:var(--ink);background:linear-gradient(#fff 0%,#f0e6cc 100%);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:15px;font-weight:700;display:inline-flex}.dot{background:var(--ink);border-radius:50%;width:6px;height:6px;display:inline-block}@keyframes mochi-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.015,.985)}}@keyframes mochi-bob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(-2deg)}75%{transform:translateY(-3px)rotate(2deg)}}@keyframes wag-tail{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-30deg)}}@keyframes wag-tail-shiba{0%,to{transform:rotate(0)}50%{transform:rotate(-18deg)}}@keyframes ear-twitch{0%,90%,to{transform:rotate(var(--base-rot,-18deg))}93%{transform:rotate(calc(var(--base-rot,-18deg) - 8deg))}96%{transform:rotate(calc(var(--base-rot,-18deg) + 2deg))}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%,97%{transform:scaleY(.1)}}@keyframes wave-arm{0%,to{transform:rotate(-140deg)}25%{transform:rotate(-155deg)}75%{transform:rotate(-125deg)}}@keyframes cheer-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-block{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-6px) rotate(var(--rot,0deg))}}.mascot-idle{transform-origin:bottom;animation:3.2s ease-in-out infinite mochi-breathe}.mascot-wave{transform-origin:bottom;animation:2.4s ease-in-out infinite mochi-bob}.mascot-cheer{transform-origin:bottom;animation:.9s ease-in-out infinite cheer-bounce}.mascot-think{transform-origin:bottom;animation:4s ease-in-out infinite mochi-breathe}.mascot-read{transform-origin:bottom;animation:3.6s ease-in-out infinite mochi-breathe}.mascot-flex{transform-origin:bottom;animation:2.2s ease-in-out infinite mochi-breathe}@keyframes mochi-sad-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(2px)scaleY(.98)}}@keyframes mochi-proud{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02)}}@keyframes mochi-determined{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.01)}}@keyframes mochi-bow{0%{transform:translateY(0)rotateX(0)}40%{transform:translateY(2px)rotateX(20deg)}60%{transform:translateY(2px)rotateX(20deg)}to{transform:translateY(0)rotateX(0)}}@keyframes mochi-tired-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scaleY(.99)}}@keyframes mochi-shocked-jolt{0%{transform:translateY(0)}10%{transform:translateY(-6px)}30%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes mochi-wink-cycle{0%,90%,to{transform:translateY(0)}95%{transform:translateY(-1px)}}@keyframes mochi-love-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.mascot-sad{transform-origin:bottom;animation:4.8s ease-in-out infinite mochi-sad-breathe}.mascot-proud{transform-origin:bottom;animation:2.6s ease-in-out infinite mochi-proud}.mascot-determined{transform-origin:bottom;animation:1.6s ease-in-out infinite mochi-determined}.mascot-bow{transform-origin:bottom;animation:2.2s ease-in-out infinite mochi-bow}.mascot-tired{transform-origin:bottom;animation:5.5s ease-in-out infinite mochi-tired-breathe}.mascot-shocked{transform-origin:bottom;animation:1.8s ease-out infinite mochi-shocked-jolt}.mascot-wink{transform-origin:bottom;animation:4s ease-in-out infinite mochi-wink-cycle}.mascot-love{transform-origin:bottom;animation:1.4s ease-in-out infinite mochi-love-pulse}.tail-wag{transform-origin:0 0;animation:1.8s ease-in-out infinite wag-tail}.tail-shiba{transform-origin:50%;animation:.9s ease-in-out infinite wag-tail-shiba}.ear-l{--base-rot:-18deg;transform-origin:bottom;animation:5s ease-in-out infinite ear-twitch}.ear-r{--base-rot:18deg;transform-origin:bottom;animation:5.7s ease-in-out infinite ear-twitch}.eye-blink{transform-origin:50%;animation:4.2s ease-in-out infinite blink}.arm-wave{transform-origin:bottom;animation:1.4s ease-in-out infinite wave-arm}.block-float{--rot:0deg;animation:4s ease-in-out infinite float-block}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.9}90%{opacity:.4}to{opacity:0;transform:translateY(-700px)scale(.4)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes confetti-fall{0%{transform:translate3d(var(--cx,0px), -40px, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:0}8%{opacity:1}to{transform:translate3d(var(--cx,0px), 900px, 0) rotateX(var(--rx,720deg)) rotateY(var(--ry,540deg)) rotateZ(var(--rz,360deg));opacity:.9}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0,0)rotate(0)scale(.2)}15%{opacity:1}to{transform:translate3d(var(--dx,0px), var(--dy,0px), var(--dz,0px)) rotate(var(--r,720deg)) scale(1);opacity:0}}@keyframes ring-burst{0%{opacity:.9;border-width:12px;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(5)}}@keyframes ray-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes level-bounce{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-22px)scale(1.06,.95)}60%{transform:translateY(-14px)scale(.97,1.03)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 50px #e3a00880,6px 6px #1b1b1b}50%{box-shadow:0 0 120px #e3a008f2,6px 6px #1b1b1b}}.confetti-piece{transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:50%}.confetti-piece.burst{animation:1.6s ease-out infinite confetti-burst}.confetti-piece.fall{animation:confetti-fall var(--dur,3.5s) linear infinite;animation-delay:var(--delay,0s)}.level-mochi{transform-origin:bottom;animation:1.4s ease-in-out infinite level-bounce}.level-halo{animation:1.8s ease-in-out infinite glow-pulse}.ring-burst{animation:1.8s ease-out infinite ring-burst}.ray-spin{transform-origin:50%;animation:18s linear infinite ray-spin}@keyframes flame-flicker{0%{filter:brightness()saturate(1.1);transform:translateY(0)scaleY(1)scaleX(1)rotate(-1deg)}25%{filter:brightness(1.1)saturate(1.2);transform:translateY(-1%)scaleY(1.06)scaleX(.96)rotate(1deg)}50%{filter:brightness(1.2)saturate(1.3);transform:translateY(-2%)scaleY(1.1)scaleX(.92)rotate(-1.5deg)}75%{filter:brightness(1.08)saturate(1.15);transform:translateY(-1%)scaleY(1.04)scaleX(.98)rotate(1deg)}to{filter:brightness()saturate(1.1);transform:translateY(0)scaleY(1)scaleX(1)rotate(-1deg)}}@keyframes flame-inner{0%,to{opacity:.95;transform:translateY(6%)scaleY(.9)}50%{opacity:1;transform:translateY(-2%)scaleY(1.08)}}@keyframes flame-spark{0%{transform:translate(var(--sx,0), 0) scale(1);opacity:0}10%{opacity:1}to{transform:translate(var(--sx,0), -60px) scale(.2);opacity:0}}@keyframes flame-glow{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.85;transform:translate(-50%,-50%)scale(1.15)}}.flame-wrap{line-height:0;display:inline-block;position:relative}.flame-outer{transform-origin:50% 100%;animation:.9s ease-in-out infinite flame-flicker}.flame-inner{transform-origin:50% 100%;animation:.7s ease-in-out infinite flame-inner}.flame-glow{pointer-events:none;border-radius:50%;animation:1.4s ease-in-out infinite flame-glow;position:absolute;top:55%;left:50%}.flame-spark{border-radius:50%;animation:1.2s ease-out infinite flame-spark;position:absolute;bottom:30%;left:50%}@keyframes mochi-squish{0%{transform:scale(1)}25%{transform:scale(1.12,.88)}55%{transform:scale(.94,1.08)}80%{transform:scale(1.04,.97)}to{transform:scale(1)}}.mochi-squish{animation:.36s cubic-bezier(.34,1.56,.64,1) mochi-squish}@keyframes mochi-particle-fly{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle,0deg)) translateY(0) rotate(calc(var(--angle,0deg) * -1)) scale(.4)}15%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle,0deg)) translateY(calc(var(--dist,60px) * -.4)) rotate(calc(var(--angle,0deg) * -1)) scale(1.1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle,0deg)) translateY(calc(var(--dist,60px) * -1)) rotate(calc(var(--angle,0deg) * -1)) scale(.6)}}.mochi-particle{color:#ffd76a;pointer-events:none;text-shadow:0 0 6px #fff9;font-size:18px;animation:.7s ease-out forwards mochi-particle-fly;position:absolute;top:50%;left:50%}@keyframes bubble-pop{0%{opacity:0;transform:translateY(4px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 3px #c9184a40,0 0 30px #c9184a80}50%{box-shadow:0 0 0 6px #c9184a73,0 0 40px #c9184abf}}@keyframes tour-pop{0%{opacity:0;transform:scale(.88)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes tour-mochi-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.01)}}.tour-mochi-bob{animation:2.2s ease-in-out infinite tour-mochi-bob}@keyframes tour-center-flash{0%{opacity:0;transform:scale(0)}15%{opacity:.9;transform:scale(40)}60%{opacity:.3;transform:scale(120)}to{opacity:0;transform:scale(200)}}.tour-center-flash{transform-origin:50%;animation:1.2s cubic-bezier(.16,.84,.3,1) forwards tour-center-flash}@keyframes tour-ring-burst{0%{opacity:0;border-width:4px;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(14)}}@keyframes tour-radial-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}10%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(.6);opacity:0}}@keyframes tour-fall-rich{0%{opacity:0;transform:translateY(-40px)rotateX(0)rotate(0)}8%{opacity:1}to{transform:translate3d(var(--dx,0px), 110vh, 0) rotateX(var(--rx,720deg)) rotateZ(var(--rz,540deg));opacity:.9}}@keyframes tour-streamer{0%{opacity:0;transform:translateY(-80px)rotate(0)}10%{opacity:1}50%{transform:translate(calc(var(--sway) * .5), 45vh) rotate(calc(var(--rz) * .5))}to{transform:translate(var(--sway), 110vh) rotate(var(--rz));opacity:0}}@keyframes tour-kanji-drift{0%{opacity:0;transform:translateY(-100px)rotate(0)}12%{opacity:1}50%{transform:translate(calc(var(--sway) * .5), 50vh) rotate(calc(var(--rot) * .5))}to{transform:translate(var(--sway), 110vh) rotate(var(--rot));opacity:0}}@keyframes tour-bg-vignette{0%{opacity:0}20%{opacity:1}to{opacity:0}}.tour-bg-vignette{pointer-events:none;background:radial-gradient(circle,#e3a0082e 0%,#c9184a14 40%,#0000 75%);animation:3.5s ease-in-out forwards tour-bg-vignette;position:absolute;inset:0}@keyframes tour-screen-flash{0%{opacity:0}20%{opacity:.75}40%{opacity:.2}to{opacity:0}}.tour-screen-flash{pointer-events:none;background:radial-gradient(circle,#fff5ea 0%,#fff5ea4d 30%,#0000 70%);animation:1s ease-out forwards tour-screen-flash;position:absolute;inset:0}@keyframes tour-shockwave{0%{opacity:0;border-width:8px;transform:translate(-50%,-50%)scale(0)}15%{opacity:1}to{opacity:0;border-width:.5px;transform:translate(-50%,-50%)scale(40)}}.tour-shockwave{pointer-events:none;opacity:0;border:6px solid #fff5ea;border-radius:50%;width:80px;height:80px;animation:1.2s cubic-bezier(.16,.84,.3,1) .15s forwards tour-shockwave;position:absolute;box-shadow:0 0 40px #fff5eae6}@keyframes tour-bokeh-float{0%{opacity:0;transform:translateY(30px)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1.4)}}@keyframes tour-sparkle-twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(180deg)}}@keyframes tour-shimmer-sweep{0%{opacity:0;transform:translate(-120%)skew(-20deg)}40%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate(120%)skew(-20deg)}}.tour-shimmer-sweep{opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 40%,#fff5ea80 50%,#e3a00859 55%,#0000 65%);width:60%;height:100%;animation:2s cubic-bezier(.4,.1,.6,.9) forwards tour-shimmer-sweep;position:absolute;top:0;left:0}@keyframes mochi-hide{0%{transform:translate(0)rotate(0)scale(1)}40%{transform:translate(-140px)rotate(-18deg)scale(.95)}to{transform:translate(-95px)rotate(-10deg)scale(.98)}}.mochi-hiding{animation:.42s cubic-bezier(.34,1.3,.64,1) forwards mochi-hide}@keyframes mochi-peek-bob{0%,to{transform:translate(-95px)rotate(-10deg)}50%{transform:translate(-88px)rotate(-3deg)}}.mochi-peeking{animation:1.8s ease-in-out infinite mochi-peek-bob}@keyframes mochi-return{0%{transform:translate(-95px)rotate(-10deg)scale(.98)}60%{transform:translate(10px)rotate(4deg)scale(1.04)}to{transform:translate(0)rotate(0)scale(1)}}.mochi-returning{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards mochi-return}.mochi-particle-big{font-family:var(--f-jp);color:#fff5ea;text-shadow:0 2px #c9184a,0 4px 10px #ffd76ab3;font-size:28px!important;animation-duration:1.1s!important}ruby.furigana{ruby-position:over;display:inline-block;position:relative}ruby.furigana rt{text-align:center;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-weight:500;transition:opacity .25s}ruby.furigana-always rt{opacity:1}ruby.furigana-hover rt{opacity:0}ruby.furigana-hover:hover rt,ruby.furigana-hover.furigana-revealed rt{opacity:1}ruby.furigana-off rt{display:none}@keyframes skeleton-pulse{0%{opacity:.85;background-position:0 0}50%{opacity:1;background-position:100% 0}to{opacity:.85;background-position:0 0}}.skeleton-pulse{animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes spark-rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.9}90%{opacity:.4}to{opacity:0;transform:translateY(-700px)scale(.4)}}.spark-rise-particle{animation-name:spark-rise;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:.22s ease-out page-fade-in}@keyframes count-flash{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.count-flash{animation:.4s ease-out count-flash}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.kn-dict-content{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=960px){.kn-dict-content{grid-template-columns:minmax(0,1fr) 280px;gap:20px}}.kn-dict-kanji-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px;display:grid}@media (width>=480px){.kn-dict-kanji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}}@media (width>=768px){.kn-dict-kanji-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:22px}}.kn-dict-grid-placeholder{grid-template-columns:inherit;gap:inherit;min-height:320px;display:grid}.kn-dict-grid-placeholder-cell{aspect-ratio:1/1.15;background:linear-gradient(90deg, var(--card) 0%, var(--bg-warm) 50%, var(--card) 100%);border:1.5px solid color-mix(in srgb, var(--ink) 12%, transparent);background-size:200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite kn-dict-skeleton-shimmer}@keyframes kn-dict-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kn-dict-right-col{flex-direction:column;gap:12px;display:flex}@media (width>=960px){.kn-dict-right-col{gap:14px}}.kn-dict-search-input{border:2px solid var(--ink);background:var(--card);width:100%;font-size:16px;font-family:var(--f-body);box-shadow:4px 4px 0 var(--ink);box-sizing:border-box;color:var(--ink);border-radius:14px;outline:none;padding:14px 16px 14px 48px;font-weight:500}@media (width>=768px){.kn-dict-search-input{padding:16px 16px 16px 50px}}html,body{scroll-behavior:smooth;overflow-x:hidden}body{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}img,video,iframe,canvas,svg{max-width:100%;height:auto}.safe-bottom{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.safe-top{padding-top:env(safe-area-inset-top)}@media (width<=640px){button,.k-btn,[role=button],a.k-chip,.k-chip{min-width:44px;min-height:44px}.k-btn{padding:12px 20px;font-size:14px}.k-chip{min-height:32px;padding:6px 12px}html{font-size:15px}.k-display{font-size:.9em}h1{font-size:1.5em;line-height:1.2}h2{font-size:1.25em}h3{font-size:1.1em}.phone{width:100%!important;height:auto!important;min-height:100vh!important;box-shadow:none!important;border-radius:0!important}.phone-notch,.phone-home,.phone-status{display:none!important}.k-card{padding:14px!important}}@media (width<=768px){.kn-sidebar{display:none!important}}@media (width>=769px){.kn-sidebar{display:flex!important}}.mobile-only{display:none}.desktop-only{display:block}@media (width<=640px){.mobile-only{display:block}.desktop-only{display:none}.k-grid-2,.k-grid-3{grid-template-columns:1fr!important}.k-grid-4{grid-template-columns:repeat(2,1fr)!important}.kn-big-char{font-size:90px!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}input,textarea,select{max-width:100%;font-size:16px}@media (width<=640px){input[type=text],input[type=email],input[type=password],input[type=number],textarea{box-sizing:border-box;width:100%}[style*="padding: 24"],[style*=padding\:24]{padding:16px!important}[style*="padding: '24px'"],[style*="padding: 24px"]{padding:14px!important}}.k-body{width:100%;min-height:100vh;overflow-x:hidden}@media (width<=640px){[style*="position: fixed"][style*="bottom: 0"]{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}.jlpt-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.jlpt-header h1{font-size:28px!important}.jlpt-header>svg,.jlpt-header>div:last-child{align-self:center;transform:scale(.7)}.jlpt-exam-row{align-items:flex-start!important}.jlpt-exam-row input[type=date]{width:100%;margin-top:8px}.jlpt-stats-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.jlpt-stats-row>div:first-child{align-self:center}.jlpt-stats-row>div:last-child{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.kn-login-page{flex-direction:column!important;min-height:100vh!important}.kn-login-left{flex:none!important;min-height:auto!important;padding:24px 20px!important}.kn-login-left h1,.kn-login-left [class*=headline]{font-size:36px!important;line-height:1.1!important}.kn-login-right{flex:auto!important;max-width:100%!important;padding:24px 20px!important}.kn-login-left img,.kn-login-left svg{max-height:140px!important}}@media (width<=640px){[style*="font-size: 130px"],[style*=font-size\:130px]{font-size:84px!important}[style*="font-size: 120px"],[style*=font-size\:120px]{font-size:78px!important}[style*="font-size: 108px"],[style*=font-size\:108px]{font-size:72px!important}[style*="font-size: 96px"],[style*=font-size\:96px]{font-size:64px!important}[style*="font-size: 80px"],[style*=font-size\:80px]{font-size:56px!important}[style*="font-size: 48px"],[style*=font-size\:48px]{font-size:36px!important}[style*="font-size: 38px"],[style*=font-size\:38px]{font-size:28px!important}[style*="font-size: 36px"],[style*=font-size\:36px]{font-size:26px!important}[style*="font-size: 32px"],[style*=font-size\:32px]{font-size:24px!important}[style*="font-size: 28px"],[style*=font-size\:28px]{font-size:22px!important}[style*="font-size: 26px"],[style*=font-size\:26px]{font-size:20px!important}[style*="max-width: 480"],[style*="maxWidth: 480"],[style*="max-width: 520"],[style*="maxWidth: 520"],[style*="max-width: 720"],[style*="maxWidth: 720"],[style*="max-width: 760"],[style*="maxWidth: 760"],[style*="max-width: 920"],[style*="maxWidth: 920"]{max-width:100%!important}[style*="padding: 32"],[style*=padding\:32]{padding:18px!important}[style*="padding: 40"],[style*=padding\:40]{padding:22px!important}[style*="padding: '18px 24px"],[style*="padding:\"18px 24px"]{padding:12px 16px!important}[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}[style*="grid-template-columns: repeat(auto-fill, minmax(280"],[style*="grid-template-columns: repeat(auto-fill, minmax(300"]{grid-template-columns:1fr!important}}