:root{--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}#kb.kb-layout-root,#kb{display:flex;flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;gap:var(--kb-gap, 0px);margin:0 auto;container-type:inline-size;padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}#kb [data-kb-slot]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;box-sizing:border-box;margin:0!important;padding:0!important;min-width:0;flex:0 0 auto}#kb [data-kb-slot=header]{order:0}#kb [data-kb-slot=keyboard]{order:1;width:auto;aspect-ratio:var(--kb-aspect, 4/1);position:relative;overflow:hidden;flex:0 1 auto;flex-shrink:1;min-height:120px;contain:size}#kb [data-kb-slot=score]{order:2;justify-content:flex-start;align-items:stretch;width:100%;height:auto!important;min-height:0;margin:0;padding:0;box-sizing:border-box}#kb [data-kb-slot=score]>*{margin-left:auto;margin-right:auto}@container (max-width: 600px){#kb [data-kb-slot=score]>*{width:100%!important}}#kb .kb-theory-mount:empty,#kb .kb-training-mount:empty{display:none;height:0;margin:0;padding:0}#kb .kb-theory-mount.is-hidden,#kb .kb-training-mount.is-hidden{display:none!important;height:0!important;margin:0!important;padding:0!important}[data-kb-dock-mount] [data-panel-id=dock-score]{max-width:none!important;margin:0!important;box-sizing:border-box}[data-kb-dock-mount] .dock-panel,[data-kb-dock-mount] .kb-dock-panel{box-sizing:border-box;margin:0}#kb [data-kb-slot=header]>*,#kb [data-kb-slot=keyboard]>*,#kb [data-kb-slot=score]>*{margin-top:0;margin-bottom:0}#kb,#kb.kb-layout-root{gap:var(--kb-gap, 0px)}:root{--kb-max-h: 30svh;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--viewport-height: 100dvh}#kb{font-family:var(--font-body)}#kb h1,#kb h2,#kb h3,#kb h4,#kb h5,#kb h6,#kb .kb-heading,#kb [data-kb-heading],#kb .logo-text,#kb [data-logo-text]{font-family:var(--font-heading);font-weight:600}#kb [data-kb-slot=keyboard]{max-height:var(--kb-max-h)!important;max-height:calc(var(--kb-max-h) - var(--safe-area-inset-bottom))!important;min-height:120px;height:auto}@supports (-webkit-touch-callout: none){:root{--kb-max-h: 28vh !important}#kb,#kb.kb-layout-root{max-height:100vh!important;overflow-y:auto!important}#kb [data-kb-slot=keyboard]{aspect-ratio:unset!important;height:28vh!important;max-height:28vh!important;flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;overflow:visible!important}#kb [data-kb-wrapper]{max-height:100vh!important;overflow-y:visible!important}#kb [data-kb-slot=score],#kb [data-kb-slot=header]{flex-shrink:0!important}:root{--kb-max-h: 25svh !important}#kb [data-kb-slot=keyboard]{height:clamp(120px,25svh,calc(25svh - var(--safe-area-inset-bottom)))!important}}@media (prefers-reduced-motion: reduce){#kb [data-kb-slot=score]{transition:none!important}}#kb.kb-debug [data-kb-slot=header]{outline:3px solid #ff4d4f!important;background:#ff4d4f1a!important}#kb.kb-debug [data-kb-slot=keyboard]{outline:3px solid #52c41a!important;background:#52c41a1a!important}#kb.kb-debug [data-kb-slot=score]{outline:3px solid #1677ff!important;background:#1677ff1a!important}#kb.kb-debug [data-kb-wrapper]{outline:3px solid #faad14!important}#kb.kb-debug{outline:3px solid #722ed1!important}.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:#ffffffbf;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:#ffffffbf}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:#000000bf}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:#000000bf}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:#808080bf;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 4px #0003;margin:0;max-width:400px;opacity:0;outline:none;padding:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.shepherd-element{max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shepherd-header{padding:16px 20px 8px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px 12px 0 0}.shepherd-title{color:#fff;font-size:18px;font-weight:600;margin:0}.shepherd-cancel-icon{color:#fffc}.shepherd-cancel-icon:hover{color:#fff}.shepherd-text{padding:16px 20px;color:#1f2937;font-size:15px;line-height:1.6}.shepherd-text strong{color:#4f46e5}.shepherd-footer{padding:12px 20px 16px;display:flex;justify-content:flex-end;gap:8px}.shepherd-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.shepherd-button:not(.shepherd-button-secondary){background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.shepherd-button:not(.shepherd-button-secondary):hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.shepherd-button-secondary{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.shepherd-button-secondary:hover{background:#e5e7eb}.shepherd-arrow{border-color:#fff}.shepherd-arrow:before{background:#fff}.shepherd-modal-overlay-container{fill:#00000080}.shepherd-target{box-shadow:0 0 0 4px #6366f166;border-radius:8px}.shepherd-element{animation:shepherdFadeIn .2s ease-out}@keyframes shepherdFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.shepherd-element{max-width:calc(100vw - 32px);margin:16px}.shepherd-text{font-size:14px}.shepherd-footer{flex-direction:column}.shepherd-button{width:100%;text-align:center}}