.kf-surface{min-width:0}.kf-surface .family-link{min-width:44px;min-height:44px;justify-content:center}.kf-feedback-layer{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}.kf-burst{position:absolute;width:1px;height:1px}.kf-burst i{position:absolute;width:11px;height:16px;background:var(--confetti-color);border:1px solid #19243a;border-radius:3px;animation:kf-confetti .9s cubic-bezier(.18,.6,.3,1) both}.kf-burst-tap i{width:6px;height:6px;border:0;border-radius:50%;animation-duration:.38s}.kf-burst-hint i,.kf-burst-retry i{border-radius:50%;width:9px;height:9px;animation-duration:.65s}.kf-burst-complete i,.kf-burst-save i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);width:21px;height:21px;border:0}.kf-toast{position:absolute;bottom:28px;left:50%;display:flex;align-items:center;gap:12px;max-width:min(90vw,480px);width:max-content;padding:14px 22px;border:2px solid #19243a;border-radius:20px;background:#f1f8d6;color:#19243a;font-weight:800;box-shadow:4px 5px 0 #19243a;transform:translateX(-50%);animation:kf-toast-in .35s cubic-bezier(.2,1.5,.5,1) both}.kf-toast svg{flex-shrink:0}.kf-still{animation:none}.kf-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:8px 16px;border:2px solid #19243a;border-radius:15px;background:#f0eafb;color:#392266;font-size:.78rem;font-weight:800;white-space:nowrap;box-shadow:2px 3px 0 #19243a;flex-shrink:0}.kf-sound-toggle[aria-pressed=true]{background:#dfff64;color:#19243a}.kf-sound-toggle:active{translate:1px 2px;box-shadow:1px 1px 0 #19243a}.kf-sound-toggle svg{flex-shrink:0}.kf-sound-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid #c9bde4;padding-top:14px;flex-basis:100%}.kf-sound-options p{margin:0}.preferences .kf-volume{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.85rem}.preferences .kf-volume input{width:155px;height:30px;grid-column:1/-1}.kf-volume output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kf-sound-test{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:12px;border:2px solid #19243a;background:#fffdf8;font-weight:750}.kf-sound-options .kf-audio-note{flex:1 1 230px;max-width:420px;line-height:1.45;font-size:.8rem}.preferences{flex-wrap:wrap;max-height:calc(100dvh - 155px);overflow-y:auto;overscroll-behavior:contain}.kf-surface a:active,.kf-surface button:not(:disabled):active{filter:brightness(.96)}@keyframes kf-confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(.45)}70%{opacity:.9}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) rotate(110deg) scale(.7)}}@keyframes kf-toast-in{0%{opacity:0;transform:translate(-50%,16px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (min-width:1051px) and (max-width:1320px){.kf-surface .header-inner{gap:12px}.kf-surface .brand{width:180px}.kf-surface .desktop-nav a{gap:4px;padding:10px 8px;font-size:.82rem}.kf-surface .header-tools{gap:8px}.kf-surface .family-link span{display:none}.kf-surface .family-link{width:44px;min-height:44px}}@media (max-width:1050px){.kf-toast{bottom:95px;font-size:.9rem}.kf-sound-toggle{padding:7px 12px}.kf-surface .header-tools{gap:8px}}@media (max-width:540px){.kf-sound-toggle span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.kf-sound-toggle{width:52px;min-height:44px}.kf-surface .brand{width:min(38vw,180px)}.kf-surface .header-tools{gap:6px}.kf-surface .family-link{width:44px;min-height:44px;justify-content:center}.kf-surface .header-tools>.icon-button{width:60px;height:52px}.kf-surface .header-tools>.settings-toggle{min-width:60px;min-height:52px;padding:5px 6px}}@media (prefers-reduced-motion:reduce){.kf-burst{display:none}.kf-toast{animation:none}}html[data-calm=true] .kf-burst{display:none}html[data-calm=true] .kf-toast{animation:none}@media print{.kf-feedback-layer{display:none}}.kf-fireworks{position:absolute;inset:0}.kf-firework{position:absolute;width:1px;height:1px}.kf-firework i{display:block;position:absolute;width:5px;height:18px;border-radius:4px;background:var(--confetti-color);animation:kf-firework 1.35s cubic-bezier(.15,.65,.3,1) var(--bloom-delay) both}@keyframes kf-firework{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}18%{opacity:1}72%{opacity:.9}to{opacity:0;transform:rotate(var(--angle)) translateY(-145px) scale(.5)}}@media (prefers-reduced-motion:reduce){.kf-fireworks{display:none}}.kf-mobile-sound-label,html[data-calm=true] .kf-fireworks{display:none}.kf-result{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;max-width:min(280px,calc(100vw - 24px));border:3px solid #19243a;border-radius:24px;box-shadow:5px 6px 0 #19243a;background:#dfff64;color:#233817;text-align:center;font-size:clamp(18px,2.5vw,25px);line-height:1.2;transform:translate(-50%,-50%);animation:kf-result-pop .65s cubic-bezier(.2,.8,.3,1) both}.kf-result svg{flex-shrink:0;width:30px;height:30px}.kf-result-retry{background:#ffe2a6;color:#723207;animation-name:kf-result-retry}.kf-result-complete{background:#fff18b;color:#533099}.kf-burst-success i{width:15px;height:20px;animation-duration:1.15s}.kf-burst-retry i{background:#f6ad45;border:2px solid #71370b;width:12px;height:12px}[data-feedback-reaction^=retry-]{outline:4px solid #d88118;outline-offset:3px}[data-feedback-reaction=retry-0]{animation:kf-button-wrong-a .5s ease-out!important}[data-feedback-reaction=retry-1]{animation:kf-button-wrong-b .5s ease-out!important}[data-feedback-reaction=success-0]{animation:kf-button-right-a .55s ease-out!important}[data-feedback-reaction=success-1]{animation:kf-button-right-b .55s ease-out!important}@keyframes kf-result-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-9deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.13) rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes kf-result-retry{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(calc(-50% - 10px),-50%) rotate(-5deg)}55%{transform:translate(calc(-50% + 8px),-50%) rotate(4deg)}80%{transform:translate(calc(-50% - 4px),-50%) rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes kf-button-wrong-a{20%,60%{translate:-9px 0;rotate:-3deg}40%,80%{translate:8px 0;rotate:3deg}to{translate:0;rotate:0deg}}@keyframes kf-button-wrong-b{20%,60%{translate:-9px 0;rotate:-3deg}40%,80%{translate:8px 0;rotate:3deg}to{translate:0;rotate:0deg}}@keyframes kf-button-right-a{35%{scale:1.13;translate:0 -7px}65%{scale:.96}to{scale:1;translate:0}}@keyframes kf-button-right-b{35%{scale:1.13;translate:0 -7px}65%{scale:.96}to{scale:1;translate:0}}.kf-sound-library{flex-basis:100%}.preferences-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:2px solid var(--ink);border-radius:22px;background:#eee8ff;color:var(--ink);overscroll-behavior:contain}.preferences-dialog::backdrop{background:#19243a80}.preferences-dialog .preferences{padding:18px;display:flex;align-items:stretch;gap:12px;max-height:none;overflow:visible;border:0}.preferences-dialog .preferences-heading{display:flex;align-items:center;gap:12px;width:100%;position:sticky;top:0;z-index:1;background:#eee8ff;padding-bottom:8px}.preferences-dialog .preferences .icon-button{position:static;min-width:48px;min-height:48px}.preferences-dialog .preferences>label{min-height:48px;width:100%;padding:10px;background:#fffdf8;border-radius:12px;cursor:pointer}.preferences-dialog .kf-volume{width:100%}.kf-volume-controls{display:flex;align-items:center;gap:12px;grid-column:1/-1}.preferences .kf-volume-controls input{min-width:0;width:100%;height:48px}.kf-volume-controls button{flex:0 0 48px;height:48px;border:2px solid #baa2df;border-radius:12px;background:white;color:var(--ink);font-size:24px;font-weight:800}.kf-volume-controls button:disabled{opacity:.45}.settings-toggle{display:flex;flex-direction:column;justify-content:center;gap:3px;width:64px;height:54px;min-width:64px;min-height:54px;padding:5px 8px;border-radius:14px}.settings-toggle small{font-size:10px;font-weight:800}@media (max-width:540px){.kf-surface .header-tools{gap:6px}.kf-surface .brand{min-width:0;flex-shrink:1}.kf-surface .kf-sound-toggle{min-width:55px}.kf-surface .kf-mobile-sound-label{font-size:10px}}.kf-sound-library summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:750}.kf-sound-library>div{display:flex;flex-wrap:wrap;gap:8px;padding:5px 0 12px}.kf-sound-library button{min-height:44px;border:2px solid #c4b5e1;border-radius:12px;background:white;padding:8px 12px;font-size:.85rem;font-weight:700}.kf-result.kf-still,html[data-calm=true] .kf-result,html[data-calm=true] [data-feedback-reaction]{animation:none!important}@media (prefers-reduced-motion:reduce){.kf-result,[data-feedback-reaction]{animation:none!important}}@media (max-width:540px){.kf-sound-toggle{flex-direction:column;gap:0;min-height:48px;padding:4px 5px}.kf-surface .family-link span{display:none}.kf-mobile-sound-label{display:block;font-size:.6rem;line-height:1.3;font-weight:800}}