@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{--primary: #3D8B5E;--on-primary: #FFFFFF;--primary-hover: #5BAD7A;--primary-shadow: #2A6040;--primary-pale: #E8F5EE;--accent: #F4845F;--on-accent: #FFFFFF;--accent-light: #FDDDD4;--accent-shadow: #C9623D;--gold: #F2C14E;--gold-pale: #FEF5D9;--correct: #3D8B5E;--correct-bg: #E8F5EE;--wrong: #E05252;--wrong-bg: #FEE2E2;--ink: #1A1A2E;--ink-secondary: #4A5568;--ink-muted: #A0AEC0;--canvas: #FAFAF7;--surface: #FFFFFF;--border: #E2E8F0;--border-strong: #CBD5E0;--dark-base: #0F1923;--dark-surface: #1A2A35;--dark-elevated: #243545;--dark-border: #2D4055;--font-ui: "Nunito", system-ui, -apple-system, sans-serif;--font-jp: "Noto Sans JP", "Hiragino Sans", sans-serif;--display-size: 40px;--display-weight: 800;--display-lh: 1.1;--display-ls: -.02em;--h1-size: 32px;--h1-weight: 700;--h1-lh: 1.2;--h2-size: 24px;--h2-weight: 700;--h2-lh: 1.3;--h3-size: 20px;--h3-weight: 600;--h3-lh: 1.4;--body-size: 16px;--body-weight: 400;--body-lh: 1.6;--small-size: 14px;--small-weight: 400;--small-lh: 1.5;--xs-size: 12px;--xs-weight: 400;--xs-lh: 1.4;--jp-display-size: 64px;--jp-display-weight: 700;--jp-display-lh: 1;--jp-large-size: 40px;--jp-large-weight: 600;--jp-large-lh: 1.1;--jp-medium-size: 24px;--jp-medium-weight: 500;--jp-medium-lh: 1.2;--jp-body-size: 16px;--jp-body-weight: 400;--jp-body-lh: 1.6;--jp-furigana-size: 10px;--jp-furigana-weight: 400;--jp-furigana-lh: 1;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 9999px;--sp-xxs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px;--sp-section: 64px;--screen-x: 16px;--screen-top: 16px;--screen-bottom: 80px;--shadow-button: 0 4px 0 var(--primary-shadow);--shadow-button-accent: 0 4px 0 var(--accent-shadow);--shadow-card: 0 2px 8px rgba(0,0,0,.06);--shadow-card-elevated: 0 8px 24px rgba(0,0,0,.12);--shadow-modal: 0 20px 60px rgba(0,0,0,.2);--shadow-correct: 0 0 0 3px rgba(61,139,94,.2);--shadow-focus: 0 0 0 3px rgba(61,139,94,.25);--dur-instant: 80ms;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--dur-celebration: .8s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}.kk-display{font-family:var(--font-ui);font-size:var(--display-size);font-weight:var(--display-weight);line-height:var(--display-lh);letter-spacing:var(--display-ls);color:var(--ink)}.kk-h1{font-family:var(--font-ui);font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-lh);color:var(--ink)}.kk-h2{font-family:var(--font-ui);font-size:var(--h2-size);font-weight:var(--h2-weight);line-height:var(--h2-lh);color:var(--ink)}.kk-h3{font-family:var(--font-ui);font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-lh);color:var(--ink)}.kk-body{font-family:var(--font-ui);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-lh);color:var(--ink)}.kk-small{font-family:var(--font-ui);font-size:var(--small-size);font-weight:var(--small-weight);line-height:var(--small-lh);color:var(--ink-secondary)}.kk-xs{font-family:var(--font-ui);font-size:var(--xs-size);font-weight:var(--xs-weight);line-height:var(--xs-lh);color:var(--ink-secondary)}.kk-jp-display{font-family:var(--font-jp);font-size:var(--jp-display-size);font-weight:var(--jp-display-weight);line-height:var(--jp-display-lh);color:var(--ink)}.kk-jp-large{font-family:var(--font-jp);font-size:var(--jp-large-size);font-weight:var(--jp-large-weight);line-height:var(--jp-large-lh);color:var(--ink)}.kk-jp-medium{font-family:var(--font-jp);font-size:var(--jp-medium-size);font-weight:var(--jp-medium-weight);line-height:var(--jp-medium-lh);color:var(--ink)}.kk-jp-body{font-family:var(--font-jp);font-size:var(--jp-body-size);font-weight:var(--jp-body-weight);line-height:var(--jp-body-lh);color:var(--ink)}.kk-jp-furigana{font-family:var(--font-jp);font-size:var(--jp-furigana-size);font-weight:var(--jp-furigana-weight);line-height:var(--jp-furigana-lh);color:var(--ink-secondary)}*{box-sizing:border-box}html,body{margin:0;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-xs)}.kk-btn:focus-visible,.kk-social-btn:focus-visible,.kk-buy-btn:focus-visible{box-shadow:var(--shadow-button),var(--shadow-focus)}.kk-tab:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--r-md)}.kk-node:focus-visible,.kk-flip:focus-visible,.kk-answer:focus-visible,.kk-pairtile:focus-visible{box-shadow:0 0 0 3px #3d8b5e40}body{background:#ecece4;font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;justify-content:center}.kk-stage{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center}.kk-phone{width:100vw;max-width:480px;height:100dvh;background:var(--canvas);color:var(--ink);overflow:hidden;position:relative;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}@media(min-width:500px){.kk-stage{padding:24px 0}.kk-phone{width:430px;height:min(880px,94dvh);border-radius:40px;border:1px solid var(--border);box-shadow:0 24px 70px #0f192338;padding-top:0;padding-left:0;padding-right:0}}@media(display-mode:standalone)and (max-width:499px){.kk-phone{padding-top:max(env(safe-area-inset-top),44px)}}.kk-screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-padding-bottom:96px;overscroll-behavior:contain}.kk-screen::-webkit-scrollbar{width:0}.kk-screen-anim{flex:1;display:flex;flex-direction:column;min-height:0}.kk-screen-anim.flat{animation:kk-screen-fade var(--dur-base) var(--ease-out)}.kk-screen-anim.deep{animation:kk-screen-slide var(--dur-base) var(--ease-out)}@keyframes kk-screen-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes kk-screen-slide{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.kk-screen-anim.flat,.kk-screen-anim.deep{animation:none}}.kk-skel{background:var(--border);border-radius:var(--r-sm);position:relative;overflow:hidden}.kk-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:kk-shimmer 1.3s ease-in-out infinite}.kk-phone.kk-dark .kk-skel:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes kk-shimmer{to{transform:translate(100%)}}.kk-skel-circle{border-radius:50%}.kk-skel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-md)}@media(prefers-reduced-motion:reduce){.kk-skel:after{animation:none}}.kk-pad{padding:var(--screen-top) var(--screen-x) calc(var(--screen-bottom) + env(safe-area-inset-bottom))}.kk-auth-input,.kk-onb-input,.kk-time{scroll-margin-bottom:120px;scroll-margin-top:80px}.kk-appbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 10px;gap:10px}.kk-appbar-right{display:flex;align-items:center;gap:12px}.kk-streak{display:inline-flex;align-items:center;gap:5px;background:var(--accent-light);color:var(--accent);border-radius:var(--r-pill);padding:6px 12px;font-weight:800;font-size:14px;white-space:nowrap}.kk-streak .flame{animation:kk-pulse 2s ease-in-out infinite;display:inline-block}@keyframes kk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.kk-energy{display:inline-flex;align-items:center;gap:4px;color:var(--ink-secondary);font-weight:800;font-size:14px;background:var(--gold-pale);padding:6px 11px;border-radius:var(--r-pill);font-family:var(--font-ui);border:none;white-space:nowrap}.kk-gem{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:800;font-size:14px;background:none;border:none;font-family:var(--font-ui);padding:6px 4px;white-space:nowrap}.kk-curr-tap{cursor:pointer;transition:transform var(--dur-instant) var(--ease-standard),filter var(--dur-fast);min-height:44px}.kk-curr-tap:hover{filter:brightness(.97)}.kk-curr-tap:active{transform:scale(.94)}.kk-curr-plus{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:currentColor;color:var(--surface);font-weight:900;font-size:12px;line-height:1;margin-left:1px}.kk-energy .kk-curr-plus{background:var(--gold);color:#fff}.kk-levelbadge{display:inline-flex;align-items:center;background:var(--accent);color:#fff;border-radius:var(--r-pill);padding:3px 11px;font-weight:800;font-size:13px;box-shadow:0 2px 0 var(--accent-shadow);white-space:nowrap}.kk-btn{font-family:var(--font-ui);font-weight:700;font-size:16px;border:none;border-radius:var(--r-pill);padding:14px 28px;min-height:52px;cursor:pointer;transition:transform var(--dur-instant) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard),background var(--dur-fast);width:100%}.kk-btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-button)}.kk-btn-primary:hover{background:var(--primary-hover)}.kk-btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--primary-shadow)}.kk-btn-accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-button-accent)}.kk-btn-accent:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-shadow)}.kk-btn-secondary{background:transparent;border:2px solid var(--border-strong);color:var(--ink-secondary);box-shadow:none}.kk-btn-secondary:hover{border-color:var(--primary);background:var(--primary-pale);color:var(--primary)}.kk-btn-disabled{background:var(--border);color:var(--ink-muted);box-shadow:none;cursor:not-allowed}.kk-btn-disabled:active{transform:none}.kk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-md)}.kk-card-cta{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-lg)}.kk-tappable{cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast)}.kk-tappable:hover{box-shadow:var(--shadow-card-elevated)}.kk-tappable:active{transform:translateY(1px)}.kk-track{height:9px;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.kk-fill{height:100%;border-radius:var(--r-pill)}.kk-fill-primary{background:var(--primary);transition:width .3s var(--ease-out)}.kk-fill-xp{background:var(--accent);transition:width .6s var(--ease-out)}.kk-bottomnav{position:absolute;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:4}.kk-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-muted);font-size:11px;font-weight:700;cursor:pointer;border:none;background:none;transition:color var(--dur-fast) var(--ease-standard)}.kk-tab svg{width:24px;height:24px;transition:transform var(--dur-fast) var(--ease-standard)}.kk-tab.active{color:var(--primary)}.kk-tab.active svg{transform:scale(1.12) translateY(-1px)}.kk-pill-label{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:5px 13px;font-weight:800;font-size:12px;white-space:nowrap;letter-spacing:.01em}.kk-pill-label.tone-primary{background:var(--primary-pale);color:var(--primary)}.kk-pill-label.tone-accent{background:var(--accent-light);color:var(--accent)}.kk-pill-label.tone-gold{background:var(--gold-pale);color:#9a7b1f}.kk-pill-label.tone-ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--border)}.kk-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kk-divider{height:1px;background:var(--border);margin:var(--sp-md) 0}.kk-row{display:flex;align-items:center;gap:12px}.kk-iconwrap{display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);flex-shrink:0}.kk-path{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 0}.kk-node{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border:none;box-shadow:0 4px #0000001f;transition:transform var(--dur-fast)}.kk-node:active{transform:translateY(2px)}.kk-node svg{width:30px;height:30px}.kk-node.completed{background:var(--primary-shadow)}.kk-node.current{background:var(--primary);box-shadow:0 4px 0 var(--primary-shadow),0 0 0 5px var(--gold);animation:kk-ring 1.8s ease-in-out infinite}.kk-node.unlocked{background:var(--primary);box-shadow:0 4px 0 var(--primary-shadow)}.kk-node.locked{background:var(--border);color:var(--ink-muted);opacity:.75;box-shadow:none;cursor:default}.kk-node.test{width:80px;height:80px;background:var(--gold);color:#fff;box-shadow:0 4px #c99a2e,0 0 0 5px var(--gold-pale)}.kk-node.test svg{width:34px;height:34px}@keyframes kk-ring{0%,to{box-shadow:0 4px 0 var(--primary-shadow),0 0 0 5px var(--gold)}50%{box-shadow:0 4px 0 var(--primary-shadow),0 0 0 9px #f2c14e73}}.kk-trail{display:block;margin:2px 0}.kk-ob-slide{flex:1;display:flex;flex-direction:column;min-height:0;animation:kk-ob-slidein .38s var(--ease-out)}@keyframes kk-ob-slidein{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.kk-ob-slide{animation:none}}.kk-path-kame{position:absolute;left:50%;bottom:100%;transform-origin:center bottom;margin-bottom:-6px;translate:-50% 0;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 4px rgba(0,0,0,.12))}.kk-pad-glyphs{position:relative}.kk-glyph-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;perspective:700px}.kk-glyph-content{position:relative;z-index:1}.kk-glyph{position:absolute;font-family:var(--font-jp);font-weight:700;color:var(--primary);opacity:.08;will-change:transform;animation:kk-glyph-drift ease-in-out infinite}.kk-phone.kk-dark .kk-glyph{opacity:.11}@keyframes kk-glyph-drift{0%{transform:rotateX(0) rotateY(0) translateZ(0) translate(0)}25%{transform:rotateX(22deg) rotateY(30deg) translateZ(40px) translate(14px,-26px)}50%{transform:rotateX(-16deg) rotateY(-26deg) translateZ(-24px) translate(-12px,16px)}75%{transform:rotateX(18deg) rotateY(16deg) translateZ(28px) translate(10px,-12px)}to{transform:rotateX(0) rotateY(0) translateZ(0) translate(0)}}@media(prefers-reduced-motion:reduce){.kk-glyph{animation:none}}.kk-glyph.fall{animation-name:kk-glyph-fall!important;animation-duration:1.2s!important;animation-timing-function:cubic-bezier(.45,0,.65,1)!important;animation-iteration-count:1!important;animation-fill-mode:forwards!important}@keyframes kk-glyph-fall{to{transform:translateY(115vh) rotate(150deg);opacity:0}}.kk-glyph.rise{animation-name:kk-glyph-rise!important;animation-duration:.9s!important;animation-timing-function:var(--ease-out)!important;animation-iteration-count:1!important;animation-fill-mode:both!important}@keyframes kk-glyph-rise{0%{opacity:0;transform:translateY(26px) scale(.9)}to{opacity:.08;transform:translateY(0) scale(1)}}.kk-lessonbar{display:flex;align-items:center;gap:12px;padding:14px 16px}.kk-iconbtn{background:none;border:none;cursor:pointer;color:var(--ink-muted);display:flex;align-items:center;padding:4px}.kk-introdot{width:9px;height:9px;border-radius:50%;transition:background var(--dur-base)}.kk-lprogress{flex:1;height:12px;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.kk-lprogress>div{height:100%;background:var(--primary);border-radius:var(--r-pill);transition:width var(--dur-base) var(--ease-out)}.kk-jp-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:26px 24px;text-align:center}.kk-char{font-family:var(--font-jp);font-size:72px;font-weight:700;line-height:1.05;color:var(--ink)}.kk-answer{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-md);padding:15px 18px;box-shadow:var(--shadow-card);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease-spring);display:flex;align-items:center;justify-content:space-between;gap:10px}.kk-answer:hover{border-color:var(--primary)}.kk-answer.selected{border-color:var(--primary);background:var(--primary-pale)}.kk-answer.correct{border-color:var(--correct);background:var(--correct-bg);transform:scale(1.02)}.kk-answer.wrong{border-color:var(--wrong);background:var(--wrong-bg);animation:kk-shake .32s var(--ease-standard)}.kk-answer .ji{font-family:var(--font-jp);font-size:26px;font-weight:600}.kk-answer .latin{font-size:18px;font-weight:700}@keyframes kk-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.kk-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kk-answer.tile{justify-content:center;align-items:center;position:relative;height:80px;min-height:80px;padding:8px}.kk-mark{position:absolute;top:8px;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.kk-mark svg{width:18px;height:18px}.kk-mark.ok{color:var(--correct)}.kk-mark.no{color:var(--wrong)}.kk-sentence-blank{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;padding:0 8px;border-radius:var(--r-sm);border:2px dashed var(--primary);color:var(--primary);background:var(--primary-pale);font-weight:800;vertical-align:middle}.kk-audio{width:120px;height:120px;border-radius:50%;border:none;background:var(--primary);color:#fff;box-shadow:var(--shadow-button);cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto}.kk-audio:active{transform:translateY(3px);box-shadow:0 1px 0 var(--primary-shadow)}.kk-audio.playing{animation:kk-audiopulse .6s var(--ease-out)}.kk-audio svg{width:46px;height:46px}@keyframes kk-audiopulse{0%{box-shadow:var(--shadow-button),0 0 #3d8b5e66}to{box-shadow:var(--shadow-button),0 0 0 28px #3d8b5e00}}.kk-pairs{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.kk-pairtile{border:2px solid var(--border);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:16px 8px;text-align:center;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),opacity var(--dur-base),transform var(--dur-fast);font-weight:700}.kk-pairtile.sel{border-color:var(--primary);background:var(--primary-pale)}.kk-pairtile.done{opacity:.35;pointer-events:none;border-color:var(--correct);background:var(--correct-bg)}.kk-pairtile.miss{animation:kk-shake .32s var(--ease-standard)}.kk-pairtile .ji{font-family:var(--font-jp);font-size:30px}.kk-feedback{padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);animation:kk-slideup var(--dur-base) var(--ease-out)}.kk-feedback.ok{background:var(--correct-bg)}.kk-feedback.no{background:var(--wrong-bg)}.kk-feedback .ttl{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:10px}@keyframes kk-slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kk-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f192373;display:flex;align-items:flex-end;z-index:20;animation:kk-fadein var(--dur-fast) var(--ease-out)}.kk-modal-sheet{background:var(--surface);width:100%;border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);padding:24px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-modal);animation:kk-slideup var(--dur-base) var(--ease-out)}@keyframes kk-fadein{0%{opacity:0}to{opacity:1}}.kk-results-mascot{animation:kk-result-pop var(--dur-slow) var(--ease-spring) both}@keyframes kk-result-pop{0%{opacity:0;transform:translateY(30px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.kk-review-chip{border:2px solid var(--border);background:var(--surface);border-radius:var(--r-md);width:54px;height:54px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast)}.kk-review-chip:hover{border-color:var(--primary)}.kk-review-chip:active{transform:translateY(1px)}.kk-flip-scene{perspective:1200px;height:320px;width:100%}.kk-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s var(--ease-standard);cursor:pointer}.kk-flip.flipped{transform:rotateY(180deg)}.kk-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card-elevated);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.kk-face.back{transform:rotateY(180deg)}.kk-flip-scene.exit-fly{animation:kk-flyup .32s var(--ease-in) forwards}.kk-flip-scene.exit-shake{animation:kk-shake .36s var(--ease-standard)}@keyframes kk-flyup{to{transform:translateY(-130%);opacity:0}}.kk-srs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kk-srs-btn{border:none;border-radius:var(--r-md);padding:11px 2px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-ui);transition:transform var(--dur-instant) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard)}.kk-srs-btn:active{transform:translateY(3px);box-shadow:none!important}.kk-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kk-stat-flip{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-ui);perspective:800px;height:78px}.kk-stat-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s var(--ease-standard)}.kk-stat-inner.flipped{transform:rotateY(180deg)}.kk-stat-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.kk-stat-face.back{transform:rotateY(180deg)}.kk-stat-period{position:absolute;top:7px;right:9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);background:var(--canvas);padding:2px 6px;border-radius:var(--r-pill)}.kk-actgrid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px}.kk-actgrid .kk-actcell{width:100%}.kk-actcell{aspect-ratio:1;border-radius:3px;display:inline-block}.kk-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kk-ob-splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kk-ob-illus{background:var(--primary-pale);border-radius:50%;width:230px;height:230px;display:flex;align-items:center;justify-content:center}.kk-select-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);padding:16px;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast);width:100%;text-align:left;font-family:var(--font-ui);color:var(--ink)}.kk-select-card:hover{border-color:var(--primary)}.kk-select-card.sel{border-color:var(--primary);background:var(--primary-pale)}.kk-radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-fast),border-color var(--dur-fast)}.kk-radio.on{background:var(--primary);border-color:var(--primary)}.kk-onb-input{width:100%;padding:16px;border:2px solid var(--border);border-radius:var(--r-md);font-size:18px;font-family:var(--font-ui);background:var(--surface);color:var(--ink);text-align:center}.kk-onb-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.kk-onb-input::placeholder{color:var(--ink-muted)}.kk-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border:2px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);font-family:var(--font-ui);font-weight:800;font-size:15px;color:var(--ink);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.kk-social-btn:hover{background:var(--canvas);border-color:var(--ink-muted)}.kk-social-btn.dark{background:#15151f;color:#fff;border-color:#15151f}.kk-social-btn.dark:hover{background:#25253a;border-color:#25253a}.kk-phone.kk-dark .kk-social-btn.dark{background:#fff;color:#15151f;border-color:#fff}.kk-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--ink-muted);font-size:13px;font-weight:700}.kk-auth-divider:before,.kk-auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.kk-field{display:flex;flex-direction:column;gap:6px}.kk-field-label{font-size:13px;font-weight:800;color:var(--ink-secondary)}.kk-auth-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--r-md);font-size:16px;font-family:var(--font-ui);background:var(--surface);color:var(--ink)}.kk-auth-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.kk-auth-input::placeholder{color:var(--ink-muted)}.kk-link{background:none;border:none;color:var(--primary);font-weight:800;font-size:14px;font-family:var(--font-ui);cursor:pointer;width:100%;text-align:center;padding:6px}.kk-set-head{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;padding-left:4px}.kk-set-group{padding:0;overflow:hidden}.kk-set-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.kk-set-group .kk-set-row:last-child{border-bottom:none}.kk-set-row.tap{cursor:pointer;transition:background var(--dur-fast)}.kk-set-row.tap:hover{background:var(--canvas)}.kk-toggle{width:48px;height:28px;border-radius:var(--r-pill);background:var(--border-strong);border:none;cursor:pointer;padding:3px;transition:background var(--dur-base);flex-shrink:0}.kk-toggle.on{background:var(--primary)}.kk-toggle .knob{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform var(--dur-base) var(--ease-standard)}.kk-toggle.on .knob{transform:translate(20px)}.kk-segmented{display:inline-flex;background:var(--canvas);border-radius:var(--r-pill);padding:3px;gap:2px}.kk-seg{border:none;background:none;padding:6px 12px;border-radius:var(--r-pill);font-family:var(--font-ui);font-weight:800;font-size:13px;color:var(--ink-muted);cursor:pointer;min-width:36px;transition:background var(--dur-fast),color var(--dur-fast)}.kk-seg.on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-card)}.kk-time{border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 10px;font-family:var(--font-ui);font-weight:700;font-size:14px;background:var(--surface);color:var(--ink)}.kk-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--r-pill);outline:none}.kk-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:var(--shadow-card);border:3px solid var(--surface)}.kk-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid var(--surface)}.kk-levelup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f19238c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:30;animation:kk-fadein var(--dur-base) var(--ease-out)}.kk-levelup-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);padding:28px 24px;text-align:center;width:100%;animation:kk-result-pop var(--dur-slow) var(--ease-spring) both}.kk-levelup-mascot{animation:kk-levelbounce .9s var(--ease-spring) both;margin:8px 0}@keyframes kk-levelbounce{0%{transform:scale(0) rotate(-12deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0)}}.kk-shop-item{position:relative;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:14px 16px}.kk-shop-item.featured{border-color:var(--gold);box-shadow:0 2px 8px #f2c14e38}.kk-shop-icon{width:50px;height:50px;flex-shrink:0}.kk-shop-tag{position:absolute;top:-9px;right:14px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:var(--r-pill);letter-spacing:.02em;white-space:nowrap}.kk-shop-tag.tone-accent{background:var(--accent);color:#fff}.kk-shop-tag.tone-gold{background:var(--gold);color:#5c4a12}.kk-buy-btn{min-width:88px;height:42px;padding:0 16px;border:none;border-radius:var(--r-pill);background:var(--primary);color:#fff;font-family:var(--font-ui);font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 3px 0 var(--primary-shadow);transition:transform var(--dur-instant),box-shadow var(--dur-instant),background var(--dur-fast);display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;white-space:nowrap}.kk-buy-btn:hover{background:var(--primary-hover)}.kk-buy-btn:active{transform:translateY(3px);box-shadow:none}.kk-buy-btn.disabled{background:var(--border);color:var(--ink-muted);box-shadow:none;cursor:not-allowed}.kk-buy-btn.ok{background:var(--correct);box-shadow:0 3px #2a6040}.kk-premium-banner{position:relative;display:flex;align-items:center;gap:14px;width:100%;border:none;border-radius:var(--r-lg);padding:16px;cursor:pointer;font-family:var(--font-ui);color:#fff;box-shadow:var(--shadow-card);transition:transform var(--dur-fast),box-shadow var(--dur-fast);overflow:hidden}.kk-premium-banner:not(:disabled):hover{box-shadow:var(--shadow-card-elevated)}.kk-premium-banner:not(:disabled):active{transform:translateY(1px)}.kk-premium-banner:disabled{opacity:.7;cursor:default}.kk-premium-banner.adfree{background:linear-gradient(120deg,#4a4a6a,#2e2e44)}.kk-premium-banner.bundle{background:linear-gradient(120deg,var(--accent) 0%,#D9663F 100%)}.kk-premium-icon{width:48px;height:48px;border-radius:14px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.kk-premium-title{display:block;font-weight:800;font-size:16px;line-height:1.2}.kk-premium-desc{display:block;font-size:12px;font-weight:600;color:#ffffffd1;margin-top:2px}.kk-premium-price{flex-shrink:0;background:#ffffff38;border-radius:var(--r-pill);padding:8px 14px;font-weight:800;font-size:15px;display:inline-flex;align-items:center;white-space:nowrap}.kk-premium-banner.bundle{padding-top:22px}.kk-premium-best{position:absolute;top:0;left:0;background:var(--gold);color:#5c4a12;font-size:10px;font-weight:800;padding:3px 10px;border-bottom-right-radius:var(--r-md);letter-spacing:.02em}.kk-title-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:12px 14px;cursor:pointer;font-family:var(--font-ui);color:var(--ink);transition:border-color var(--dur-fast),background var(--dur-fast)}.kk-title-row:not(:disabled):hover{border-color:var(--primary)}.kk-title-row.sel{border-color:var(--primary);background:var(--primary-pale)}.kk-title-row.locked{opacity:.55;cursor:default;box-shadow:none}.kk-chip-toggle{border:2px solid var(--border);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-ui);font-weight:800;font-size:13px;padding:8px 14px;border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.kk-chip-toggle:hover{border-color:var(--primary)}.kk-chip-toggle.on{background:var(--primary);border-color:var(--primary);color:#fff}.kk-swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.kk-swatch:hover{transform:scale(1.08)}.kk-swatch.on{box-shadow:0 0 0 3px var(--ink)}.kk-rpghero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:4px 0}.kk-rpghero.tap{transition:transform var(--dur-fast)}.kk-rpghero.tap:active{transform:scale(.99)}.kk-rpghero-name{font-weight:800;font-size:24px;color:var(--ink)}.kk-rpghero-kame{border-radius:50%;padding:5px;background:var(--ring, var(--primary));margin:6px 0 8px;box-shadow:0 6px 18px #0000001a}.kk-rpghero-kame>svg{display:block}.kk-rpghero-title{font-size:15px}.kk-rpghero-edit{display:inline-flex;align-items:center;gap:5px;margin-top:12px;background:var(--primary-pale);color:var(--primary);font-weight:800;font-size:12px;padding:5px 12px;border-radius:var(--r-pill)}.kk-summary-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:12px 14px;cursor:pointer;font-family:var(--font-ui);color:var(--ink);transition:box-shadow var(--dur-fast),transform var(--dur-fast)}.kk-summary-row:hover{box-shadow:var(--shadow-card-elevated)}.kk-summary-row:active{transform:translateY(1px)}.kk-skin-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.kk-skin-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:none;border:none;cursor:pointer;font-family:var(--font-ui);color:var(--ink);padding:4px;gap:2px}.kk-skin-card .kk-xs{line-height:1.25}.kk-skin-card:disabled{cursor:default}.kk-skin-ring{border-radius:50%;padding:4px;position:relative;transition:transform var(--dur-fast)}.kk-skin-card:not(:disabled):hover .kk-skin-ring{transform:scale(1.05)}.kk-skin-card.sel .kk-skin-ring{box-shadow:0 0 0 3px var(--ink)}.kk-skin-card.locked .kk-skin-ring{filter:grayscale(.6)}.kk-skin-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f192366;border-radius:50%}.kk-ach-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kk-ach-mini{background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.kk-ach-tier{position:absolute;bottom:-2px;right:-2px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.kk-recharge-opt{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);padding:12px 14px;cursor:pointer;font-family:var(--font-ui);color:var(--ink);transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.kk-recharge-opt:hover:not(:disabled){border-color:var(--primary);background:var(--primary-pale)}.kk-recharge-opt:active:not(:disabled){transform:translateY(1px)}.kk-recharge-opt:disabled{opacity:.45;cursor:not-allowed}.kk-toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);background:var(--ink);color:var(--canvas);font-weight:800;font-size:14px;padding:11px 20px;border-radius:var(--r-pill);box-shadow:var(--shadow-modal);display:flex;align-items:center;gap:8px;z-index:25;animation:kk-toast-in var(--dur-base) var(--ease-spring)}@keyframes kk-toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.kk-audio-modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);padding:22px 20px;width:100%;max-width:340px;animation:kk-result-pop var(--dur-base) var(--ease-spring) both}.kk-vol-row{display:flex;align-items:center;gap:12px}.kk-vol-num{min-width:30px;text-align:right;font-weight:800;font-size:14px;color:var(--ink-secondary)}.kk-chapter-card{display:flex;align-items:center;gap:14px;width:100%;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:14px 16px;cursor:pointer;font-family:var(--font-ui);color:var(--ink);transition:transform var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}.kk-chapter-card:not(:disabled):hover{box-shadow:var(--shadow-card-elevated)}.kk-chapter-card:not(:disabled):active{transform:translateY(1px)}.kk-chapter-card:disabled{cursor:default;opacity:.55;box-shadow:none}.kk-chapter-medal{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.kk-chapter-card.perfect{border-color:var(--gold)}.kk-chapter-card.perfect .kk-chapter-medal{background:var(--gold);color:#5c4a12}.kk-chapter-card.done .kk-chapter-medal{background:var(--primary-shadow)}.kk-chapter-card.current{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-pale)}.kk-chapter-card.current .kk-chapter-medal{background:var(--primary)}.kk-chapter-card.locked .kk-chapter-medal{background:var(--border);color:var(--ink-muted)}.kk-chapter-eyebrow{display:block;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.kk-chapter-title{display:block;font-weight:800;font-size:16px}.kk-chapter-jp{display:block;color:var(--ink-secondary);font-size:15px}.kk-chapter-bar{display:block;height:6px;background:var(--border);border-radius:var(--r-pill);margin-top:8px;overflow:hidden}.kk-chapter-bar>span{display:block;height:100%;background:var(--primary);border-radius:var(--r-pill)}.kk-chapter-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.kk-hero-tap{transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast)}.kk-hero-tap:hover{box-shadow:var(--shadow-card-elevated)}.kk-hero-tap:active{transform:translateY(1px)}.kk-node-score{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--canvas);border-radius:var(--r-md);border:1px solid var(--border)}.kk-node-score-badge{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:800;font-size:17px;padding:6px 14px;border-radius:var(--r-pill)}.kk-chart-tabs{display:flex;gap:8px;padding:4px 16px 0;overflow-x:auto;scrollbar-width:none}.kk-chart-tabs::-webkit-scrollbar{height:0}.kk-chart-tab{flex-shrink:0;border:2px solid var(--border);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-ui);font-weight:800;font-size:13px;padding:8px 14px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.kk-chart-tab:hover{border-color:var(--primary)}.kk-chart-tab.on{background:var(--primary);border-color:var(--primary);color:#fff}.kk-kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.kk-kana-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform var(--dur-fast),border-color var(--dur-fast);padding:0}.kk-kana-cell:hover{border-color:var(--primary)}.kk-kana-cell:active{transform:translateY(1px)}.kk-kana-cell .kana-c{font-size:26px;color:var(--ink);line-height:1}.kk-kana-cell .kana-r{font-size:11px;font-weight:800;color:var(--ink-muted)}.kk-kanji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kk-kanji-cell{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 4px;transition:transform var(--dur-fast),border-color var(--dur-fast)}.kk-kanji-cell:hover{border-color:var(--primary)}.kk-kanji-cell:active{transform:translateY(1px)}.kk-kanji-cell .kanji-c{font-size:30px;color:var(--ink);line-height:1}.kk-kanji-cell .kanji-m{font-size:11px;font-weight:700;color:var(--ink-muted);text-align:center;line-height:1.2}.kk-detail-modal{position:relative;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);padding:24px 20px 20px;width:100%;max-width:340px;animation:kk-result-pop var(--dur-base) var(--ease-spring) both}.kk-detail-char{font-family:var(--font-jp);font-size:64px;line-height:1;font-weight:700;color:var(--primary);min-width:72px;text-align:center}.kk-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.kk-detail-label{font-size:13px;font-weight:800;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.kk-detail-example{margin-top:12px;padding:12px 14px;background:var(--primary-pale);border-radius:var(--r-md)}.kk-chart-audio{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--primary-shadow);transition:transform var(--dur-instant),box-shadow var(--dur-instant)}.kk-chart-audio:active{transform:translateY(3px);box-shadow:none}.kk-chart-audio.playing{animation:kk-audiopulse .6s var(--ease-out)}.kk-hero-rpg{border-radius:var(--r-lg);padding:var(--sp-lg) var(--sp-md) var(--sp-md);color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,#347E54 60%,#2C6B47 100%);box-shadow:var(--shadow-card)}.kk-hero-rpg:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff0f}.kk-hero-rpg .kk-track{background:#ffffff38}.kk-mascot-bob{animation:kk-bob 3.2s ease-in-out infinite}@keyframes kk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.kk-mascot-spark{animation:kk-twinkle 1.6s ease-in-out infinite;transform-origin:center}@keyframes kk-twinkle{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.kk-mascot-tear{animation:kk-tear 2.4s ease-in-out infinite}@keyframes kk-tear{0%,60%{opacity:.2;transform:translateY(-3px)}80%{opacity:1}to{opacity:.2;transform:translateY(4px)}}.kk-mascot-zzz{animation:kk-zzz 2.8s ease-in-out infinite}@keyframes kk-zzz{0%,to{opacity:.35}50%{opacity:1}}.kk-mascot-acc{animation:kk-acc-pop .5s var(--ease-spring) both}@keyframes kk-acc-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.kk-confetti{position:absolute;width:10px;height:14px;border-radius:2px;top:-20px;animation:kk-fall linear forwards}@keyframes kk-fall{to{transform:translateY(940px) rotate(540deg);opacity:.3}}.kk-phone.kk-dark{--canvas: #0F1923;--surface: #1A2A35;--ink: #EEF3F7;--ink-secondary: #AFC1CE;--ink-muted: #6E8494;--border: #2D4055;--border-strong: #3C5269;--primary-pale: #16382A;--accent-light: #3A2620;--gold-pale: #36301A;--correct-bg: #14331F;--wrong-bg: #3A1F1F;--shadow-card: 0 2px 10px rgba(0,0,0,.45);--shadow-card-elevated: 0 10px 30px rgba(0,0,0,.55);--shadow-modal: 0 20px 60px rgba(0,0,0,.6);background:var(--canvas)}.kk-phone.kk-dark .kk-hero-rpg{background:linear-gradient(135deg,#2f6b49,#265a3d 60%,#1f4a33)}.kk-phone.kk-dark .kk-energy{color:var(--gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.kk-tab-dev,.kk-tab-dev.active{color:var(--accent)}.kk-tab-dev-glyph{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:19px;line-height:1}