:root,:root[data-accent=red]{--ks-gold:#e3262f;--ks-gold-2:#ff4a52;--ks-gold-deep:#b5161e;--ks-gold-rgb:227 38 47;--ks-gold-soft:#e3262f24;--ks-gold-line:#e3262f66;--ks-on-gold:#fff;--ks-gold-banner:#3a0d10}:root[data-accent=gold]{--ks-gold:#f2b33d;--ks-gold-2:#ffcf6b;--ks-gold-deep:#b07a14;--ks-gold-rgb:242 179 61;--ks-gold-soft:#f2b33d24;--ks-gold-line:#f2b33d66;--ks-on-gold:#17120a;--ks-gold-banner:#3a2c08}:root[data-accent=blue]{--ks-gold:#3b82f6;--ks-gold-2:#60a5fa;--ks-gold-deep:#1d4ed8;--ks-gold-rgb:59 130 246;--ks-gold-soft:#3b82f624;--ks-gold-line:#3b82f666;--ks-on-gold:#fff;--ks-gold-banner:#0b1a3a}:root[data-accent=green]{--ks-gold:#16a34a;--ks-gold-2:#22c55e;--ks-gold-deep:#15803d;--ks-gold-rgb:22 163 74;--ks-gold-soft:#16a34a24;--ks-gold-line:#16a34a66;--ks-on-gold:#fff;--ks-gold-banner:#0b2a16}:root[data-accent=purple]{--ks-gold:#8b5cf6;--ks-gold-2:#a78bfa;--ks-gold-deep:#6d28d9;--ks-gold-rgb:139 92 246;--ks-gold-soft:#8b5cf624;--ks-gold-line:#8b5cf666;--ks-on-gold:#fff;--ks-gold-banner:#1f1236}:root[data-accent=pink]{--ks-gold:#ec4899;--ks-gold-2:#f472b6;--ks-gold-deep:#be185d;--ks-gold-rgb:236 72 153;--ks-gold-soft:#ec489924;--ks-gold-line:#ec489966;--ks-on-gold:#fff;--ks-gold-banner:#3a0f24}:root[data-theme=light],:root[data-theme=light][data-accent=red]{--ks-gold-2:#c81e27;--ks-gold-banner:#fde3e4}:root[data-theme=light][data-accent=gold]{--ks-gold:#d99a1e;--ks-gold-2:#9a6500;--ks-gold-rgb:217 154 30;--ks-on-gold:#1b1305;--ks-gold-banner:#fbe7b8}:root[data-theme=light][data-accent=blue]{--ks-gold-2:#1d4ed8;--ks-gold-banner:#dbeafe}:root[data-theme=light][data-accent=green]{--ks-gold-2:#15803d;--ks-gold-banner:#dcfce7}:root[data-theme=light][data-accent=purple]{--ks-gold-2:#6d28d9;--ks-gold-banner:#ede9fe}:root[data-theme=light][data-accent=pink]{--ks-gold-2:#be185d;--ks-gold-banner:#fce7f3}.ks-accent-picker{flex-wrap:wrap;gap:10px;display:flex}.ks-accent-picker button{cursor:pointer;border:2px solid #ffffff1f;border-radius:50%;width:34px;height:34px}.ks-accent-picker button[aria-checked=true]{outline:2.5px solid var(--ks-text);outline-offset:3px}.ks-accent-picker [data-swatch=red]{background:#e3262f}.ks-accent-picker [data-swatch=gold]{background:#f2b33d}.ks-accent-picker [data-swatch=blue]{background:#3b82f6}.ks-accent-picker [data-swatch=green]{background:#16a34a}.ks-accent-picker [data-swatch=purple]{background:#8b5cf6}.ks-accent-picker [data-swatch=pink]{background:#ec4899}.ks-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.ks-home2{flex-direction:column;gap:26px;display:flex}.ks-home2-hello{align-items:flex-end;gap:18px;display:flex}.ks-home2-teco{filter:drop-shadow(0 12px 22px #00000073);flex:none;width:110px;height:auto}.ks-home2-title{font-family:var(--ks-display);margin:0;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1}.ks-home2-say{background:var(--ks-surface);border:1px solid var(--ks-line);color:var(--ks-text);border-radius:16px;max-width:640px;margin:12px 0 6px;padding:12px 16px;font-size:15.5px;display:inline-block;position:relative}.ks-home2-streak{background:rgb(var(--ks-gold-rgb) / .12);height:32px;color:var(--ks-gold-2);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:750;display:inline-flex}.ks-home2-streak svg{width:16px;height:16px}.ks-home2-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.ks-home2-col{flex-direction:column;gap:18px;min-width:0;display:flex}.ks-home2-continue{border:1px solid var(--ks-line);background:radial-gradient(500px 240px at 0% 0%, rgb(var(--ks-gold-rgb) / .12), transparent 70%), var(--ks-surface);border-radius:24px;align-items:center;gap:22px;padding:22px;transition:border-color .15s;display:flex}.ks-home2-continue:hover{border-color:rgb(var(--ks-gold-rgb) / .45)}.ks-home2-continue>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.ks-home2-continue b{font-family:var(--ks-display);font-size:32px;font-weight:800;line-height:1.02}.ks-home2-continue .ks-btn{margin-top:10px}.ks-home2-lessonart{background:rgb(var(--ks-gold-rgb) / .14);width:132px;height:132px;color:var(--ks-gold);border-radius:18px;flex:none;place-items:center;display:grid}.ks-home2-lessonart svg{width:54px;height:54px}.ks-home2-lessonart.is-small{border-radius:14px;width:52px;height:52px}.ks-home2-lessonart.is-small svg{width:24px;height:24px}.ks-home2-card{border:1px solid var(--ks-line);background:var(--ks-surface);border-radius:22px;padding:18px}.ks-home2-ring{--p:0;background:conic-gradient(var(--ks-gold) calc(var(--p) * 1%), rgb(var(--ks-ink) / .08) 0);border-radius:50%;flex:none;align-content:center;place-items:center;width:64px;height:64px;display:grid;position:relative}.ks-home2-ring:before{content:"";background:var(--ks-surface);border-radius:50%;position:absolute;inset:6px}.ks-home2-ring b,.ks-home2-ring small{line-height:1;position:relative}.ks-home2-ring b{font-family:var(--ks-display);font-size:22px}.ks-home2-ring small{color:var(--ks-muted);font-size:11px}.ks-home2-steps{gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ks-home2-steps a{border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.ks-home2-steps a:hover{background:var(--ks-hover)}.ks-home2-steps b{font-size:14.5px;display:block}.ks-home2-steps small{color:var(--ks-muted);font-size:12.5px;display:block}.ks-home2-steps a>svg{width:18px;height:18px;color:var(--ks-gold)}.ks-home2-check{border:1.5px solid var(--ks-line-strong);width:30px;height:30px;color:var(--ks-muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.ks-home2-check svg{width:16px;height:16px}.ks-home2-steps .is-done .ks-home2-check{background:var(--ks-gold);border-color:var(--ks-gold);color:var(--ks-on-gold)}.ks-home2-steps .is-done b{color:var(--ks-muted);text-decoration:line-through;-webkit-text-decoration-color:rgb(var(--ks-ink) / .3);text-decoration-color:rgb(var(--ks-ink) / .3)}.ks-home2-steps .is-next a{background:rgb(var(--ks-gold-rgb) / .08)}.ks-home2-steps .is-next .ks-home2-check{border-color:var(--ks-gold);color:var(--ks-gold)}.ks-home2-next{align-items:center;gap:14px;display:flex}.ks-home2-next>div{flex-direction:column;gap:2px;display:flex}.ks-home2-next>svg{width:20px;height:20px;color:var(--ks-gold)}.ks-home2-songs{flex-direction:column;gap:14px;display:flex}.ks-home2-shelf{scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.ks-home2-song,.ks-home2-add{scroll-snap-align:start;flex-direction:column;flex:none;gap:4px;width:168px;display:flex}.ks-home2-song b{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:14.5px;overflow:hidden}.ks-home2-song small,.ks-home2-add small{color:var(--ks-muted);font-size:12.5px}.ks-home2-add{text-align:center;border:1.5px dashed var(--ks-line-strong);height:168px;color:var(--ks-muted);border-radius:16px;justify-content:center;align-items:center}.ks-home2-add svg{width:28px;height:28px;color:var(--ks-gold)}.ks-home2-add b{color:var(--ks-text)}@media (max-width:860px){.ks-home2{gap:20px}.ks-home2-hello{gap:12px}.ks-home2-teco{width:77px}.ks-home2-say{margin-top:8px;font-size:14.5px}.ks-home2-grid{grid-template-columns:1fr}.ks-home2-continue{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px;display:grid}.ks-home2-continue>svg:first-child,.ks-home2-continue .ks-home2-lessonart{width:96px!important;height:96px!important}.ks-home2-continue b{font-size:24px}.ks-home2-continue .ks-btn{grid-column:1/-1;width:100%;margin-top:4px}.ks-home2-continue>div{display:contents}.ks-home2-continue{grid-template-rows:auto auto auto auto;align-items:center;row-gap:2px}.ks-home2-continue>svg:first-child,.ks-home2-continue .ks-home2-lessonart{grid-row:1/4}.ks-home2-continue>div>.ks-eyebrow{grid-area:1/2;align-self:end}.ks-home2-continue>div>b{grid-area:2/2}.ks-home2-continue>div>.ks-muted{grid-area:3/2;align-self:start}.ks-home2-continue .ks-btn{grid-row:4;margin-top:12px}.ks-home2-song,.ks-home2-add{width:136px}.ks-home2-add{height:136px}}.ks-home2-songs .ks-link{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ks-home2-songs .ks-link svg{width:16px;height:16px}.ks-home2-songs{margin-top:6px}@media (min-width:1500px){.ks-home2-grid{grid-template-columns:minmax(0,1.6fr) minmax(380px,1fr)}.ks-home2-song{width:190px}}.ks-songs2{flex-direction:column;gap:22px;display:flex}.ks-songs2-head{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.ks-songs2-search{width:min(360px,100%);display:flex}.ks-songs2-upload{border:1.5px dashed rgb(var(--ks-gold-rgb) / .5);background:radial-gradient(500px 200px at 0% 50%, rgb(var(--ks-gold-rgb) / .14), transparent 70%), var(--ks-surface);border-radius:24px;align-items:center;gap:22px;padding:14px 26px 14px 18px;transition:border-color .15s,transform .15s;display:flex}.ks-songs2-upload:hover{border-color:var(--ks-gold);transform:translateY(-1px)}.ks-songs2-upload img{filter:drop-shadow(0 8px 14px #00000073);width:86px;height:auto;margin:-6px 0 -14px}.ks-songs2-upload b{font-family:var(--ks-display);font-size:28px;font-weight:800;line-height:1.05;display:block}.ks-songs2-upload span:not(.ks-btn){color:var(--ks-muted);font-size:14.5px}.ks-songs2-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.ks-songs2-grid .ks-song-card-art{aspect-ratio:1}.ks-songs2-grid .ks-song-card-art svg{width:100%!important;height:100%!important}@media (max-width:860px){.ks-songs2-upload{flex-wrap:wrap;gap:12px;padding:14px}.ks-songs2-upload img{width:64px;margin:0}.ks-songs2-upload b{font-size:22px}.ks-songs2-upload .ks-btn{width:100%}.ks-songs2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.ks-home2-song{transition:transform var(--ks-dur) var(--ks-ease-out), border-color var(--ks-dur), box-shadow var(--ks-dur)}.ks-home2-song:hover{border-color:var(--ks-gold-line);box-shadow:var(--ks-elev-2);transform:translateY(-3px)}.ks-home2-song:active{transform:translateY(-1px)scale(.99)}.ks-home2-add{transition:border-color var(--ks-dur), background var(--ks-dur), color var(--ks-dur-fast)}.ks-home2-add:hover{border-color:var(--ks-gold);background:var(--ks-gold-soft);color:var(--ks-text)}.ks-home2-add svg{transition:transform var(--ks-dur) var(--ks-ease-spring)}.ks-home2-add:hover svg{transform:rotate(90deg)scale(1.1)}.ks-home2-continue{transition:border-color var(--ks-dur), box-shadow var(--ks-dur), transform var(--ks-dur) var(--ks-ease-out);box-shadow:var(--ks-elev-1)}.ks-home2-continue:hover{box-shadow:var(--ks-elev-2)}.ks-home2-lessonart{box-shadow:inset 0 0 0 1px rgb(var(--ks-gold-rgb) / .25)}.ks-home2-steps a{min-height:48px}.ks-home2-steps a:hover .ks-home2-check{border-color:var(--ks-gold)}.ks-home2-steps .is-next .ks-home2-check{box-shadow:0 0 0 4px rgb(var(--ks-gold-rgb) / .14)}.ks-songs2-grid .ks-song-card:active{transform:translateY(-1px)scale(.99)}@media (prefers-reduced-motion:reduce){.ks-home2-song:hover,.ks-home2-add:hover svg{transform:none}}
.ks-curso{flex-direction:column;gap:22px;display:flex}.ks-curso-head{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.ks-curso-units{flex-wrap:wrap;gap:8px;display:flex}.ks-curso-units button{scroll-snap-align:start;border:1px solid var(--ks-line);background:var(--ks-surface);max-width:230px;color:var(--ks-muted);text-align:left;border-radius:99px;flex:none;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.ks-curso-units button[aria-pressed=true]{border-color:var(--ks-gold);color:var(--ks-text);background:rgb(var(--ks-gold-rgb) / .1)}.ks-curso-unit-n{width:32px;height:32px;font-family:var(--ks-display);background:var(--ks-raised);border:1px solid var(--ks-line-strong);border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid}.ks-curso-unit-n svg{width:16px;height:16px}.ks-curso-units .is-done .ks-curso-unit-n{background:var(--ks-gold);border-color:var(--ks-gold);color:var(--ks-on-gold)}.ks-curso-units .is-current .ks-curso-unit-n{border-color:var(--ks-gold);color:var(--ks-gold)}.ks-curso-unit-t{overflow-wrap:anywhere;font-size:13.5px;font-weight:650;line-height:1.25}.ks-curso-unit{border:1px solid var(--ks-line);background:radial-gradient(600px 300px at 100% 0%, rgb(var(--ks-gold-rgb) / .08), transparent 70%), var(--ks-surface);border-radius:26px;padding:24px}.ks-curso-unit-head{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ks-curso-unit-title{font-family:var(--ks-display);margin:4px 0 6px;font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1}.ks-curso-path{flex-direction:column;gap:6px;margin:0;padding:6px 0 0;list-style:none;display:flex;position:relative}.ks-curso-path li{--x:0;padding-left:calc(var(--x) * 64px);align-items:center;gap:18px;display:flex;position:relative}.ks-curso-step{border-radius:99px;align-items:center;gap:16px;padding:6px 14px 6px 6px;transition:background .15s;display:flex}.ks-curso-step:hover{background:var(--ks-hover)}.ks-curso-node{width:58px;height:58px;font-family:var(--ks-display);color:var(--ks-muted);background:var(--ks-raised);border:2px solid var(--ks-line-strong);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 5px #00000059}.ks-curso-node svg{width:24px;height:24px}.ks-curso-path .is-done .ks-curso-node{background:var(--ks-gold);border-color:var(--ks-gold);color:var(--ks-on-gold);box-shadow:0 5px 0 var(--ks-gold-deep)}.ks-curso-path .is-next .ks-curso-node{background:var(--ks-gold);width:70px;height:70px;color:var(--ks-on-gold);box-shadow:0 6px 0 var(--ks-gold-deep), 0 0 0 8px rgb(var(--ks-gold-rgb) / .2);border-color:#fff;animation:2s ease-in-out infinite ks-curso-pulse}.ks-curso-path .is-exam .ks-curso-node{color:var(--ks-gold);border-color:rgb(var(--ks-gold-rgb) / .5);border-radius:18px}.ks-curso-label{flex-direction:column;gap:2px;display:flex}.ks-curso-label b{font-size:16px}.ks-curso-label small{color:var(--ks-muted);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.ks-curso-path .is-next .ks-curso-label b{font-size:18px}.ks-curso-path .is-done .ks-curso-label b{color:var(--ks-muted)}.ks-curso-teco{align-items:flex-end;gap:8px;display:flex}.ks-curso-teco img{filter:drop-shadow(0 6px 10px #0006);width:65px;height:auto}.ks-curso-teco span{color:#18181b;white-space:nowrap;background:#fff;border-radius:14px;margin-bottom:10px;padding:8px 12px;font-size:13.5px;font-weight:600}:root[data-theme=light] .ks-curso-teco span{color:#fafafa;background:#18181b}@keyframes ks-curso-pulse{0%,to{box-shadow:0 6px 0 var(--ks-gold-deep), 0 0 0 8px rgb(var(--ks-gold-rgb) / .2)}50%{box-shadow:0 6px 0 var(--ks-gold-deep), 0 0 0 14px rgb(var(--ks-gold-rgb) / .08)}}@media (prefers-reduced-motion:reduce){.ks-curso-path .is-next .ks-curso-node{animation:none}}@media (max-width:860px){.ks-curso-unit{border-radius:22px;padding:16px}.ks-curso-path li{padding-left:calc(var(--x) * 28px);flex-wrap:wrap;gap:8px}.ks-curso-node{width:50px;height:50px;font-size:19px}.ks-curso-path .is-next .ks-curso-node{width:60px;height:60px}.ks-curso-teco{padding-left:70px}.ks-curso-teco img{width:48px}.ks-curso-teco span{white-space:normal}}@media (min-width:1280px){.ks-curso-path{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:8px 40px;display:grid}.ks-curso-path li{padding-left:calc(var(--x) * 40px)}.ks-curso-path li.is-exam{grid-column:1/-1;justify-content:center;padding-left:0}.ks-curso-path li.is-next{grid-column:1/-1}}@media (min-width:1700px){.ks-curso-path{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.ks-curso-units{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.ks-curso-units::-webkit-scrollbar{display:none}}.ks-alib2-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:6px 0 12px;display:flex}.ks-alib2-select{flex-direction:column;gap:4px;min-width:200px;display:flex}.ks-alib2-select span{color:var(--ks-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.ks-alib2-select select{border:1px solid var(--ks-line-strong);background:var(--ks-surface);height:46px;color:var(--ks-text);border-radius:14px;padding:0 14px;font-size:15px;font-weight:650}.ks-alib2-kinds{background:var(--ks-surface-2);border:1px solid var(--ks-line);border-radius:14px;flex-wrap:wrap;gap:4px;margin-left:auto;padding:4px;display:flex}.ks-alib2-kinds button,.ks-alib2-roles button{color:var(--ks-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:650}.ks-alib2-kinds button[aria-pressed=true]{background:var(--ks-surface);color:var(--ks-text);box-shadow:0 1px 3px #0000001f}.ks-alib2-roles{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.ks-alib2-roles button{border:1px solid var(--ks-line-strong);border-radius:99px;padding:9px 16px;font-size:14.5px}.ks-alib2-roles button[aria-pressed=true]{background:var(--ks-gold);border-color:var(--ks-gold);color:var(--ks-on-gold)}.ks-alib2-more{margin-bottom:6px}.ks-alib2-more summary{cursor:pointer;color:var(--ks-muted);font-size:14px;font-weight:650}.ks-alib2-actions{align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex;position:relative}.ks-alib2-menu{position:relative}.ks-alib2-menu summary{cursor:pointer;font-size:20px;line-height:1;list-style:none}.ks-alib2-menu summary::-webkit-details-marker{display:none}.ks-alib2-menu>div{z-index:10;background:var(--ks-raised);border:1px solid var(--ks-line-strong);border-radius:14px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 14px 30px #00000040}.ks-alib2-menu>div>*{color:var(--ks-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}.ks-alib2-menu>div>:hover{background:var(--ks-hover)}.ks-alib2-menu svg{width:16px;height:16px}@media (max-width:860px){.ks-alib2-kinds{margin-left:0}.ks-alib2-select{flex:1;min-width:0}}.ks-crea-hero{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ks-daw-hero{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ks-daw-hero>.ks-stack{flex:260px}.ks-daw-hero-icon{background:rgb(var(--ks-gold-rgb) / .14);width:52px;height:52px;color:var(--ks-gold);border-radius:14px;place-items:center;display:grid}.ks-daw-hero-icon svg{width:26px;height:26px}.ks-crea-card{border:1px solid var(--ks-line);background:var(--ks-surface);color:inherit;border-radius:24px;align-items:center;gap:20px;padding:20px 24px 20px 14px;text-decoration:none;display:flex;overflow:hidden}.ks-crea-card.is-lib{background:radial-gradient(520px 240px at 0% 50%, rgb(var(--ks-gold-rgb) / .16), transparent 70%), var(--ks-surface);border-color:rgb(var(--ks-gold-rgb) / .4);transition:transform .15s,border-color .15s}.ks-crea-card.is-lib:hover{border-color:var(--ks-gold);transform:translateY(-2px)}.ks-crea-card img{filter:drop-shadow(0 8px 14px #0000004d);flex:none;width:110px;height:auto}.ks-crea-card>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ks-crea-card b{font-family:var(--ks-display);font-size:30px;font-weight:800;line-height:1.05}.ks-crea-card span:not(.ks-btn){color:var(--ks-muted);max-width:46ch;font-size:15px}.ks-crea-card .ks-btn{margin-top:6px}@media (max-width:1000px){.ks-crea-hero{grid-template-columns:1fr}}@media (max-width:600px){.ks-crea-card{align-items:flex-start;gap:12px;padding:14px}.ks-crea-card img{width:70px}.ks-crea-card b{font-size:23px}}.ks-hub-tools .ks-hub-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.ks-hub-tools .ks-hub-card{background:radial-gradient(260px 160px at 0% 50%, rgb(var(--ks-gold-rgb) / .1), transparent 70%), var(--ks-surface);flex-direction:row;align-items:center;gap:16px;min-height:118px;padding:12px 18px 12px 10px;overflow:hidden}.ks-hub-tools .ks-hub-card:hover{border-color:rgb(var(--ks-gold-rgb) / .55)}.ks-hub-tools .ks-hub-card img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000040);flex:none;width:78px;height:96px;transition:transform .2s}.ks-hub-tools .ks-hub-card:hover img{transform:translateY(-3px)rotate(-2deg)}.ks-hub-tools .ks-hub-card>div{flex-direction:column;gap:5px;display:flex}.ks-hub-tools .ks-hub-card b{font-family:var(--ks-display);font-size:21px;font-weight:800;line-height:1.1}@media (max-width:600px){.ks-hub-tools .ks-hub-grid{grid-template-columns:1fr;gap:10px}.ks-hub-tools .ks-hub-card{min-height:96px}.ks-hub-tools .ks-hub-card img{width:60px;height:76px}}.ks-curso-head>:first-child{flex:320px;min-width:0}@media (max-width:600px){.ks-curso-head{flex-direction:column;align-items:stretch}.ks-curso-head>:first-child{flex:none}}.ks-curso-node{transition:transform var(--ks-dur) var(--ks-ease-spring), box-shadow var(--ks-dur)}.ks-curso-step:hover .ks-curso-node{transform:translateY(-2px)}.ks-curso-step:active .ks-curso-node{transform:translateY(3px);box-shadow:0 2px #00000059}.ks-curso-path .is-done .ks-curso-step:active .ks-curso-node,.ks-curso-path .is-next .ks-curso-step:active .ks-curso-node{box-shadow:0 2px 0 var(--ks-gold-deep)}.ks-curso-units button{min-height:48px;transition:border-color var(--ks-dur-fast), background var(--ks-dur-fast), color var(--ks-dur-fast)}.ks-curso-units button:hover{border-color:var(--ks-line-strong);color:var(--ks-text)}.ks-curso-unit{box-shadow:var(--ks-elev-1)}.ks-crea-card{transition:transform var(--ks-dur) var(--ks-ease-out), border-color var(--ks-dur), box-shadow var(--ks-dur)}.ks-crea-card:hover{box-shadow:var(--ks-elev-2)}.ks-hub-tools .ks-hub-card:active,.ks-hub-card:active{transform:translateY(0)scale(.99)}@media (prefers-reduced-motion:reduce){.ks-curso-step:hover .ks-curso-node,.ks-curso-step:active .ks-curso-node{transform:none}}
.ks-karaoke{margin-top:18px}.ks-karaoke-ico{background:rgb(var(--ks-gold-rgb) / .12);width:40px;height:40px;color:var(--ks-gold);border-radius:12px;place-items:center;display:grid}.ks-karaoke-ico svg{width:20px;height:20px}.ks-karaoke-text{resize:vertical;height:auto;min-height:220px;padding:12px 14px;font-size:15.5px;line-height:1.6}.ks-karaoke-sync{flex-direction:column;gap:12px;margin-top:12px;display:flex}.ks-karaoke-stage{text-align:center;background:radial-gradient(600px 200px at 50% 0%, rgb(var(--ks-gold-rgb) / .1), transparent 70%), var(--ks-surface-2);border:1px solid var(--ks-line);border-radius:18px;margin-top:14px;padding:22px 18px}.ks-karaoke-stage p{margin:4px 0;transition:all .25s}.ks-karaoke-stage .is-prev,.ks-karaoke-stage .is-next{color:var(--ks-subtle);min-height:1.4em;font-size:17px}.ks-karaoke-stage .is-now{font-family:var(--ks-display);color:var(--ks-text);min-height:1.2em;font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.15}.ks-karaoke-list{text-align:left;color:var(--ks-muted);margin:0;padding-left:20px;line-height:1.7}.ks-karaoke-tap{min-width:260px}.ks-practice-lyric{text-align:center;font-family:var(--ks-display);min-height:1.3em;color:var(--ks-text);margin:6px 0 0;font-size:clamp(18px,2.2vw,28px);font-weight:800;line-height:1.2}.ks-practice-lyric small{color:var(--ks-subtle);font-family:inherit;font-size:.6em;font-weight:600;display:block}@media (max-width:600px){.ks-karaoke-tap{width:100%;min-width:0}.ks-karaoke-stage{padding:16px 10px}}.ks-skin-picker{grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:28px;display:grid}.ks-root .ks-skin-preview svg.ks-accordion{width:100%;height:auto;min-height:0;max-height:520px;margin:0}.ks-skin-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.ks-skin-option{border:1.5px solid var(--ks-line);background:var(--ks-surface);color:var(--ks-text);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;font-size:13px;font-weight:650;transition:border-color .15s,transform .15s;display:flex}.ks-skin-option:hover{border-color:var(--ks-line-strong);transform:translateY(-2px)}.ks-skin-option[aria-checked=true]{border-color:var(--ks-gold);box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .18)}.ks-skin-thumb{pointer-events:none;flex:none;width:64px;height:97px;display:block;overflow:hidden}.ks-root .ks-skin-thumb svg.ks-accordion{filter:none;width:64px;max-width:none;height:97px;min-height:0;margin:0;transform:none}@media (max-width:760px){.ks-skin-picker{grid-template-columns:1fr}.ks-skin-preview{max-width:240px;margin:0 auto}.ks-skin-grid{grid-template-columns:repeat(3,1fr)}}.ks-celebrate{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0c8c;place-items:center;padding:16px;animation:.25s ease-out ks-cel-in;display:grid;position:fixed;inset:0}.ks-celebrate-card{background:radial-gradient(600px 300px at 20% 0%, rgb(var(--ks-gold-rgb) / .16), transparent 70%), var(--ks-surface);border:1px solid var(--ks-line);border-radius:28px;grid-template-columns:200px 1fr;align-items:center;gap:10px 26px;width:min(760px,100%);padding:26px 30px 26px 18px;animation:.45s cubic-bezier(.2,1.4,.4,1) ks-cel-pop;display:grid;position:relative;box-shadow:0 30px 80px #00000059}.ks-celebrate-teco{filter:drop-shadow(0 16px 24px #0000004d);width:200px;height:auto;animation:1.2s ease-in-out .3s 2 ks-cel-teco}.ks-celebrate-title{font-family:var(--ks-display);margin:4px 0 6px;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1}.ks-celebrate-score{font-family:var(--ks-display);color:var(--ks-gold);font-size:clamp(64px,9vw,96px);font-weight:800;line-height:.95}.ks-celebrate-score small{margin-left:2px;font-size:.45em}.ks-celebrate-card.is-almost .ks-celebrate-score{color:var(--ks-text)}.ks-celebrate-stats{flex-wrap:wrap;gap:22px;margin:10px 0 12px;display:flex}.ks-celebrate-stats span{color:var(--ks-muted);flex-direction:column;font-size:12.5px;display:flex}.ks-celebrate-stats b{color:var(--ks-text);font-size:20px}.ks-celebrate-teco-line{background:var(--ks-surface-2);border:1px solid var(--ks-line);border-radius:14px;margin:0 0 16px;padding:12px 14px;font-size:15px}.ks-celebrate-actions{flex-wrap:wrap;gap:10px;display:flex}.ks-confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.ks-confetti i{background:hsl(var(--h) 85% 55%);border-radius:2px;width:10px;height:16px;animation:2.6s linear forwards ks-cel-fall;position:absolute;top:-20px}@keyframes ks-cel-in{0%{opacity:0}}@keyframes ks-cel-pop{0%{opacity:0;transform:scale(.85)}}@keyframes ks-cel-teco{50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes ks-cel-fall{to{transform:translateY(110vh)rotate(540deg)}}@media (max-width:640px){.ks-celebrate-card{text-align:center;grid-template-columns:1fr;padding:18px}.ks-celebrate-teco{width:130px;margin:-70px auto 0}.ks-celebrate-stats,.ks-celebrate-actions{justify-content:center}.ks-celebrate-actions .ks-btn{white-space:nowrap;flex:1 1 0;min-width:0;padding:0 10px;font-size:14px}}@media (prefers-reduced-motion:reduce){.ks-celebrate,.ks-celebrate-card,.ks-celebrate-teco{animation:none}}.ks-song-practice{min-width:220px;font-size:18px}@media (max-width:600px){.ks-song-practice{width:100%}}
.ks-page-head,.ks-curso-head,.ks-songs2-head,.ks-band2-head{background:radial-gradient(420px 120px at 0% 0%, rgb(var(--ks-gold-rgb) / .09), transparent 70%), var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);box-shadow:var(--ks-elev-1);align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px 12px 19px;position:relative}.ks-page-head:before,.ks-curso-head:before,.ks-songs2-head:before,.ks-band2-head:before{content:"";background:linear-gradient(180deg, var(--ks-gold-2), var(--ks-gold-deep));pointer-events:none;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.ks-page-head .ks-h1,.ks-curso-head .ks-h1,.ks-songs2-head .ks-h1,.ks-band2-head .ks-h1{line-height:1.15;margin:2px 0 0!important;font-size:22px!important}.ks-page-head .ks-eyebrow,.ks-curso-head .ks-eyebrow,.ks-songs2-head .ks-eyebrow{letter-spacing:.14em;color:var(--ks-gold-2);font-size:10.5px;margin:0!important}.ks-page-head .ks-eyebrow a,.ks-curso-head .ks-eyebrow a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:rgb(var(--ks-gold-rgb) / .4);text-decoration-color:rgb(var(--ks-gold-rgb) / .4);text-underline-offset:3px}.ks-page-head .ks-eyebrow a:hover{text-decoration-color:currentColor}@media (max-width:860px){.ks-page-head .ks-h1,.ks-curso-head .ks-h1,.ks-songs2-head .ks-h1,.ks-band2-head .ks-h1{font-size:20px!important}}.ks-page-head p:not(.ks-eyebrow),.ks-curso-head p:not(.ks-eyebrow),.ks-songs2-head p:not(.ks-eyebrow){max-width:70ch;font-size:13px;line-height:1.4;margin:4px 0 0!important}.ks-page-head .ks-btn,.ks-curso-head .ks-btn,.ks-songs2-head .ks-btn{padding-block:7px;font-size:13px}.ks-back{background:var(--ks-surface);border:1px solid var(--ks-line);min-height:36px;color:var(--ks-text);transition:border-color var(--ks-dur-fast), background var(--ks-dur-fast);border-radius:999px;margin-bottom:10px;padding:6px 12px 6px 8px}.ks-back:hover{border-color:var(--ks-line-strong);background:var(--ks-surface-2)}.ks-back svg{transition:transform var(--ks-dur) var(--ks-ease-spring)}.ks-back:hover svg{transform:translate(-2px)}.ks-section-title{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);font-family:var(--ks-display);justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:8px 14px;font-size:16px;font-weight:700;display:flex}.ks-section-title h2,.ks-section-title h3{font-family:var(--ks-display);margin:0;font-size:16px;font-weight:700;line-height:1.2}.ks-section-title p{color:var(--ks-muted);margin:2px 0 0;font-family:inherit;font-size:12.5px;font-weight:400;line-height:1.35}.ks-section-title a.ks-link{color:var(--ks-gold);white-space:nowrap;align-items:center;gap:4px;font-family:inherit;font-size:13px;font-weight:650;display:inline-flex}.ks-section-title a.ks-link svg{width:14px;height:14px}.ks-section-head:not(.ks-card *){background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);align-items:center;margin-bottom:10px;padding:8px 14px}.ks-section-head:not(.ks-card *) .ks-h2{line-height:1.2;margin:0!important;font-size:16px!important}.ks-section-head:not(.ks-card *) p{font-size:12.5px;line-height:1.35;margin:2px 0 0!important}.ks-section:not(.ks-card *){margin-top:22px}.ks-hub-tools>.ks-h2{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);margin:0 0 10px;padding:8px 14px;line-height:1.2;font-size:16px!important}.ks-footnote{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);color:var(--ks-muted);margin:14px 0 0;padding:8px 12px;font-size:12px;line-height:1.45}.ks-home2-hello{align-items:center}.ks-home2-hello>.ks-grow{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:12px 16px}.ks-home2-title{line-height:1.15;font-size:22px!important}.ks-home2-say{max-width:none;display:block;color:var(--ks-text)!important;background:0 0!important;border:0!important;margin:6px 0 0!important;padding:0!important;font-size:14px!important}.ks-home2-say:before,.ks-home2-say:after{display:none!important}.ks-home2-teco{width:84px}@media (max-width:860px){.ks-home2-teco{width:64px}}.ks-home2-songs{gap:0}.ks-home2-song{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:16px;gap:2px;padding:6px 6px 10px}.ks-home2-song>:first-child{aspect-ratio:1;width:100%!important;height:auto!important}.ks-home2-song b,.ks-home2-song small{padding-inline:6px}.ks-home2-song b{margin-top:4px}.ks-alib2-filters{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);flex-direction:column;gap:10px;margin:0 0 14px;padding:12px 14px;display:flex}.ks-alib2-filters .ks-alib2-bar{gap:10px;margin:0}.ks-alib2-filters .ks-alib2-select select{border-radius:12px;height:40px;font-size:14px}.ks-alib2-filters .ks-alib2-select span{font-size:11px}.ks-alib2-filters .ks-alib2-roles{gap:6px;margin:0}.ks-alib2-filters .ks-alib2-roles button,.ks-alib2-filters .ks-alib2-kinds button{padding:6px 12px;font-size:13.5px}.ks-alib2-filters .ks-alib2-more{margin:0}.ks-alib2-count{border-top:1px solid var(--ks-line);color:var(--ks-muted);margin:0;padding-top:8px;font-size:12.5px}.ks-home2-hello .ks-home2-streak{height:auto;padding:4px 10px;font-size:12.5px;line-height:1.35;display:inline-block}.ks-home2-hello .ks-home2-streak svg{vertical-align:-2px;width:13px;height:13px;margin-right:4px}@media (max-width:600px){.ks-home2-teco{width:56px}.ks-alib2-filters .ks-alib2-kinds{flex-wrap:nowrap;width:100%}.ks-alib2-filters .ks-alib2-kinds button{flex:1;padding:6px 4px;font-size:12.5px}}.ks-home2-hello .ks-home2-streak svg{display:inline-block}.ks-home2-song small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ks-box{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);margin:0 0 12px;padding:12px 14px}.ks-show-controls{margin-top:4px}:is(main.ks-content>div,main.ks-content>div>section.ks-section,main.ks-content>div>section.ks-stack)>:is(p,span.ks-tiny,span.ks-small):not(.ks-card,.ks-box,.ks-footnote,.ks-alib2-count,.ks-section-title){background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);color:var(--ks-muted);margin:12px 0 0;padding:8px 12px;font-size:12.5px;line-height:1.45;display:block}:is(main.ks-content>div,main.ks-content>div>section.ks-section)>:is(h2,h3){background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);font-family:var(--ks-display);padding:8px 14px;line-height:1.2;margin:18px 0 10px!important;font-size:16px!important}.ks-notes-stage>p{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius-sm);align-self:stretch;padding:8px 12px;font-size:13px;line-height:1.45}.ks-studio-progress{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:999px;padding:4px 12px}.ks-lesson-text{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:14px 16px}.ks-myband-how li{background:var(--ks-surface);border:1px solid var(--ks-line)}@media screen{.ks-print{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:14px 16px}.ks-print h1{font-size:22px}}.ks-legal{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);width:calc(100% - 32px);margin:12px auto 48px;padding:16px 18px 20px}.ks-legal .ks-h1{margin:0 0 4px;line-height:1.15;font-size:22px!important}.ks-legal h2{margin-top:20px}.ks-legal-intro{font-size:15px}.ks-section-head a.ks-link{white-space:nowrap;flex:none}.ks-alib2-changes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ks-alib2-changes small{letter-spacing:.08em;text-transform:uppercase;color:var(--ks-muted);margin-right:4px;font-size:11px;font-weight:700}.ks-alib2-changes button{font:650 13.5px var(--ks-font);border:1px solid var(--ks-line-strong);background:var(--ks-raised);color:var(--ks-text);cursor:pointer;border-radius:999px;padding:6px 12px}.ks-alib2-changes button[aria-pressed=true]{background:var(--ks-gold);border-color:var(--ks-gold);color:var(--ks-on-gold)}.ks-alib2-filters .ks-alib2-roles.is-secondary button{padding:4px 10px;font-size:12.5px}.ks-alib2-rolehelp{color:var(--ks-muted);margin:0;font-size:12.5px}.ks-alib-card{gap:8px}.ks-alib-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ks-alib-versions{background:var(--ks-raised);border:1px solid var(--ks-line);border-radius:999px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.ks-alib-versions button{width:26px;height:26px;color:var(--ks-muted);font:700 12px var(--ks-font);cursor:pointer;background:0 0;border:0;border-radius:50%}.ks-alib-versions button[aria-pressed=true]{background:var(--ks-gold);color:var(--ks-on-gold)}.ks-alib-rhythm{background:var(--ks-raised);border:1px solid var(--ks-line);border-radius:10px;height:34px;position:relative;overflow:hidden}.ks-alib-rhythm i{background:var(--ks-line-strong);width:1px;position:absolute;top:6px;bottom:6px}.ks-alib-rhythm i.is-bar{background:var(--ks-muted);opacity:.45;width:2px;top:0;bottom:0}.ks-alib-rhythm b{background:var(--ks-text);border-radius:3px;width:6px;height:10px;margin-left:-3px;position:absolute;bottom:8px}.ks-alib-rhythm b.is-two{height:18px}.ks-alib-rhythm b.is-land{background:var(--ks-gold);width:8px;margin-left:-6px}.ks-nlab{gap:12px;max-width:1100px;margin:0 auto;padding:16px;display:grid}.ks-nlab .ks-card{padding:14px 16px}.ks-nlab h1{margin:0 0 4px;font-size:20px}.ks-nlab h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ks-muted);margin:10px 0 6px;font-size:11px}.ks-nlab-head p,.ks-nlab-small{color:var(--ks-muted);margin:0;font-size:13px}.ks-nlab-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ks-nlab-controls .ks-seg{flex-wrap:wrap}.ks-nlab-stage{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:12px;display:grid}.ks-nlab-canvas{isolation:isolate;min-height:420px;box-shadow:inset 0 0 120px #000000d9, var(--ks-shadow);background:#04050c;border-color:#1b1e33;place-items:center;display:grid;overflow:hidden}.ks-nlab-canvas>svg{z-index:1;position:relative}.ks-nlab-nebula,.ks-nlab-tintlayer{z-index:-1;pointer-events:none;position:absolute;inset:-20%}.ks-nlab-nebula{background:radial-gradient(40% 32% at 25% 25%,#7c3aed80,#0000 70%),radial-gradient(36% 34% at 78% 70%,#0ea5e966,#0000 70%),radial-gradient(28% 22% at 68% 18%,#ec489952,#0000 70%),radial-gradient(34% 26% at 18% 82%,#22c55e2e,#0000 70%);animation:38s ease-in-out infinite alternate ks-nlab-drift,24s linear infinite ks-nlab-hue}.ks-nlab-tintlayer{opacity:0;transition:opacity .6s,background .6s}.ks-nlab-canvas[data-dir=pull] .ks-nlab-tintlayer{opacity:1;background:radial-gradient(45% 40% at 50% 60%,#1ab4f538,#0000 70%)}.ks-nlab-canvas[data-dir=push] .ks-nlab-tintlayer{opacity:1;background:radial-gradient(45% 40% at 50% 60%,#ffbf1a33,#0000 70%)}@keyframes ks-nlab-drift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.12)}}@keyframes ks-nlab-hue{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ks-nlab-nebula{animation:none}}.ks-nlab-canvas:before,.ks-nlab-canvas:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:radial-gradient(1.2px 1.2px at 12px 18px,#fff,#0000),radial-gradient(1px 1px at 64px 92px,#fff,#0000),radial-gradient(1.6px 1.6px at 130px 40px,#fff,#0000),radial-gradient(1px 1px at 170px 150px,#cfe8ff,#0000),radial-gradient(1.3px 1.3px at 90px 170px,#ffe9f7,#0000),radial-gradient(1px 1px at 190px 70px,#fff,#0000);background-size:210px 210px;position:absolute;inset:0}.ks-nlab-canvas:after{opacity:.7;background-position:70px 120px;background-size:330px 330px;animation:3.2s ease-in-out infinite alternate ks-nlab-twinkle}@keyframes ks-nlab-twinkle{0%{opacity:.25}to{opacity:.9}}@media (prefers-reduced-motion:reduce){.ks-nlab-canvas:after{animation:none}}.ks-nlab-canvas .ks-nlab-empty{color:#cfd3e6}.ks-nlab-svg{width:auto;max-width:100%;height:min(62vh,560px);display:block}.ks-nlab-scrub{color:var(--ks-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.ks-nlab-scrub input{accent-color:#e8202a;width:180px}.ks-nlab-empty{color:var(--ks-muted);font-size:14px}.ks-nlab-label{fill:#4b4f57;font:700 13px system-ui,sans-serif}.ks-nlab-num{fill:#0b1a24;pointer-events:none;paint-order:stroke;stroke:#ffffff8c;stroke-width:2px;font:900 16px system-ui,sans-serif}.ks-nlab-cap{fill:#10131a;pointer-events:none;font:800 13px system-ui,sans-serif}.ks-nlab-order{fill:#0a6fa8;pointer-events:none;font:900 16px system-ui,sans-serif}.ks-nlab-later{pointer-events:none;font:900 13px system-ui,sans-serif}.ks-nlab-finger{fill:#1b1d21;pointer-events:none;font:900 10px system-ui,sans-serif}.ks-nlab-mbox{pointer-events:none;font:900 14px system-ui,sans-serif}.ks-nlab-combo{paint-order:stroke;stroke:#00000080;stroke-width:3px;font:900 26px system-ui,sans-serif}.ks-nlab-win{fill:#e8202a;paint-order:stroke;stroke:#fff;stroke-width:4px;font:900 22px system-ui,sans-serif}.ks-nlab-later.is-pull{fill:#5fdcff}.ks-nlab-later.is-push{fill:#ffd257}.ks-nlab-big{margin:0;font-size:22px;font-weight:800}.ks-nlab-dir{border-radius:999px;margin:6px 0 10px;padding:3px 12px;font-weight:800;display:inline-block}.ks-nlab-dir.is-pull{color:#06263a;background:#1ab4f5}.ks-nlab-dir.is-push{color:#3a2700;background:#ffbf1a}@media (max-width:760px){.ks-nlab-stage{grid-template-columns:1fr}.ks-nlab{padding:12px 16px}}.ks-skill-teco{object-fit:contain;flex:none;width:64px;height:64px}
.ks-tour{z-index:1000;font-family:var(--ks-font,inherit);color:var(--ks-text);position:fixed;inset:0}.ks-tour-dim,.ks-tour-block{position:fixed;inset:0}.ks-tour-dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08080a9e}.ks-tour-block{background:0 0}.ks-tour-hole{box-shadow:0 0 0 200vmax #08080a99, 0 0 0 2px rgb(var(--ks-gold-rgb,227 38 47) / .9), 0 0 24px 4px rgb(var(--ks-gold-rgb,227 38 47) / .35);pointer-events:none;border-radius:14px;transition:top .25s,left .25s,width .25s,height .25s;position:fixed}.ks-tour-bubble{z-index:1;background:var(--ks-raised,var(--ks-surface));border:1px solid var(--ks-line-strong);border-radius:18px;gap:8px;padding:14px 16px 12px;animation:.2s ease-out ks-tour-in;display:grid;position:fixed;box-shadow:0 20px 50px -12px #0000008c}.ks-tour-who{letter-spacing:.02em;color:var(--ks-gold-hi);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ks-tour-who img{object-fit:contain;width:34px;height:34px}.ks-tour-title{font-size:16px;line-height:1.25}.ks-tour-text{color:var(--ks-text-2,var(--ks-text));margin:0;font-size:14.5px;line-height:1.45}.ks-tour-dots{flex-wrap:wrap;gap:5px;display:flex}.ks-tour-dots i{background:var(--ks-line-strong);border-radius:50%;width:7px;height:7px}.ks-tour-dots i.is-past{background:rgb(var(--ks-gold-rgb,227 38 47) / .45)}.ks-tour-dots i.is-on{background:var(--ks-gold);border-radius:4px;width:18px}.ks-tour-progress{background:var(--ks-line-strong);border-radius:3px;height:5px;display:block;overflow:hidden}.ks-tour-progress i{background:var(--ks-gold);height:100%;transition:width .2s;display:block}.ks-tour-actions{align-items:center;gap:6px;margin-top:2px;display:flex}.ks-tour-intro{align-items:flex-end;gap:8px;width:min(440px,100vw - 24px);animation:.25s ease-out ks-tour-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ks-tour-intro-teco{object-fit:contain;filter:drop-shadow(0 10px 18px #00000059);flex:none;width:112px}.ks-tour-card{background:var(--ks-raised,var(--ks-surface));border:1px solid var(--ks-line-strong);border-radius:18px;flex:1;gap:10px;padding:16px;display:grid;box-shadow:0 20px 50px -12px #0000008c}.ks-tour-choices{gap:8px;display:grid}.ks-tour-choices .ks-btn{white-space:normal;text-align:left;justify-content:space-between}.ks-tour-choices .ks-btn small{opacity:.75;font-weight:500}.ks-tour-pickbar{z-index:1000;background:var(--ks-raised,var(--ks-surface));border:1px solid var(--ks-line-strong);width:min(520px,100vw - 24px);font-family:var(--ks-font,inherit);color:var(--ks-text);border-radius:16px;align-items:center;gap:10px;padding:8px 10px 8px 8px;font-size:14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -10px #00000080}.ks-tour-pickbar img{object-fit:contain;width:40px;height:40px}.ks-tour-picking [data-tour]{outline:2px dashed rgb(var(--ks-gold-rgb,227 38 47) / .75);outline-offset:2px;cursor:help}.ks-touring .ks-teco{display:none}.ks-tour-help-btn{font-size:16px;font-weight:800}.ks-tour-help-pop button[disabled]{opacity:.55;cursor:default}.ks-tour-list ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ks-tour-list li{border-bottom:1px solid var(--ks-line);align-items:center;gap:10px;padding:8px 0;display:flex}.ks-tour-list li small{display:block}@keyframes ks-tour-in{0%{opacity:0;transform:translateY(6px)}}.ks-tour-intro{animation-name:ks-tour-intro-in}@keyframes ks-tour-intro-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}}@media (prefers-reduced-motion:reduce){.ks-tour-bubble,.ks-tour-intro{animation:none}.ks-tour-hole{transition:none}}@media (max-width:860px){.ks-tour-pickbar{bottom:calc(84px + env(safe-area-inset-bottom))}.ks-tour-intro-teco{width:84px}}
:root{--ks-deg-1:#ff5d62;--ks-deg-2:#f5a524;--ks-deg-3:#ffd84d;--ks-deg-4:#3ddc97;--ks-deg-5:#5ec8f2;--ks-deg-6:#8b7cff;--ks-deg-7:#e879f9;--ks-ac-right:var(--ks-ok);--ks-ac-wrong:var(--ks-red)}.ks-ac-page{max-width:1040px;margin:0 auto;padding-bottom:40px}.ks-ac-glyph{background:var(--ks-gold-soft);border:1px solid var(--ks-gold-line);min-width:42px;height:42px;color:var(--ks-gold-2);font-family:var(--ks-display);letter-spacing:.02em;white-space:nowrap;border-radius:12px;place-items:center;padding:0 8px;font-size:14px;font-weight:800;display:inline-grid}.ks-ac-teco{align-items:flex-start;gap:10px;margin:6px 0 14px;display:flex}.ks-ac-teco-face{background:var(--ks-raised);object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px;animation:3.2s ease-in-out infinite ks-ac-bob}.ks-ac-teco-bubble{background:var(--ks-raised);border:1px solid var(--ks-line-strong);border-radius:14px;margin:4px 0 0;padding:10px 14px;font-size:14.5px;line-height:1.45;position:relative}.ks-ac-teco-bubble:before{content:"";background:var(--ks-raised);border-left:1px solid var(--ks-line-strong);border-bottom:1px solid var(--ks-line-strong);width:12px;height:12px;position:absolute;top:14px;left:-7px;transform:rotate(45deg)}@keyframes ks-ac-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ks-ac-shell{flex-direction:column;gap:12px;display:flex}.ks-ac-shell-head{align-items:center;gap:12px;display:flex}.ks-ac-shell-title{align-items:center;gap:10px;min-width:0;display:flex}.ks-ac-shell-title b{font-family:var(--ks-display);font-size:19px;line-height:1.15;display:block}.ks-ac-shell-title>div{flex-direction:column;min-width:0;display:flex}.ks-ac-hud{align-items:center;gap:8px;display:flex}.ks-ac-hud-score{background:var(--ks-raised);min-width:64px;font-family:var(--ks-display);text-align:right;font-variant-numeric:tabular-nums;border-radius:10px;padding:6px 12px;font-size:18px;font-weight:800}.ks-ac-combo{background:var(--ks-gold-soft);color:var(--ks-gold-2);border-radius:10px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:800;animation:.3s ease-out ks-ac-pop;display:inline-flex}.ks-ac-combo svg{width:15px;height:15px}@keyframes ks-ac-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.ks-ac-intro{flex-direction:column;gap:14px;display:flex}.ks-ac-start{align-self:flex-start;min-height:48px;padding:0 26px;font-size:16px}.ks-ac-kbd-hint{margin:0}.ks-ac-settings{flex-wrap:wrap;gap:12px;display:flex}.ks-ac-setting{flex-direction:column;gap:4px;min-width:140px;display:flex}.ks-ac-setting input[type=range]{accent-color:var(--ks-gold)}.ks-ac-stage{flex-direction:column;gap:14px;display:flex}.ks-ac-shell-foot{justify-content:flex-end;display:flex}.ks-ac-q{flex-direction:column;gap:14px;display:flex}.ks-ac-q-top{align-items:center;gap:12px;display:flex}.ks-ac-round{font-variant-numeric:tabular-nums;color:var(--ks-muted);min-width:52px;font-size:13px;font-weight:700}.ks-ac-progress{background:var(--ks-raised);border-radius:99px;flex:1;height:8px;overflow:hidden}.ks-ac-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--ks-gold), var(--ks-gold-2));height:100%;transition:width .3s;display:block}.ks-ac-timer{text-align:center;background:var(--ks-raised);font-variant-numeric:tabular-nums;border-radius:8px;min-width:42px;padding:4px 8px;font-weight:800}.ks-ac-timer.is-low{background:var(--ks-red-soft);color:var(--ks-red-text)}.ks-ac-q-card{border-radius:var(--ks-radius-lg);border:2px solid var(--ks-line);background:var(--ks-surface);text-align:center;padding:20px;transition:border-color .2s,background .2s}.ks-ac-q-card.is-right{border-color:var(--ks-ac-right);background:color-mix(in srgb, var(--ks-ac-right) 9%, var(--ks-surface))}.ks-ac-q-card.is-wrong{border-color:var(--ks-ac-wrong);background:color-mix(in srgb, var(--ks-ac-wrong) 8%, var(--ks-surface));border-style:dashed}.ks-ac-prompt{font-family:var(--ks-display);margin:0;font-size:clamp(20px,3.4vw,28px);line-height:1.2}.ks-ac-detail{color:var(--ks-muted);margin:8px 0 0}.ks-ac-sound-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.ks-ac-play{min-height:46px;padding:0 20px}.ks-ac-feedback{margin:14px 0 0;font-size:17px;font-weight:800}.ks-ac-feedback.is-right{color:var(--ks-ac-right)}.ks-ac-feedback.is-wrong{color:var(--ks-red-text)}.ks-ac-choices{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:10px;display:grid}.ks-ac-choice{border:2px solid var(--ks-line-strong);background:var(--ks-surface-2,var(--ks-raised));min-height:64px;color:var(--ks-text);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 14px;font-size:16px;font-weight:750;transition:transform 80ms,border-color .15s,background .15s;display:flex;position:relative}.ks-ac-choice:hover:not(:disabled){border-color:var(--ks-gold-line);background:var(--ks-hover)}.ks-ac-choice:active:not(:disabled){transform:scale(.98)}.ks-ac-choice:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ac-choice-n{color:var(--ks-subtle);font-size:11px;font-weight:700;position:absolute;top:6px;left:9px}.ks-ac-choice-sub{color:var(--ks-muted);font-size:12.5px;font-weight:500}.ks-ac-choice-sign{font-size:16px;position:absolute;top:6px;right:10px}.ks-ac-choice.is-right{border-color:var(--ks-ac-right);background:color-mix(in srgb, var(--ks-ac-right) 16%, var(--ks-surface))}.ks-ac-choice.is-wrong{border-color:var(--ks-ac-wrong);background:color-mix(in srgb, var(--ks-ac-wrong) 14%, var(--ks-surface));border-style:dashed}.ks-ac-choice.is-dim{opacity:.5}.ks-ac-next-row{justify-content:center;gap:10px;display:flex}.ks-ac-next-row .ks-btn-primary{min-width:160px;min-height:46px}.ks-piano{-webkit-overflow-scrolling:touch;touch-action:manipulation;width:100%;padding-bottom:4px;overflow-x:auto}.ks-piano-keys{height:clamp(150px,26vw,220px);min-width:max(100%, calc(var(--ks-piano-whites,15) * 34px));-webkit-user-select:none;user-select:none;position:relative}.ks-piano-key{font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:0 0 10px;display:flex;position:absolute;top:0}.ks-piano-key.is-white{z-index:1;color:#3b3b44;background:linear-gradient(#f4f4f6 0%,#fff 70%,#e9e9ee 100%);border-radius:0 0 9px 9px;height:100%;box-shadow:inset 0 -5px #cfcfd6,inset -1px 0 #b9b9c2}.ks-piano-key.is-black{z-index:2;color:#e9e9ee;background:linear-gradient(#2b2b31,#0d0d10 88%);border-radius:0 0 7px 7px;height:62%;box-shadow:inset 0 -4px #000,0 3px 6px #00000080}.ks-piano-key:focus-visible{outline:3px solid var(--ks-gold);outline-offset:-3px;z-index:3}.ks-piano-key.is-pressed.is-white,.ks-piano-key.is-white:active{background:linear-gradient(#e6e6ea,#f3f3f6);box-shadow:inset 0 -2px #cfcfd6,inset -1px 0 #b9b9c2}.ks-piano-key.is-pressed.is-black,.ks-piano-key.is-black:active{background:linear-gradient(#1c1c21,#2a2a31);box-shadow:inset 0 -1px #000}.ks-piano-name{pointer-events:none;font-size:12px;font-weight:800;line-height:1}.ks-piano-key.is-black .ks-piano-name{font-size:10px}.ks-piano-kbd{color:#9a9aa4;pointer-events:none;font-size:9.5px;font-weight:700}.ks-piano-sign{pointer-events:none;font-size:18px;font-weight:900;line-height:1}.ks-piano.is-disabled .ks-piano-key{cursor:default}.ks-piano-key.is-target{color:#3a2a00;background:linear-gradient(#ffe9a8,#ffd25e)!important;box-shadow:inset 0 0 0 3px #b07a14!important}.ks-piano-key.is-hint{box-shadow:inset 0 0 0 3px var(--ks-gold-2)!important}.ks-piano-key.is-right{color:#053d23;background:linear-gradient(#b7f5d6,#3ddc97)!important}.ks-piano-key.is-wrong{color:#4a0306;background:repeating-linear-gradient(135deg,#ffb3b6 0 6px,#ff8a8f 6px 12px)!important}.ks-piano-key.is-selected{color:#2a0306;background:linear-gradient(180deg, color-mix(in srgb, var(--ks-gold) 35%, #fff), var(--ks-gold-2))!important}.ks-piano-key.is-black.is-selected{color:#fff;background:linear-gradient(180deg, var(--ks-gold), var(--ks-gold-deep))!important}.ks-piano-key.is-active{box-shadow:inset 0 0 0 4px var(--ks-cyan)!important}.ks-piano-key[class*=is-degree-]{color:#111}.ks-piano-key.is-degree-1{background:linear-gradient(180deg, #fff, var(--ks-deg-1))!important}.ks-piano-key.is-degree-2{background:linear-gradient(180deg, #fff, var(--ks-deg-2))!important}.ks-piano-key.is-degree-3{background:linear-gradient(180deg, #fff, var(--ks-deg-3))!important}.ks-piano-key.is-degree-4{background:linear-gradient(180deg, #fff, var(--ks-deg-4))!important}.ks-piano-key.is-degree-5{background:linear-gradient(180deg, #fff, var(--ks-deg-5))!important}.ks-piano-key.is-degree-6{background:linear-gradient(180deg, #fff, var(--ks-deg-6))!important}.ks-piano-key.is-degree-7{background:linear-gradient(180deg, #fff, var(--ks-deg-7))!important}.ks-piano-key.is-black[class*=is-degree-]{color:#111}.ks-ac-results{flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}.ks-ac-results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.ks-ac-stat{background:var(--ks-raised);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.ks-ac-stat b{font-family:var(--ks-display);font-size:28px;line-height:1}.ks-ac-xp b{color:var(--ks-gold-2)}.ks-ac-banner{background:var(--ks-gold-soft);border:1px solid var(--ks-gold-line);color:var(--ks-gold-2);border-radius:12px;margin:0;padding:10px 14px;font-weight:800;animation:.4s ease-out ks-ac-pop}.ks-ac-results-actions{flex-wrap:wrap;gap:10px;display:flex}.ks-ac-stars{gap:2px;display:inline-flex}.ks-ac-stars svg{width:26px;height:26px;color:var(--ks-subtle)}.ks-ac-stars svg.is-on{color:#ffcf5c;fill:#ffcf5c}.ks-ac-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ks-ac-confetti i{background:hsl(var(--hue) 90% 60%);border-radius:2px;width:8px;height:14px;animation:2.4s ease-in forwards ks-ac-fall;position:absolute;top:-12px}@keyframes ks-ac-fall{to{opacity:0;transform:translateY(520px)rotate(540deg)}}.ks-ac-free{flex-direction:column;gap:12px;display:flex}.ks-ac-free-controls{flex-wrap:wrap;gap:10px;display:flex}.ks-ac-played{min-height:1.4em;margin:0}.ks-ac-hero{border-radius:var(--ks-radius-lg);border:1px solid var(--ks-gold-line);background:radial-gradient(120% 140% at 0% 0%, rgb(var(--ks-gold-rgb) / .22), transparent 55%), radial-gradient(60% 90% at 100% 100%, rgb(var(--ks-gold-rgb) / .08), transparent 70%), var(--ks-surface);box-shadow:var(--ks-elev-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px;padding:16px 18px 16px 21px;display:grid;position:relative;overflow:hidden}.ks-ac-hero:before{content:"";background:linear-gradient(180deg, var(--ks-gold-2), var(--ks-gold-deep));border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.ks-ac-hero h1{margin:4px 0}.ks-ac-hero p{color:var(--ks-muted);margin:0}.ks-ac-hero .ks-eyebrow{color:var(--ks-gold-2);font-size:10.5px}.ks-ac-hero-teco{object-fit:contain;filter:drop-shadow(0 10px 16px #00000073);width:96px;height:96px;animation:3.2s ease-in-out infinite ks-ac-bob}.ks-ac-meters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px;display:grid}.ks-ac-meter{border:1px solid var(--ks-line);background:var(--ks-surface);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ks-ac-meter b{font-family:var(--ks-display);font-size:22px;line-height:1}.ks-ac-meter svg{width:18px;height:18px;color:var(--ks-gold-2)}.ks-ac-bar{background:var(--ks-raised);border-radius:99px;height:8px;overflow:hidden}.ks-ac-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--ks-gold), var(--ks-gold-2));height:100%;display:block}.ks-ac-bar.is-ok i{background:var(--ks-ok)}.ks-ac-section{margin-top:22px}.ks-ac-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ks-ac-section-head h2{font-family:var(--ks-display);margin:0;font-size:20px}.ks-ac-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.ks-ac-tile{border:1px solid var(--ks-line);background:var(--ks-surface);color:var(--ks-text);border-radius:16px;align-items:center;gap:12px;min-height:76px;padding:14px;transition:border-color .15s,transform .1s,background .15s;display:flex}.ks-ac-tile:hover{border-color:var(--ks-gold-line);background:var(--ks-hover)}.ks-ac-tile:active{transform:scale(.99)}.ks-ac-tile:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ac-tile b{font-size:15px;display:block}.ks-ac-tile .ks-small{color:var(--ks-muted);margin-top:2px;display:block}.ks-ac-tile.is-locked{opacity:.55}.ks-ac-tile svg{width:18px;height:18px;color:var(--ks-muted);flex:none}.ks-ac-cat{flex-direction:column;align-items:flex-start;min-height:128px}.ks-ac-cat .ks-ac-glyph{min-width:46px;height:46px;font-size:15px}.ks-ac-cat[data-cat=oido] .ks-ac-glyph{color:#8edbf8;background:#5ec8f224;border-color:#5ec8f266}.ks-ac-cat[data-cat=escalas] .ks-ac-glyph{color:#7ce8b7;background:#3ddc9724;border-color:#3ddc9766}.ks-ac-cat[data-cat=memoria] .ks-ac-glyph{color:#b0a6ff;background:#8b7cff24;border-color:#8b7cff66}.ks-ac-cat[data-cat=ritmo] .ks-ac-glyph{color:#f8c46c;background:#f5a52424;border-color:#f5a52466}.ks-ac-cat[data-cat=juegos] .ks-ac-glyph{color:#f0a6fa;background:#e879f924;border-color:#e879f966}.ks-ac-plan-row{flex-wrap:wrap;gap:8px;display:flex}.ks-ac-plan-row .ks-btn{min-width:84px}.ks-ac-quest{border-bottom:1px solid var(--ks-line);align-items:center;gap:10px;padding:10px 0;display:flex}.ks-ac-quest:last-child{border-bottom:0}.ks-ac-quest .ks-ac-check{border:2px solid var(--ks-line-strong);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.ks-ac-quest.is-done .ks-ac-check{border-color:var(--ks-ok);background:var(--ks-ok);color:#052a18}.ks-ac-quest .ks-ac-check svg{width:14px;height:14px}.ks-ac-coach{flex-direction:column;gap:8px;display:flex}.ks-ac-coach-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ks-ac-lessons{flex-direction:column;gap:10px;display:flex}.ks-ac-lesson{border:1px solid var(--ks-line);background:var(--ks-surface);color:var(--ks-text);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.ks-ac-lesson.is-next{border-color:var(--ks-gold);box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .14)}.ks-ac-lesson.is-locked{opacity:.5;pointer-events:none}.ks-ac-lesson.is-boss{border-style:dashed;border-color:var(--ks-gold-line)}.ks-ac-scales-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ks-ac-scale-cell{border:1px solid var(--ks-line);background:var(--ks-surface);border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.ks-ac-scale-cell.is-mastered{background:color-mix(in srgb, var(--ks-ok) 7%, var(--ks-surface));border-color:#3ddc9780}.ks-ac-scale-cell b{font-size:15px}.ks-ac-facets{flex-direction:column;gap:4px;display:flex}.ks-ac-facet{color:var(--ks-muted);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:6px;font-size:11.5px;display:grid}.ks-ac-skill-row{border-bottom:1px solid var(--ks-line);grid-template-columns:minmax(0,1fr) 110px 60px;align-items:center;gap:10px;padding:8px 0;display:grid}.ks-ac-skill-row:last-child{border-bottom:0}.ks-ac-week{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;height:110px;display:grid}.ks-ac-week div{height:100%;color:var(--ks-muted);flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;display:flex}.ks-ac-week i{background:linear-gradient(180deg, var(--ks-gold-2), var(--ks-gold));border-radius:6px 6px 2px 2px;width:100%;max-width:32px;min-height:3px;display:block}@media (max-width:720px){.ks-ac-hero{grid-template-columns:minmax(0,1fr)}.ks-ac-hero-teco{display:none}.ks-ac-choices{grid-template-columns:repeat(min(var(--cols,2), 2), minmax(0, 1fr))}.ks-ac-q-card{padding:16px 12px}.ks-ac-hud-score{min-width:0;font-size:15px}.ks-ac-skill-row{grid-template-columns:minmax(0,1fr) 80px 44px}}@media (prefers-reduced-motion:reduce){.ks-ac-teco-face,.ks-ac-hero-teco,.ks-ac-combo,.ks-ac-banner{animation:none}.ks-ac-confetti{display:none}.ks-ac-progress i{transition:none}}.ks-mobile-nav a[data-section=academy]{order:2}.ks-ac-shell-head{border:1px solid var(--ks-line);border-radius:var(--ks-radius-lg);background:var(--ks-surface);padding:10px 12px}.ks-ac-step-chip{border:1px solid var(--ks-line);background:var(--ks-surface);border-radius:999px;margin:0 0 10px;padding:6px 12px;display:inline-block}.ks-ac-shell>.ks-ac-teco,.ks-ac-stage>.ks-ac-teco{border-radius:var(--ks-radius-lg);border:1px solid var(--ks-line);background:var(--ks-surface);margin:0;padding:10px 12px}:root{--ks-ac-spring:cubic-bezier(.34, 1.56, .64, 1);--ks-ac-out:cubic-bezier(.2, .8, .2, 1)}.ks-ac-hero-copy{min-width:0}.ks-ac-hero-stats{grid-column:1/-1;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:10px;display:grid}.ks-ac-hero-stats>div{border:1px solid var(--ks-line);background:rgb(var(--ks-bg-rgb) / .55);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.ks-ac-hero-stats>div>div{flex-direction:column;gap:4px;min-width:0;display:flex}.ks-ac-hero-k{letter-spacing:.06em;text-transform:uppercase;color:var(--ks-muted);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.ks-ac-hero-k svg{width:14px;height:14px;color:var(--ks-gold-2)}.ks-ac-hero-v{font-family:var(--ks-display);font-size:21px;line-height:1.05}.ks-ac-level-ring{--p:0;background:conic-gradient(var(--ks-gold-2), var(--ks-gold) calc(var(--p) * 1%), rgb(var(--ks-ink) / .09) 0);width:62px;height:62px;box-shadow:0 0 22px -6px rgb(var(--ks-gold-rgb) / .6);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ks-ac-level-ring:before{content:"";background:var(--ks-surface);border-radius:50%;position:absolute;inset:6px}.ks-ac-level-ring b{font-family:var(--ks-display);font-size:24px;font-weight:800;line-height:1;position:relative}.ks-ac-streak-flame,.ks-ac-reviews-icon{background:var(--ks-raised);width:46px;height:46px;color:var(--ks-subtle);border-radius:14px;flex:none;place-items:center;display:grid}.ks-ac-streak-flame svg,.ks-ac-reviews-icon svg{width:24px;height:24px}.ks-ac-reviews-icon{color:var(--ks-gold-2);background:var(--ks-gold-soft)}.ks-ac-streak.is-tier-1 .ks-ac-streak-flame{color:#f5a524;background:#f5a5241f}.ks-ac-streak.is-tier-2 .ks-ac-streak-flame{color:#ff7a2f;background:#ff7a2f26}.ks-ac-streak.is-tier-3 .ks-ac-streak-flame{color:#ff4a3d;background:#ff4a3d2e}.ks-ac-streak.is-tier-2 .ks-ac-streak-flame svg{width:27px;height:27px}.ks-ac-streak.is-tier-3 .ks-ac-streak-flame svg{width:30px;height:30px}.ks-ac-streak.is-today .ks-ac-streak-flame{box-shadow:inset 0 0 0 1px,0 0 20px -4px}.ks-ac-streak.is-today .ks-ac-streak-flame svg{fill:currentColor;fill-opacity:.25;transform-origin:50% 90%;animation:1.6s ease-in-out infinite ks-ac-flicker}@keyframes ks-ac-flicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.06,.96)rotate(-2deg)}60%{transform:scale(.97,1.05)rotate(2deg)}}.ks-ac-continue{background:radial-gradient(360px 160px at 0% 0%, rgb(var(--ks-gold-rgb) / .1), transparent 70%), var(--ks-surface)}.ks-ac-cat{--cat:var(--ks-gold);background:radial-gradient(180px 120px at 100% 0%, color-mix(in srgb, var(--cat) 16%, transparent), transparent 70%), var(--ks-surface);transition:transform .2s var(--ks-ac-out), border-color .2s, box-shadow .2s;position:relative;overflow:hidden}.ks-ac-cat:after{content:"";background:var(--cat);opacity:.55;border-radius:3px 3px 0 0;height:3px;transition:opacity .2s;position:absolute;bottom:0;left:14px;right:14px}.ks-ac-cat:hover{border-color:color-mix(in srgb, var(--cat) 55%, transparent);box-shadow:0 18px 34px -20px color-mix(in srgb, var(--cat) 70%, #000);background-color:var(--ks-surface);transform:translateY(-3px)}.ks-ac-cat:hover:after{opacity:1}.ks-ac-cat:active{transform:translateY(-1px)scale(.99)}.ks-ac-cat .ks-ac-glyph{background:color-mix(in srgb, var(--cat) 16%, transparent);border-color:color-mix(in srgb, var(--cat) 45%, transparent);color:color-mix(in srgb, var(--cat) 60%, var(--ks-text));transition:transform .3s var(--ks-ac-spring)}.ks-ac-cat:hover .ks-ac-glyph{transform:scale(1.08)rotate(-4deg)}.ks-ac-cat[data-cat=oido]{--cat:#5ec8f2}.ks-ac-cat[data-cat=voz]{--cat:#ff6fa8}.ks-ac-cat[data-cat=piano]{--cat:#c9c9d6}.ks-ac-cat[data-cat=escalas]{--cat:#3ddc97}.ks-ac-cat[data-cat=acordes]{--cat:#ffb547}.ks-ac-cat[data-cat=memoria]{--cat:#8b7cff}.ks-ac-cat[data-cat=juegos]{--cat:#e879f9}.ks-ac-cat[data-cat=ritmo]{--cat:#f5a524}.ks-ac-cat[data-cat=acordeon]{--cat:var(--ks-gold)}.ks-ac-cat[data-cat=desafios]{--cat:#ffd84d}.ks-ac-cat[data-cat=progreso]{--cat:#2dd4bf}:root[data-theme=light] .ks-ac-cat .ks-ac-glyph{color:color-mix(in srgb, var(--cat) 55%, #18181b)}:root[data-theme=light] .ks-ac-cat[data-cat=piano]{--cat:#52525b}:root[data-theme=light] .ks-ac-cat[data-cat=desafios]{--cat:#c99a00}.ks-ac-tile{transition:border-color .15s, transform .2s var(--ks-ac-out), background .15s, box-shadow .2s}.ks-ac-tile:not(.ks-ac-cat):not(.is-locked):hover{box-shadow:var(--ks-elev-2);transform:translateY(-2px)}.ks-ac-tile:not(.ks-ac-cat):hover>svg:last-child{color:var(--ks-gold-2);transform:translate(2px)}.ks-ac-tile>svg:last-child{transition:transform .2s var(--ks-ac-spring), color .15s}.ks-ac-map{--lane:132px;--node:56px;--gap:26px;gap:var(--gap);flex-direction:column;margin:0;padding:4px 0 0;list-style:none;display:flex}.ks-ac-map-stop{--x:0;position:relative}.ks-ac-map-trail{width:var(--lane);left:0;top:calc(var(--node) / 2);height:calc(100% + var(--gap));pointer-events:none;z-index:0;position:absolute;overflow:visible}.ks-ac-map-trail path{fill:none;stroke:var(--ks-line-strong);stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 11}.ks-ac-map-trail.is-done path{stroke:var(--ks-ok);stroke-dasharray:none;opacity:.55}.ks-ac-map .ks-ac-world{z-index:1;grid-template-columns:var(--lane) minmax(0, 1fr);color:var(--ks-text);border-radius:18px;align-items:start;display:grid;position:relative}.ks-ac-map .ks-ac-world-n{margin-left:calc(var(--lane) / 2 - var(--node) / 2 + var(--x) * var(--lane) * .26);width:var(--node);height:var(--node);background:var(--ks-raised);border:2px solid var(--ks-line-strong);font-family:var(--ks-display);color:var(--ks-muted);transition:transform .25s var(--ks-ac-spring), box-shadow .2s;border-radius:50%;justify-self:start;place-items:center;font-size:20px;font-weight:800;display:grid;position:relative;box-shadow:0 5px #00000059}.ks-ac-map .ks-ac-world-n svg{width:22px;height:22px}.ks-ac-map .ks-ac-world-card{border:1px solid var(--ks-line);background:var(--ks-surface-2,var(--ks-surface));min-width:0;transition:border-color .15s, transform .2s var(--ks-ac-out), box-shadow .2s;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ks-ac-map .ks-ac-world-card>b{font-size:15.5px}.ks-ac-world-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.ks-ac-world-stars{color:var(--ks-muted);align-items:center;gap:4px;display:inline-flex}.ks-ac-world-stars svg{width:14px;height:14px;color:var(--ks-subtle)}.ks-ac-world-stars svg.is-on{color:#ffcf5c;fill:#ffcf5c}.ks-ac-world-status{color:var(--ks-muted);align-self:flex-start;align-items:center;gap:6px;margin-top:2px;font-weight:700;display:inline-flex}.ks-ac-world-status svg{width:16px;height:16px}.ks-ac-world-here{background:var(--ks-gold);color:var(--ks-on-gold);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:2px 9px;font-size:10.5px;font-weight:800}a.ks-ac-world:hover .ks-ac-world-card{border-color:var(--ks-gold-line);box-shadow:var(--ks-elev-2);transform:translate(2px)}a.ks-ac-world:hover .ks-ac-world-n{transform:translateY(-3px)}a.ks-ac-world:active .ks-ac-world-n{transform:translateY(3px);box-shadow:0 2px #00000059}a.ks-ac-world:focus-visible{outline:none}a.ks-ac-world:focus-visible .ks-ac-world-card{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ac-map .is-done .ks-ac-world-n{background:var(--ks-ok);border-color:var(--ks-ok);color:#052a18;box-shadow:0 5px 0 color-mix(in srgb, var(--ks-ok) 55%, #000)}.ks-ac-map .is-done .ks-ac-world-card{border-color:rgb(var(--ks-ok-rgb) / .35)}.ks-ac-map .is-done .ks-ac-world-status{color:var(--ks-ok)}.ks-ac-map .is-current .ks-ac-world-n{width:calc(var(--node) + 8px);height:calc(var(--node) + 8px);margin-left:calc(var(--lane) / 2 - var(--node) / 2 - 4px + var(--x) * var(--lane) * .26);background:var(--ks-gold);color:var(--ks-on-gold);box-shadow:0 6px 0 var(--ks-gold-deep), 0 0 0 8px rgb(var(--ks-gold-rgb) / .2);border-color:#fff;margin-top:-4px;animation:2s ease-in-out infinite ks-ac-node-pulse}.ks-ac-map .is-current .ks-ac-world-card{border-color:var(--ks-gold);background:linear-gradient(90deg, rgb(var(--ks-gold-rgb) / .1), transparent 70%), var(--ks-surface-2,var(--ks-surface))}.ks-ac-map .is-current .ks-ac-world-status{color:var(--ks-gold-2)}@keyframes ks-ac-node-pulse{0%,to{box-shadow:0 6px 0 var(--ks-gold-deep), 0 0 0 8px rgb(var(--ks-gold-rgb) / .2)}50%{box-shadow:0 6px 0 var(--ks-gold-deep), 0 0 0 14px rgb(var(--ks-gold-rgb) / .06)}}.ks-ac-map .is-locked .ks-ac-world-n{box-shadow:none;color:var(--ks-subtle);border-style:dashed}.ks-ac-map .is-locked .ks-ac-world-card{opacity:.62;border-style:dashed}@media (max-width:720px){.ks-ac-map{--lane:76px;--node:48px;--gap:20px}.ks-ac-map .ks-ac-world-n{font-size:17px}}.ks-ac-lesson{transition:border-color .15s, transform .2s var(--ks-ac-out), box-shadow .2s}a.ks-ac-lesson:hover{border-color:var(--ks-gold-line);box-shadow:var(--ks-elev-1);transform:translate(2px)}.ks-ac-lesson.is-next .ks-ac-glyph{background:var(--ks-gold);border-color:var(--ks-gold);color:var(--ks-on-gold);animation:2s ease-in-out infinite ks-ac-node-glow}@keyframes ks-ac-node-glow{50%{box-shadow:0 0 0 6px rgb(var(--ks-gold-rgb) / .14)}}.ks-ac-lesson .ks-ac-stars svg{width:20px;height:20px}.ks-ac-shell-head{box-shadow:var(--ks-elev-1)}.ks-ac-hud{flex-wrap:wrap;justify-content:flex-end}.ks-ac-hud-score{border:1px solid var(--ks-line);justify-content:flex-end;align-items:center;min-width:72px;display:inline-flex;position:relative}.ks-ac-hud-num{display:inline-block}.ks-ac-gain{font-family:var(--ks-display);color:var(--ks-ok);pointer-events:none;text-shadow:0 2px 8px #00000073;animation:ks-ac-gain .9s var(--ks-ac-out) forwards;font-size:15px;font-weight:800;position:absolute;top:-6px;right:8px}@keyframes ks-ac-gain{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1;transform:translateY(-4px)scale(1.1)}to{opacity:0;transform:translateY(-24px)scale(1)}}.ks-ac-combo{transform-origin:50% 70%;animation:ks-ac-combo-pop .38s var(--ks-ac-spring);border:1px solid var(--ks-gold-line);position:relative}.ks-ac-combo svg{transform-origin:50% 90%;animation:1s ease-in-out infinite ks-ac-flicker}.ks-ac-combo.is-tier-2{background:linear-gradient(180deg, #ff7a2f4d, rgb(var(--ks-gold-rgb) / .18));color:#ffb37a;border-color:#ff7a2f8c;font-size:14px;box-shadow:0 0 18px -6px #ff7a2fb3}.ks-ac-combo.is-tier-2 svg{fill:currentColor;fill-opacity:.3;width:18px;height:18px}.ks-ac-combo.is-tier-3{color:#fff;background:linear-gradient(#ff7a2f,#e3262f);border-color:#ffd28a;font-size:14.5px;box-shadow:0 0 0 2px #ffd28a40,0 0 26px -4px #ff5a28e6}.ks-ac-combo.is-tier-3 svg{fill:#ffd84d;fill-opacity:.9;color:#fff3c4;width:21px;height:21px}:root[data-theme=light] .ks-ac-combo.is-tier-2{color:#b4470c}@keyframes ks-ac-combo-pop{0%{transform:scale(1.45)rotate(-4deg)}60%{transform:scale(.94)}to{transform:scale(1)}}.ks-ac-challenge-badge{background:rgb(var(--ks-cyan-rgb) / .14);border:1px solid rgb(var(--ks-cyan-rgb) / .4);color:var(--ks-cyan);border-radius:10px;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.ks-ac-challenge-badge svg{width:15px;height:15px}.ks-ac-intro{animation:ks-ac-enter .35s var(--ks-ac-out) backwards}.ks-ac-best{border:1px solid rgb(var(--ks-gold-hi-rgb) / .3);background:linear-gradient(90deg, rgb(var(--ks-gold-hi-rgb) / .1), transparent 70%), var(--ks-surface-2,var(--ks-surface));border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.ks-ac-best-icon{background:rgb(var(--ks-gold-hi-rgb) / .16);width:32px;height:32px;color:var(--ks-gold-hi);border-radius:10px;place-items:center;display:grid}.ks-ac-best-icon svg{width:18px;height:18px}.ks-ac-best-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ks-muted);font-size:11.5px;font-weight:800}.ks-ac-best-vals{flex-wrap:wrap;gap:6px 14px;display:flex}.ks-ac-best-vals b{font-family:var(--ks-display);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:18px;display:inline-flex}.ks-ac-best-vals b small{font-family:var(--ks-font);color:var(--ks-muted);font-size:12px;font-weight:600}.ks-ac-best-vals svg{width:15px;height:15px;color:var(--ks-gold-2)}.ks-ac-best-none{color:var(--ks-muted);font-size:13px}.ks-ac-challenge{border:1px solid var(--ks-line);background:var(--ks-surface-2,var(--ks-surface));border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.ks-ac-challenge>.ks-grow{flex-direction:column;gap:2px;display:flex}.ks-ac-challenge-icon{background:var(--ks-raised);width:32px;height:32px;color:var(--ks-muted);border-radius:10px;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.ks-ac-challenge-icon svg{width:18px;height:18px}.ks-ac-challenge.is-on{border-color:rgb(var(--ks-cyan-rgb) / .5);background:linear-gradient(90deg, rgb(var(--ks-cyan-rgb) / .1), transparent 70%), var(--ks-surface-2,var(--ks-surface))}.ks-ac-challenge.is-on .ks-ac-challenge-icon{background:rgb(var(--ks-cyan-rgb) / .16);color:var(--ks-cyan)}.ks-ac-challenge .ks-switch{margin-left:auto}.ks-ac-start{min-height:52px;padding:0 30px;font-size:16.5px}.ks-ac-stage{animation:ks-ac-enter .35s var(--ks-ac-out) backwards}@keyframes ks-ac-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}}.ks-ac-progress{position:relative}.ks-ac-progress i{position:absolute;top:0;bottom:0;left:0}.ks-ac-progress i.ks-ac-progress-step{background:rgb(var(--ks-ok-rgb) / .5);z-index:0;transition:width .4s var(--ks-ac-out)}.ks-ac-progress i:not(.ks-ac-progress-step){z-index:1}.ks-ac-timer{--t:1;border:1px solid var(--ks-line);position:relative;overflow:hidden}.ks-ac-timer:after{content:"";height:3px;width:calc(var(--t) * 100%);background:var(--ks-cyan);transition:width 1s linear;position:absolute;bottom:0;left:0}.ks-ac-timer.is-low{animation:1s ease-in-out infinite ks-ac-tick}.ks-ac-timer.is-low:after{background:var(--ks-red)}@keyframes ks-ac-tick{0%,to{transform:scale(1)}15%{transform:scale(1.12)}}.ks-ac-q-card{animation:ks-ac-card-in .32s var(--ks-ac-out) backwards;box-shadow:var(--ks-elev-1);position:relative}@keyframes ks-ac-card-in{0%{opacity:0;transform:translateY(10px)}}.ks-ac-q-card.is-right{animation:ks-ac-right-pop .42s var(--ks-ac-spring);box-shadow:0 0 0 4px rgb(var(--ks-ok-rgb) / .14), 0 18px 40px -18px rgb(var(--ks-ok-rgb) / .55)}.ks-ac-q-card.is-wrong{animation:.42s ease-in-out ks-ac-shake}@keyframes ks-ac-right-pop{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes ks-ac-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.ks-ac-feedback{animation:ks-ac-feedback-in .3s var(--ks-ac-spring) backwards}@keyframes ks-ac-feedback-in{0%{opacity:0;transform:translateY(6px)scale(.9)}}.ks-ac-q-card.is-playing:not(.is-right):not(.is-wrong){border-color:var(--ks-gold-line)}.ks-ac-q-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-2px}.ks-ac-q-card.is-playing:not(.is-right):not(.is-wrong):after{animation:1s ease-in-out infinite ks-ac-listen}@keyframes ks-ac-listen{0%,to{box-shadow:0 0 0 0 rgb(var(--ks-gold-rgb) / 0)}50%{box-shadow:0 0 0 6px rgb(var(--ks-gold-rgb) / .1), 0 0 30px -8px rgb(var(--ks-gold-rgb) / .45)}}.ks-ac-choices.is-listening .ks-ac-choice:not(:disabled):after{content:"";border-radius:inherit;border:2px solid rgb(var(--ks-gold-rgb) / .35);pointer-events:none;opacity:0;animation:1s ease-in-out infinite ks-ac-breathe;animation-delay:calc(var(--i,0) * 80ms);position:absolute;inset:-2px}@keyframes ks-ac-breathe{50%{opacity:1}}.ks-ac-eq{align-items:flex-end;gap:2px;width:14px;height:14px;display:none}.ks-ac-eq i{background:currentColor;border-radius:1px;flex:1;height:30%;animation:.6s ease-in-out infinite alternate ks-ac-eq}.ks-ac-eq i:nth-child(2){animation-delay:-.2s}.ks-ac-eq i:nth-child(3){animation-delay:-.4s}@keyframes ks-ac-eq{to{height:100%}}.ks-ac-play.is-playing{border-color:var(--ks-gold-line);color:var(--ks-gold-2);background:var(--ks-gold-soft)}.ks-ac-play.is-playing .ks-ac-eq{display:inline-flex}.ks-ac-play.is-playing svg{display:none}.ks-ac-choice{animation:ks-ac-choice-in .34s var(--ks-ac-out) backwards;animation-delay:calc(var(--i,0) * 45ms);transition:transform .1s,border-color .15s,background .15s,box-shadow .15s,opacity .2s;box-shadow:0 3px #00000047}@keyframes ks-ac-choice-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.ks-ac-choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #00000047}.ks-ac-choice:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000047}.ks-ac-choice-n{border:1px solid var(--ks-line-strong);border-radius:6px;place-items:center;min-width:18px;height:18px;line-height:1;display:grid}.ks-ac-choice.is-right{animation:ks-ac-right-pop .45s var(--ks-ac-spring);box-shadow:0 0 0 3px rgb(var(--ks-ok-rgb) / .2), 0 10px 24px -12px rgb(var(--ks-ok-rgb) / .8);opacity:1}.ks-ac-choice.is-wrong{box-shadow:none;opacity:1;animation:.42s ease-in-out ks-ac-shake}.ks-ac-choice-sign{border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid;top:6px;right:8px}.ks-ac-choice.is-right .ks-ac-choice-sign{background:var(--ks-ac-right);color:#052a18;animation:ks-ac-sign-in .35s var(--ks-ac-spring) 50ms backwards}.ks-ac-choice.is-wrong .ks-ac-choice-sign{background:var(--ks-ac-wrong);color:#fff}@keyframes ks-ac-sign-in{0%{transform:scale(0)rotate(-30deg)}}.ks-ac-choice.is-dim{opacity:.45;box-shadow:none}.ks-ac-next-row{animation:ks-ac-feedback-in .3s var(--ks-ac-out) backwards}@media (pointer:coarse){.ks-ac-choice{min-height:68px}}.ks-piano{border-radius:14px;padding:0 0 6px}.ks-piano-keys{background:linear-gradient(#1b1b20,#0c0c0f 14px,#0c0c0f);border-radius:14px;box-shadow:inset 0 2px #ffffff0d,0 14px 30px -18px #000000e6}.ks-piano-keys:before{content:"";z-index:5;background:linear-gradient(90deg, transparent, rgb(var(--ks-gold-rgb) / .7), transparent);opacity:.7;pointer-events:none;height:3px;position:absolute;top:6px;left:0;right:0}.ks-piano-key{transition:transform 60ms ease-out,box-shadow 60ms ease-out,background .12s,filter .12s}.ks-piano-key.is-white{height:calc(100% - 10px);top:10px;box-shadow:inset 0 -7px #cfcfd6,inset -1px 0 #b9b9c2,0 2px #9b9ba6}.ks-piano-key.is-black{border-radius:0 0 6px 6px;height:calc(62% - 6px);top:10px;box-shadow:inset 0 -6px #000,inset 1px 0 #ffffff14,0 4px 8px #0000008c}.ks-piano-key.is-white:hover:not(:disabled){filter:brightness(.98)}.ks-piano-key.is-black:hover:not(:disabled){filter:brightness(1.25)}.ks-piano-key.is-pressed.is-white,.ks-piano-key.is-white:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #cfcfd6,inset -1px 0 #b9b9c2,inset 0 8px 12px -10px #00000059}.ks-piano-key.is-pressed.is-black,.ks-piano-key.is-black:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #000,0 1px 3px #00000080}.ks-piano-key.is-c:after{content:"";background:#0000002e;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:4px;left:50%}.ks-piano-name{align-items:baseline;display:inline-flex}.ks-piano-acc{margin-left:1px;font-size:1.25em;line-height:.8;transform:translateY(-.15em)}.ks-piano-name.is-acc{background:#ffffff1a;border-radius:5px;flex-direction:column;align-items:center;gap:1px;padding:3px 2px;font-size:10px}.ks-piano-name.is-acc .ks-piano-acc{margin:0;font-size:13px;transform:none}.ks-piano-key.is-target{animation:1.4s ease-in-out infinite ks-ac-target;box-shadow:inset 0 0 0 3px #b07a14,0 0 18px 2px #ffd25e8c!important}@keyframes ks-ac-target{50%{filter:brightness(1.08)}}.ks-piano-key.is-right{animation:ks-ac-key-right .4s var(--ks-ac-spring);box-shadow:inset 0 -4px 0 #1f9c66, 0 0 18px 2px rgb(var(--ks-ok-rgb) / .6)!important}.ks-piano-key.is-wrong{animation:.4s ease-in-out ks-ac-shake;box-shadow:inset 0 -4px #c43a40,0 0 16px 2px #ff5d628c!important}@keyframes ks-ac-key-right{40%{filter:brightness(1.15)}}.ks-piano-sign{width:22px;height:22px;animation:ks-ac-sign-in .3s var(--ks-ac-spring) backwards;background:#00000024;border-radius:50%;place-items:center;font-size:14px;display:grid}@media (max-width:720px),(pointer:coarse){.ks-piano-keys{height:clamp(176px,46vw,230px);min-width:max(100%, calc(var(--ks-piano-whites,15) * 38px))}.ks-piano-name{font-size:13px}.ks-piano-kbd{display:none}}:root[data-theme=light] .ks-piano-keys{background:linear-gradient(#3a3a42,#222228 14px,#222228)}.ks-ac-results{animation:ks-ac-enter .4s var(--ks-ac-out) backwards}.ks-ac-results-head{align-items:center;gap:10px;display:flex}.ks-ac-results-trophy{background:rgb(var(--ks-gold-hi-rgb) / .14);width:44px;height:44px;color:var(--ks-gold-hi);animation:ks-ac-trophy .6s var(--ks-ac-spring) .1s backwards;border-radius:14px;flex:none;place-items:center;display:grid}.ks-ac-results-trophy svg{width:24px;height:24px}@keyframes ks-ac-trophy{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}.ks-ac-results.is-win{border-color:rgb(var(--ks-gold-hi-rgb) / .45);background:radial-gradient(500px 220px at 50% -40px, rgb(var(--ks-gold-hi-rgb) / .14), transparent 70%), var(--ks-surface)}.ks-ac-results.is-win .ks-ac-results-trophy{background:var(--ks-gold-hi);color:#3a2a00;box-shadow:0 0 26px -2px rgb(var(--ks-gold-hi-rgb) / .7)}.ks-ac-results-grid>*{animation:ks-ac-enter .38s var(--ks-ac-out) backwards}.ks-ac-results-grid>:first-child{animation-delay:.1s}.ks-ac-results-grid>:nth-child(2){animation-delay:.18s}.ks-ac-results-grid>:nth-child(3){animation-delay:.26s}.ks-ac-results-grid>:nth-child(4){animation-delay:.34s}.ks-ac-stat{border:1px solid var(--ks-line);font-variant-numeric:tabular-nums}.ks-ac-xp{border-color:var(--ks-gold-line);background:linear-gradient(180deg, var(--ks-gold-soft), transparent), var(--ks-raised)}.ks-ac-results .ks-ac-stars svg{width:30px;height:30px}.ks-ac-results .ks-ac-stars svg.is-on{animation:ks-ac-star-in .55s var(--ks-ac-spring) backwards;animation-delay:calc(.3s + var(--i,0) * .22s);filter:drop-shadow(0 0 8px #ffcf5c99)}@keyframes ks-ac-star-in{0%{opacity:0;transform:scale(0)rotate(-90deg)}70%{opacity:1;transform:scale(1.3)rotate(8deg)}to{transform:scale(1)rotate(0)}}.ks-ac-banner{position:relative;overflow:hidden}.ks-ac-banner:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff47 50%,#0000 70%);animation:1.6s ease-out .5s ks-ac-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes ks-ac-shine{to{transform:translate(100%)}}.ks-ac-confetti i:nth-child(3n){border-radius:50%;width:6px;height:6px}.ks-ac-confetti i:nth-child(4n){width:10px;height:6px}@media (max-width:720px){.ks-ac-hero{grid-template-columns:minmax(0,1fr) auto;padding:14px 14px 14px 17px}.ks-ac-hero-teco{width:64px;height:64px;display:block}.ks-ac-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-ac-hero-stats>.ks-ac-level{grid-column:1/-1}.ks-ac-hero-stats>div{gap:10px;padding:10px 12px}.ks-ac-streak-flame,.ks-ac-reviews-icon{width:38px;height:38px}.ks-ac-hero-v{font-size:18px}.ks-ac-shell-head{flex-wrap:wrap}.ks-ac-hud{justify-content:flex-start;width:100%}.ks-ac-hud-score{margin-left:auto}}@media (max-width:400px){.ks-ac-hero-stats{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ks-ac-streak.is-today .ks-ac-streak-flame svg,.ks-ac-combo,.ks-ac-combo svg,.ks-ac-gain,.ks-ac-intro,.ks-ac-stage,.ks-ac-q-card,.ks-ac-q-card.is-right,.ks-ac-q-card.is-wrong,.ks-ac-q-card.is-playing,.ks-ac-choices.is-listening .ks-ac-choice,.ks-ac-choice,.ks-ac-choice.is-right,.ks-ac-choice.is-wrong,.ks-ac-choice-sign,.ks-ac-feedback,.ks-ac-next-row,.ks-ac-eq i,.ks-ac-timer.is-low,.ks-piano-key,.ks-piano-sign,.ks-ac-results,.ks-ac-results-trophy,.ks-ac-results-grid>*,.ks-ac-results .ks-ac-stars svg.is-on,.ks-ac-banner:after,.ks-ac-map .is-current .ks-ac-world-n,.ks-ac-lesson.is-next .ks-ac-glyph{animation:none!important}.ks-ac-gain{display:none}.ks-ac-cat:hover,.ks-ac-cat:hover .ks-ac-glyph,.ks-ac-tile:hover,a.ks-ac-world:hover .ks-ac-world-card,a.ks-ac-world:hover .ks-ac-world-n,.ks-ac-choice:hover:not(:disabled){transform:none}}.ks-dr-page{gap:12px;display:grid}.ks-dr-page>.ks-card h2.ks-h3{margin-bottom:10px}.ks-dr-step{padding-top:10px;padding-bottom:10px}.ks-dr-home .ks-ac-section-head{flex-wrap:wrap;gap:4px 10px}
.ks-sc-game{min-width:0}.ks-sc-row-notes,.ks-sc-play-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ks-sc-play-strip{grid-template-columns:repeat(15,minmax(0,1fr));gap:3px}.ks-sc-tile{border:1px solid var(--ks-line-strong);background:var(--ks-raised);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:clip;border-radius:10px;place-items:center;min-height:40px;padding:4px 2px;font-size:15px;font-weight:800;display:grid;overflow:hidden}.ks-sc-play-strip .ks-sc-tile{border-radius:8px;min-height:34px;font-size:12.5px}.ks-sc-tile.is-empty{color:var(--ks-muted);border-style:dashed}.ks-sc-tile.is-wrong{border:2px dashed var(--ks-ac-wrong);background:color-mix(in srgb, var(--ks-ac-wrong) 14%, var(--ks-surface))}.ks-sc-tile.is-done{border-color:var(--ks-ac-right);background:color-mix(in srgb, var(--ks-ac-right) 14%, var(--ks-surface))}.ks-sc-tile.is-current{border:2px solid var(--ks-gold);box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .2)}.ks-sc-tile.is-turn{margin-left:4px}.ks-sc-steps{margin:10px 0 0;font-size:14px}.ks-sc-steps-text{font-family:var(--ks-display);letter-spacing:.12em;color:var(--ks-gold-2);font-weight:800}.ks-sc-notes-big{font-family:var(--ks-display);letter-spacing:.02em;margin:10px 0 0;font-size:clamp(17px,3vw,22px);font-weight:800}.ks-sc-hinted{margin-top:4px;font-weight:500;display:block}.ks-sc-actions{justify-content:center;gap:8px;display:flex}.ks-sc-actions .ks-btn svg{width:16px;height:16px}.ks-sc-rule{text-align:center;margin:0}.ks-sc-builder{flex-direction:column;gap:14px;display:flex}.ks-sc-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ks-sc-slots li{min-width:0}.ks-sc-slot{border:2px dashed var(--ks-line-strong);background:var(--ks-surface);width:100%;min-height:62px;color:var(--ks-text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:14px 2px 6px;transition:border-color .15s,background .15s,transform 80ms;display:flex;position:relative}.ks-sc-slot:hover:not(:disabled){border-color:var(--ks-gold-line);background:var(--ks-hover)}.ks-sc-slot:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-sc-slot:disabled{cursor:default}.ks-sc-slot-n{color:var(--ks-subtle);font-size:10px;font-weight:700;position:absolute;top:3px;left:6px}.ks-sc-slot-note{font-family:var(--ks-display);white-space:nowrap;font-size:17px;font-weight:800;line-height:1}.ks-sc-slot-sign{font-size:12px;font-weight:900;position:absolute;top:2px;right:5px}.ks-sc-slot.is-fixed{border-style:solid;border-color:var(--ks-gold-line);background:var(--ks-gold-soft);color:var(--ks-gold-2);opacity:1}.ks-sc-slot.is-filled{border-style:solid;border-color:var(--ks-ac-right);background:color-mix(in srgb, var(--ks-ac-right) 14%, var(--ks-surface));opacity:1}.ks-sc-slot.is-filled .ks-sc-slot-sign{color:var(--ks-ac-right)}.ks-sc-slot.is-hint{border-color:var(--ks-gold-2);background:color-mix(in srgb, var(--ks-gold) 12%, var(--ks-surface))}.ks-sc-slot.is-active{border-style:solid;border-color:var(--ks-gold);box-shadow:0 0 0 4px rgb(var(--ks-gold-rgb) / .22);animation:1.4s ease-in-out infinite ks-sc-pulse}.ks-sc-slot.is-wrong{border-style:dashed;border-color:var(--ks-ac-wrong);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--ks-ac-wrong) 16%, var(--ks-surface)) 0 6px, var(--ks-surface) 6px 12px);animation:.32s ease-in-out ks-sc-shake}.ks-sc-slot.is-wrong .ks-sc-slot-note{text-decoration:line-through;text-decoration-thickness:2px}.ks-sc-slot.is-wrong .ks-sc-slot-sign{color:var(--ks-red-text)}.ks-sc-bank-wrap{flex-direction:column;gap:8px;display:flex}.ks-sc-bank-hint{text-align:center;margin:0}.ks-sc-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ks-sc-chip{border:2px solid var(--ks-line-strong);background:var(--ks-surface-2,var(--ks-raised));min-width:58px;min-height:48px;color:var(--ks-text);font-family:var(--ks-display);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;padding:0 14px;font-size:17px;font-weight:800;transition:transform 80ms,border-color .15s,background .15s,opacity .15s}.ks-sc-chip:hover:not(:disabled){border-color:var(--ks-gold-line);background:var(--ks-hover)}.ks-sc-chip:active:not(:disabled){cursor:grabbing;transform:scale(.96)}.ks-sc-chip:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-sc-chip.is-used{opacity:.3;cursor:default;text-decoration:line-through}.ks-sc-ghost{z-index:50;border:2px solid var(--ks-gold);background:var(--ks-surface);color:var(--ks-text);font-family:var(--ks-display);pointer-events:none;border-radius:12px;padding:8px 14px;font-size:17px;font-weight:800;position:fixed;transform:translate(-50%,-130%);box-shadow:0 8px 24px #00000073}.ks-sc-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.ks-sc-preview .ks-sc-row-notes{width:100%}.ks-sc-preview .ks-sc-tile{min-height:56px;font-size:18px;font-family:var(--ks-display)}.ks-sc-row-choices .ks-ac-choice{min-height:70px;font-family:var(--ks-display);padding:16px 4px 8px;font-size:18px}.ks-sc-row-choices .ks-ac-choice-sub{font-size:10.5px;position:absolute;top:5px;right:8px}.ks-sc-player{flex-direction:column;gap:10px;display:flex}.ks-sc-play-status{text-align:center;margin:0}.ks-sc-match{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ks-sc-col-title{color:var(--ks-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:12.5px;font-weight:700}.ks-sc-col{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ks-sc-card{border:2px solid var(--ks-line-strong);background:var(--ks-surface-2,var(--ks-raised));width:100%;min-height:58px;color:var(--ks-text);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;transition:border-color .15s,background .15s,transform 80ms;display:flex;position:relative}.ks-sc-card:hover:not(:disabled){border-color:var(--ks-gold-line);background:var(--ks-hover)}.ks-sc-card:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-sc-card-main{font-size:16px;font-weight:800}.ks-sc-card-sub{color:var(--ks-muted);font-size:12px}.ks-sc-card-sign{font-size:14px;font-weight:900;position:absolute;top:5px;right:9px}.ks-sc-card.is-selected{border-color:var(--ks-gold);background:var(--ks-gold-soft);box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .2)}.ks-sc-card.is-matched{border-color:var(--ks-ac-right);background:color-mix(in srgb, var(--ks-ac-right) 14%, var(--ks-surface));cursor:default;opacity:.85}.ks-sc-card.is-wrong{border-color:var(--ks-ac-wrong);border-style:dashed;animation:.32s ease-in-out ks-sc-shake}.ks-sc-tabs{background:var(--ks-raised);border-radius:12px;align-self:center;gap:4px;padding:4px;display:inline-flex}.ks-sc-tab{min-height:38px;color:var(--ks-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 18px;font-weight:700}.ks-sc-tab.is-on{background:var(--ks-surface);color:var(--ks-text);box-shadow:0 1px 0 var(--ks-line-strong)}.ks-sc-tab:focus-visible{outline:3px solid var(--ks-gold);outline-offset:1px}.ks-sc-explore-help{text-align:center;margin:0}.ks-sc-circle-layout{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ks-sc-circle-side{flex-direction:column;gap:10px;min-width:0;display:flex}.ks-sc-circle{-webkit-user-select:none;user-select:none;width:100%;max-width:400px;height:auto;margin:0 auto;display:block}.ks-sc-ring{fill:var(--ks-surface);stroke:var(--ks-line);stroke-width:1px}.ks-sc-ring-mid{fill:none;stroke:var(--ks-line);stroke-dasharray:3 5}.ks-sc-ring-core{fill:var(--ks-raised);stroke:var(--ks-line)}.ks-sc-ck{cursor:pointer;outline:none}.ks-sc-ck circle{fill:var(--ks-raised);stroke:var(--ks-line-strong);stroke-width:1.5px;transition:fill .15s,stroke .15s}.ks-sc-ck.is-in circle{fill:var(--ks-surface-2,var(--ks-surface))}.ks-sc-ck:hover circle{stroke:var(--ks-gold-line)}.ks-sc-ck:focus-visible circle{stroke:var(--ks-gold);stroke-width:3.5px}.ks-sc-ck text{fill:var(--ks-text);pointer-events:none}.ks-sc-ck-main{font-size:13px;font-weight:800}.ks-sc-ck.is-in .ks-sc-ck-main{font-size:11px;font-weight:700}.ks-sc-ck-sub{font-size:9px;fill:var(--ks-muted)!important}.ks-sc-ck-sig{fill:var(--ks-subtle);font-size:10.5px;font-weight:700}.ks-sc-ck-center{fill:var(--ks-gold-2);font-size:13px;font-weight:800}.ks-sc-ck.is-selected circle{fill:var(--ks-gold-soft);stroke:var(--ks-gold);stroke-width:3px}.ks-sc-ck.is-hidden circle{fill:#0000;stroke-dasharray:4 3}.ks-sc-ck.is-hidden{cursor:default}.ks-sc-ck.is-marked circle{stroke:var(--ks-gold);stroke-width:3.5px;stroke-dasharray:5 3;animation:1.4s ease-in-out infinite ks-sc-glow}.ks-sc-ck.is-marked .ks-sc-ck-main{fill:var(--ks-gold-2);font-size:16px}.ks-sc-info{flex-direction:column;gap:10px;min-width:0;display:flex}.ks-sc-info-title{font-family:var(--ks-display);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.ks-sc-pill{background:var(--ks-gold-soft);border:1px solid var(--ks-gold-line);color:var(--ks-gold-2);border-radius:99px;padding:3px 10px;font-size:13px;font-weight:800}.ks-sc-info-sub{color:var(--ks-muted);text-transform:uppercase;letter-spacing:.05em;margin:4px 0 0;font-size:13px}.ks-sc-dl{flex-direction:column;gap:8px;margin:0;display:flex}.ks-sc-dl>div{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;display:grid}.ks-sc-dl dt{color:var(--ks-muted);font-size:12.5px;font-weight:700}.ks-sc-dl dd{min-width:0;margin:0;font-weight:700}.ks-sc-dl .ks-sc-tile{min-height:32px;font-size:13px}.ks-sc-triads{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.ks-sc-triads li{background:var(--ks-raised);white-space:nowrap;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:12.5px;display:flex}.ks-sc-triads b{color:var(--ks-gold-2);font-family:var(--ks-display)}.ks-sc-progs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ks-sc-progs li{border:1px solid var(--ks-line);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 10px;display:flex}.ks-sc-progs li>:first-child{flex-basis:100%}.ks-sc-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ks-sc-phase{border:1px solid var(--ks-line);background:var(--ks-surface);min-height:38px;color:var(--ks-muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:13.5px;font-weight:700;display:flex}.ks-sc-phase.is-current{border:2px solid var(--ks-gold);color:var(--ks-text)}.ks-sc-phase.is-right{border-color:var(--ks-ac-right);color:var(--ks-ac-right)}.ks-sc-phase.is-wrong{border-color:var(--ks-ac-wrong);color:var(--ks-red-text);border-style:dashed}.ks-sc-race-time{min-width:64px}@keyframes ks-sc-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes ks-sc-pulse{0%,to{box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .18)}50%{box-shadow:0 0 0 6px rgb(var(--ks-gold-rgb) / .28)}}@keyframes ks-sc-glow{0%,to{stroke-opacity:1}50%{stroke-opacity:.45}}@media (max-width:720px){.ks-sc-circle-layout{grid-template-columns:minmax(0,1fr)}.ks-sc-row-choices .ks-ac-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.ks-sc-row-choices .ks-ac-choice{min-height:60px;font-size:16px}.ks-sc-slots,.ks-sc-row-notes{gap:4px}.ks-sc-slot{border-radius:10px;min-height:56px;padding:13px 0 5px}.ks-sc-slot-note{font-size:13.5px}.ks-sc-slot-n{font-size:9px;left:4px}.ks-sc-tile{font-size:13px}.ks-sc-play-strip{grid-template-columns:repeat(8,minmax(0,1fr))}.ks-sc-tile.is-turn{margin-left:0}.ks-sc-chip{min-width:54px;padding:0 10px;font-size:16px}.ks-sc-triads{grid-template-columns:repeat(4,minmax(0,1fr))}.ks-sc-dl>div{grid-template-columns:78px minmax(0,1fr)}.ks-sc-match{gap:8px}.ks-sc-card{min-height:54px;padding:8px 6px}.ks-sc-card-main{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.ks-sc-slot.is-active,.ks-sc-slot.is-wrong,.ks-sc-card.is-wrong,.ks-sc-ck.is-marked circle{animation:none}.ks-sc-slot,.ks-sc-chip,.ks-sc-card,.ks-sc-ck circle{transition:none}}
.ks-ar-panel{flex-direction:column;gap:12px;display:flex}.ks-ar-title{font-family:var(--ks-display);margin:0;font-size:clamp(19px,3vw,24px);line-height:1.2}.ks-ar-text{margin:0;line-height:1.5}.ks-ar-center{text-align:center}.ks-ar-big{align-self:flex-start;min-height:50px;padding:0 26px;font-size:16px}.ks-ar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ks-ar-hud-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ks-ar-chip{background:var(--ks-raised);border:1px solid var(--ks-line);border-radius:10px;align-items:baseline;gap:6px;max-width:100%;padding:6px 10px;font-size:13px;display:inline-flex}.ks-ar-chip-label{color:var(--ks-muted);font-weight:600}.ks-ar-chip b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:800}.ks-ar-chip.is-good{border-color:color-mix(in srgb, var(--ks-ok) 50%, transparent)}.ks-ar-chip.is-good b:before{content:"✓ ";color:var(--ks-ok)}.ks-ar-chip.is-warn{border-style:dashed;border-color:color-mix(in srgb, var(--ks-red) 55%, transparent)}.ks-ar-lives{color:var(--ks-subtle);gap:2px;font-size:18px;line-height:1;display:inline-flex}.ks-ar-lives .is-on{color:var(--ks-red)}.ks-ar-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.ks-ar-hint{margin:0}.ks-ar-summary{animation:.35s ease-out ks-ar-rise}.ks-ar-segment{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.ks-ar-segment legend{width:100%;margin-bottom:4px}.ks-ar-seg{border:2px solid var(--ks-line-strong);background:var(--ks-raised);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:64px;min-height:40px;padding:0 12px;font-weight:750;display:inline-flex;position:relative}.ks-ar-seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.ks-ar-seg.is-on{border-color:var(--ks-gold);background:var(--ks-gold-soft);color:var(--ks-gold-2)}.ks-ar-seg.is-on:before{content:"● ";margin-right:2px;font-size:10px}.ks-ar-seg:focus-within{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ar-check{align-items:center;gap:8px;font-weight:600;display:inline-flex}.ks-ar-check input{width:20px;height:20px;accent-color:var(--ks-gold)}@keyframes ks-ar-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ks-ar-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.ks-ar-rhythm{width:100%;max-width:560px;height:auto;color:var(--ks-text);margin:0 auto;display:block;overflow:visible}.ks-ar-rhythm.is-compact{max-width:360px}.ks-ar-rhythm-line,.ks-ar-rhythm-bar{stroke:var(--ks-muted);stroke-width:1.4px}.ks-ar-rhythm-bar{stroke-width:1.8px}.ks-ar-rhythm-count{fill:var(--ks-subtle);text-anchor:middle;font-size:11px;font-weight:700}.ks-ar-rhythm-note{fill:currentColor;stroke:currentColor;transition:color .12s}.ks-ar-rhythm-note ellipse{stroke-width:1.2px}.ks-ar-rhythm-note ellipse.is-hollow{fill:var(--ks-surface);stroke-width:2px}.ks-ar-rhythm-stem{stroke-width:1.6px}.ks-ar-rhythm-flag{fill:currentColor;stroke:none}.ks-ar-rhythm-rest{fill:none;stroke:var(--ks-text);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ks-ar-rhythm-rest circle{fill:var(--ks-text);stroke:none}.ks-ar-rhythm-note.is-active{color:var(--ks-gold-2)}.ks-ar-rhythm-note.is-active ellipse{transform-box:fill-box}.ks-ar-rhythm-note.is-perfect,.ks-ar-rhythm-note.is-good{color:var(--ks-ok)}.ks-ar-rhythm-note.is-ok{color:#f5a524}.ks-ar-rhythm-note.is-miss{color:var(--ks-red-text)}.ks-ar-rhythm-mark{stroke:none;font-size:13px;font-weight:900}.ks-ar-syllables{text-align:center;letter-spacing:.02em;margin:0;font-weight:700}.ks-ar-staff{width:100%;max-width:132px;height:auto;color:var(--ks-text);display:block}.ks-ar-staff-line{stroke:currentColor;stroke-width:1.1px;opacity:.8}.ks-ar-staff-clef{fill:currentColor}.ks-ar-staff-acc{fill:currentColor;font-size:15px;font-weight:700}.ks-ar-staff-note ellipse{fill:currentColor}.ks-ar-staff-stem{stroke:currentColor;stroke-width:1.4px}.ks-ar-minikeys{width:100%;max-width:86px;height:auto;display:block}.ks-ar-mk-white{fill:#f4f4f6;stroke:#9a9aa4;stroke-width:.7px}.ks-ar-mk-black{fill:#17171b}.ks-ar-mk-white.is-lit{fill:#ffd25e}.ks-ar-mk-black.is-lit{fill:var(--ks-gold)}.ks-ar-mk-dot{fill:#111}.ks-ar-mk-black.is-lit+.ks-ar-mk-dot{fill:#fff}.ks-ar-symbol{font-size:40px;line-height:1}.ks-ar-symbol.is-dynamic{font-family:Georgia,Times New Roman,serif;font-size:42px;font-style:italic;font-weight:800}.ks-ar-symbol-svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:52px;height:42px;overflow:visible}.ks-ar-symbol-svg .is-fill{fill:currentColor;stroke:none}.ks-ar-hero{flex-direction:column;gap:12px;display:flex}.ks-ar-hero-board{-webkit-overflow-scrolling:touch;border-radius:var(--ks-radius-lg);width:100%;overflow-x:auto}.ks-ar-hero-inner{min-width:max(100%, calc(var(--whites,8) * 34px))}.ks-ar-hero-inner .ks-piano{padding-bottom:0;overflow:visible}.ks-ar-hero-lane{background:linear-gradient(180deg, color-mix(in srgb, var(--ks-surface) 70%, #000) 0%, var(--ks-surface) 100%);border:1px solid var(--ks-line);border-bottom:0;border-radius:14px 14px 0 0;height:clamp(230px,46vh,380px);position:relative;overflow:hidden}.ks-ar-hero-grid{background:var(--ks-line);width:1px;position:absolute;top:0;bottom:0}.ks-ar-hero-note{background:linear-gradient(180deg, color-mix(in srgb, var(--ks-gold-2) 70%, #fff), var(--ks-gold));box-shadow:0 0 0 2px #00000040 inset, 0 4px 14px rgb(var(--ks-gold-rgb) / .35);color:#fff;will-change:transform;z-index:1;box-sizing:border-box;border:2px solid #ffffff8c;border-radius:8px;justify-content:center;align-items:flex-end;padding:0 0 4px;font-size:12px;font-weight:800;display:flex;position:absolute;top:0}.ks-ar-hero-note.is-black{color:#052534;background:linear-gradient(#9fe0fb,#3aa7d6)}.ks-ar-hero-note span{pointer-events:none;text-shadow:0 1px 2px #00000059}.ks-ar-hero-note.is-perfect,.ks-ar-hero-note.is-good,.ks-ar-hero-note.is-ok{background:var(--ks-ok);color:#052a18;opacity:0;transition:opacity .25s ease-out 50ms}.ks-ar-hero-note.is-perfect:after,.ks-ar-hero-note.is-good:after,.ks-ar-hero-note.is-ok:after{content:"✓";font-weight:900;position:absolute;top:2px}.ks-ar-hero-note.is-miss,.ks-ar-hero-note.is-wrong{background:repeating-linear-gradient(135deg, var(--ks-raised) 0 6px, transparent 6px 12px);color:var(--ks-red-text);border-style:dashed;border-color:var(--ks-red);box-shadow:none}.ks-ar-hero-note.is-miss:after,.ks-ar-hero-note.is-wrong:after{content:"✗";font-weight:900;position:absolute;top:2px}.ks-ar-hero-line{background:linear-gradient(90deg, transparent, var(--ks-gold-2), transparent);height:4px;box-shadow:0 0 16px rgb(var(--ks-gold-rgb) / .6);z-index:2;position:absolute;bottom:0;left:0;right:0}.ks-ar-hero-flash{color:#fff;font-family:var(--ks-display);z-index:3;pointer-events:none;white-space:nowrap;background:#0000008c;border-radius:99px;padding:4px 12px;font-size:18px;font-weight:800;animation:.7s ease-out forwards ks-ar-flash;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ks-ar-hero-flash.is-perfect{color:#9ff5c9}.ks-ar-hero-flash.is-miss,.ks-ar-hero-flash.is-wrong{color:#ffb3b6}@keyframes ks-ar-flash{0%{opacity:0;transform:translate(-50%,6px)scale(.85)}25%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-14px)scale(1)}}.ks-ar-simon{flex-direction:column;gap:12px;display:flex}.ks-ar-simon-status{border-radius:var(--ks-radius-lg);border:2px solid var(--ks-line);background:var(--ks-surface);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:17px;transition:border-color .2s;display:flex}.ks-ar-simon-status.is-repeat{border-color:var(--ks-gold)}.ks-ar-simon-status.is-right{border-color:var(--ks-ok)}.ks-ar-simon-status.is-slip,.ks-ar-simon-status.is-over{border-color:var(--ks-red);border-style:dashed}.ks-ar-simon-dots{flex-wrap:wrap;justify-content:center;gap:6px;min-height:12px;display:flex}.ks-ar-simon-dots i{border:2px solid var(--ks-line-strong);border-radius:50%;width:12px;height:12px}.ks-ar-simon-dots i.is-done{background:var(--ks-ok);border-color:var(--ks-ok)}.ks-ar-invaders{flex-direction:column;gap:12px;display:flex}.ks-ar-invaders-field{border-radius:var(--ks-radius-lg);border:1px solid var(--ks-line);background:radial-gradient(120% 90% at 50% 0%, rgb(var(--ks-gold-rgb) / .12), transparent 60%), linear-gradient(180deg, #0b0b12, #14141c);height:clamp(280px,50vh,420px);position:relative;overflow:hidden}.ks-ar-stars{background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8,#0000),radial-gradient(1px 1px at 72% 34%,#fff6,#0000),radial-gradient(1.5px 1.5px at 40% 66%,#fff5,#0000),radial-gradient(1px 1px at 88% 80%,#fff7,#0000),radial-gradient(1px 1px at 25% 88%,#fff5,#0000);animation:4s ease-in-out infinite alternate ks-ar-twinkle;position:absolute;inset:0}@keyframes ks-ar-twinkle{to{opacity:.5}}.ks-ar-ship{color:#15151b;will-change:transform;background:#f4f4f6;border:2px solid #c9c9d2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:min(132px,30%);min-height:74px;padding:6px;display:flex;position:absolute;top:0;box-shadow:0 6px 20px #00000073}.ks-ar-ship .ks-ar-staff{color:#15151b}.ks-ar-ship.is-target{border-color:var(--ks-gold);box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .45), 0 6px 20px #00000073}.ks-ar-ship.is-hit-wrong{animation:.3s ks-ar-shake}.ks-ar-ship-name{font-family:var(--ks-display);font-size:28px;line-height:1}.ks-ar-ship-x{color:#c4161e;font-weight:900;position:absolute;top:4px;right:8px}.ks-ar-reticle{border:2px dashed var(--ks-gold-2);pointer-events:none;border-radius:18px;animation:6s linear infinite ks-ar-spin;position:absolute;inset:-8px}.ks-ar-reticle:before{content:"▼";color:var(--ks-gold-2);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@keyframes ks-ar-spin{to{transform:rotate(360deg)}}@keyframes ks-ar-shake{25%{translate:-5px}50%{translate:5px}75%{translate:-3px}}.ks-ar-ground{background:repeating-linear-gradient(90deg, var(--ks-gold) 0 14px, transparent 14px 22px);opacity:.7;height:8px;position:absolute;bottom:0;left:0;right:0}.ks-ar-boom{color:#ffe08a;font-family:var(--ks-display);pointer-events:none;font-size:22px;font-weight:800;animation:.6s ease-out forwards ks-ar-boom;position:absolute;top:40%}@keyframes ks-ar-boom{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)translateY(-20px)}}.ks-ar-overlay{text-align:center;color:#fff;z-index:4;background:#08080cd1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;animation:.3s ease-out ks-ar-rise;display:flex;position:absolute;inset:0}.ks-ar-overlay b{font-family:var(--ks-display);font-size:24px}.ks-ar-letters{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.ks-ar-letter{border:2px solid var(--ks-line-strong);background:var(--ks-raised);min-height:56px;color:var(--ks-text);border-radius:12px;padding:0 2px;font-size:15px;font-weight:800;position:relative}.ks-ar-letter:active:not(:disabled){transform:scale(.96)}.ks-ar-letter:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ar-letter-n{color:var(--ks-subtle);font-size:10px;position:absolute;top:3px;left:6px}.ks-ar-memory-wrap{flex-direction:column;gap:10px;display:flex}.ks-ar-reshuffle{align-self:flex-end}.ks-ar-memory{flex-direction:column;gap:12px;display:flex}.ks-ar-cards{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));perspective:900px;gap:8px;display:grid}.ks-ar-card{aspect-ratio:3/3.6;min-height:84px;color:var(--ks-text);cursor:pointer;background:0 0;border:0;border-radius:14px;padding:0;position:relative}.ks-ar-card:focus-visible{outline:3px solid var(--ks-gold);outline-offset:3px}.ks-ar-card:disabled{cursor:default}.ks-ar-card-inner{transform-style:preserve-3d;transition:transform .38s cubic-bezier(.3,.7,.3,1.2);position:absolute;inset:0}.ks-ar-card.is-up .ks-ar-card-inner{transform:rotateY(180deg)}.ks-ar-card-back,.ks-ar-card-front{backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;inset:0;overflow:hidden}.ks-ar-card-back{background:repeating-linear-gradient(45deg, rgb(var(--ks-gold-rgb) / .18) 0 8px, transparent 8px 16px), var(--ks-raised);border:2px solid var(--ks-gold-line)}.ks-ar-card-back span{color:var(--ks-gold-2);opacity:.8;font-size:26px}.ks-ar-card-front{background:var(--ks-surface);border:2px solid var(--ks-line-strong);text-align:center;transform:rotateY(180deg)}.ks-ar-card.is-matched .ks-ar-card-front{border-color:var(--ks-ok);background:color-mix(in srgb, var(--ks-ok) 10%, var(--ks-surface))}.ks-ar-card.is-matched .ks-ar-card-inner{animation:.45s ease-out ks-ar-matched}.ks-ar-card.is-miss .ks-ar-card-front{border-color:var(--ks-red);border-style:dashed}.ks-ar-card-check{color:var(--ks-ok);font-weight:900;position:absolute;top:4px;right:7px}@keyframes ks-ar-matched{50%{scale:1.06}}.ks-ar-cards.is-static .ks-ar-card-inner{transition:none;transform:none!important}.ks-ar-cards.is-static .ks-ar-card-back,.ks-ar-cards.is-static .ks-ar-card-front{backface-visibility:visible;transform:none}.ks-ar-cards.is-static .ks-ar-card.is-up .ks-ar-card-back,.ks-ar-cards.is-static .ks-ar-card:not(.is-up) .ks-ar-card-front{display:none}.ks-ar-face-text{font-family:var(--ks-display);overflow-wrap:anywhere;font-size:clamp(16px,4.2vw,22px);font-weight:800;line-height:1.1}.ks-ar-face-text.is-long{font-size:clamp(12px,3vw,16px)}.ks-ar-face-notes{font-size:clamp(12px,3.2vw,15px);font-weight:800;line-height:1.2}.ks-ar-face-meaning{font-size:clamp(11px,2.9vw,13px);font-weight:600;line-height:1.25}.ks-ar-face-sig{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.ks-ar-face-sig .ks-ar-staff{max-width:100%}.ks-ar-face-sig small{font-weight:800}.ks-ar-face-symbol{place-items:center;display:grid}.ks-ar-face-sound{color:var(--ks-gold-2);flex-direction:column;align-items:center;gap:4px;display:flex}.ks-ar-face-sound svg{width:26px;height:26px}.ks-ar-face-sound small{color:var(--ks-text);font-size:12px;font-weight:700;line-height:1.2}.ks-ar-lastmatch{min-height:1.3em;color:var(--ks-muted);text-align:center;margin:0}.ks-ar-recall{flex-direction:column;gap:12px;display:flex}.ks-ar-recall-card{border-radius:var(--ks-radius-lg);border:2px solid var(--ks-line);background:var(--ks-surface);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:17px;display:flex}.ks-ar-recall-card.is-recall{border-color:var(--ks-gold)}.ks-ar-recall-card.is-right{border-color:var(--ks-ok)}.ks-ar-recall-card.is-wrong{border-color:var(--ks-red);border-style:dashed}.ks-ar-degrees{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.ks-ar-degrees span{background:var(--ks-gold-soft);border:1px solid var(--ks-gold-line);min-width:44px;height:44px;color:var(--ks-gold-2);font-family:var(--ks-display);border-radius:12px;place-items:center;font-size:22px;font-weight:800;animation:.35s ease-out both ks-ar-pop;display:grid}.ks-ar-degrees span:nth-child(2){animation-delay:80ms}.ks-ar-degrees span:nth-child(3){animation-delay:.16s}.ks-ar-degrees span:nth-child(4){animation-delay:.24s}.ks-ar-degrees span:nth-child(5){animation-delay:.32s}.ks-ar-countdown{background:var(--ks-raised);border-radius:99px;width:min(260px,80%);height:6px;overflow:hidden}.ks-ar-countdown i{background:linear-gradient(90deg, var(--ks-gold), var(--ks-gold-2));transform-origin:0;width:100%;height:100%;animation:linear forwards ks-ar-countdown;display:block}@keyframes ks-ar-countdown{to{transform:scaleX(0)}}.ks-ar-slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ks-ar-slots i{border:2px dashed var(--ks-line-strong);border-radius:9px;place-items:center;min-width:38px;height:34px;padding:0 6px;font-size:13px;font-style:normal;font-weight:800;display:grid}.ks-ar-slots i.is-done{border-style:solid;border-color:var(--ks-ok)}.ks-ar-answer{font-weight:800}.ks-ar-puzzle{flex-direction:column;gap:14px;display:flex;position:relative}.ks-ar-slots-row{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ks-ar-slots-row.is-chords{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.ks-ar-slots-row li{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.ks-ar-slot-label{color:var(--ks-muted);font-size:12px;font-weight:800}.ks-ar-slot{border:2px dashed var(--ks-line-strong);background:var(--ks-surface);width:100%;min-height:52px;color:var(--ks-text);touch-action:none;border-radius:12px;font-size:16px;font-weight:800;position:relative}.ks-ar-slot.is-filled{border-style:solid;border-color:var(--ks-gold-line);background:var(--ks-raised);cursor:grab}.ks-ar-slot.is-target{border-color:var(--ks-gold);box-shadow:0 0 0 3px rgb(var(--ks-gold-rgb) / .25)}.ks-ar-slot.is-right{border-color:var(--ks-ok)}.ks-ar-slot.is-wrong{border-color:var(--ks-red);background:color-mix(in srgb, var(--ks-red) 10%, var(--ks-surface));border-style:dashed}.ks-ar-slot:focus-visible,.ks-ar-tile:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ar-slot-sign{font-size:11px;position:absolute;top:2px;right:5px}.ks-ar-slot-fix{color:var(--ks-ok);font-size:12px;font-weight:800}.ks-ar-tray{border-radius:var(--ks-radius-lg);background:var(--ks-raised);border:1px solid var(--ks-line);flex-wrap:wrap;justify-content:center;gap:8px;min-height:64px;padding:12px;display:flex}.ks-ar-tile{border:2px solid var(--ks-gold-line);background:var(--ks-surface);min-width:56px;min-height:48px;color:var(--ks-text);cursor:grab;touch-action:none;border-radius:12px;padding:0 12px;font-size:16px;font-weight:800;transition:transform 80ms;box-shadow:0 3px #00000040}.ks-ar-tile:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000040}.ks-ar-tile.is-dragging{opacity:.35}.ks-ar-ghost{z-index:50;border:2px solid var(--ks-gold);background:var(--ks-surface);min-width:56px;color:var(--ks-text);pointer-events:none;text-align:center;border-radius:12px;padding:12px 14px;font-weight:800;position:fixed;top:0;left:0;box-shadow:0 10px 24px #00000073}.ks-ar-bingo{flex-direction:column;gap:12px;display:flex;position:relative}.ks-ar-bingo-call{border-radius:var(--ks-radius-lg);background:var(--ks-surface);border:2px solid var(--ks-line);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px;font-size:17px;display:flex}.ks-ar-bingo-call .ks-ac-sound-row{margin-top:6px}.ks-ar-bingo-grid{flex-direction:column;gap:8px;width:100%;max-width:520px;margin:0 auto;display:flex}.ks-ar-bingo-row{grid-template-columns:repeat(var(--size,3), minmax(0, 1fr));gap:8px;display:grid}.ks-ar-bingo-cellwrap{min-width:0}.ks-ar-bingo-cell{aspect-ratio:1;border:2px solid var(--ks-line-strong);background:var(--ks-raised);width:100%;color:var(--ks-text);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:transform .1s,border-color .15s,background .15s;display:flex;position:relative}.ks-ar-bingo-cell b{font-family:var(--ks-display);font-size:clamp(18px,5vw,26px);line-height:1}.ks-ar-bingo-cell small{color:var(--ks-muted);overflow-wrap:anywhere;font-size:clamp(9.5px,2.4vw,12px);line-height:1.15}.ks-ar-bingo-cell:hover:not(:disabled){border-color:var(--ks-gold-line)}.ks-ar-bingo-cell:active:not(:disabled){transform:scale(.96)}.ks-ar-bingo-cell:focus-visible{outline:3px solid var(--ks-gold);outline-offset:2px}.ks-ar-bingo-cell:disabled{cursor:default}.ks-ar-bingo-cell.is-marked{background:var(--ks-gold-soft);border-color:var(--ks-gold)}.ks-ar-bingo-cell.is-line{background:color-mix(in srgb, var(--ks-ok) 22%, var(--ks-surface));border-color:var(--ks-ok)}.ks-ar-bingo-cell.is-flash-ok{animation:.35s ease-out ks-ar-pop}.ks-ar-bingo-cell.is-flash-bad{border-color:var(--ks-red);border-style:dashed;animation:.3s ks-ar-shake}.ks-ar-bingo-cell.is-reveal{border-color:var(--ks-gold-2);box-shadow:0 0 0 4px rgb(var(--ks-gold-rgb) / .3);border-style:dotted}.ks-ar-bingo-chip{color:var(--ks-gold-2);font-size:15px;position:absolute;top:4px;right:7px}.ks-ar-bingo-x{color:var(--ks-red-text);font-weight:900;position:absolute;top:4px;right:7px}.ks-ar-rhythm-game,.ks-ar-beat{flex-direction:column;gap:12px;display:flex}.ks-ar-rhythm-card{border-radius:var(--ks-radius-lg);border:1px solid var(--ks-line);background:var(--ks-surface);flex-direction:column;gap:8px;padding:14px;display:flex}.ks-ar-rhythm-setup{justify-content:flex-start}.ks-ar-pad{border:3px solid var(--ks-line-strong);background:radial-gradient(circle at 50% 40%, rgb(var(--ks-gold-rgb) / .18), transparent 65%), var(--ks-raised);width:100%;min-height:clamp(170px,34vh,260px);color:var(--ks-text);font-family:var(--ks-display);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:22px;place-items:center;font-size:22px;font-weight:800;display:grid;position:relative;overflow:hidden}.ks-ar-pad.is-active{border-color:var(--ks-gold)}.ks-ar-pad:active{background:radial-gradient(circle at 50% 40%, rgb(var(--ks-gold-rgb) / .32), transparent 65%), var(--ks-raised)}.ks-ar-pad:focus-visible{outline:3px solid var(--ks-gold);outline-offset:3px}.ks-ar-pad-content{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.ks-ar-pad-content span{flex-direction:column;align-items:center;gap:4px;display:flex}.ks-ar-pad small{color:var(--ks-muted);font-family:inherit;font-size:13px;font-weight:600}.ks-ar-pad-ripple{border:3px solid var(--ks-gold-2);pointer-events:none;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.45s ease-out forwards ks-ar-ripple;position:absolute;top:50%;left:50%}@keyframes ks-ar-ripple{to{opacity:0;transform:scale(7)}}.ks-ar-count{font-variant-numeric:tabular-nums;font-size:64px;line-height:1}.ks-ar-strip,.ks-ar-timeline{width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.ks-ar-strip-ok{fill:#f5a52424}.ks-ar-strip-good{fill:#3ddc9724}.ks-ar-strip-perfect{fill:#3ddc9747}.ks-ar-strip-mid{stroke:var(--ks-muted);stroke-width:1.4px}.ks-ar-strip-dot{fill:var(--ks-text);stroke:var(--ks-surface);stroke-width:1.5px}.ks-ar-strip-mean{fill:var(--ks-gold-2)}.ks-ar-strip-text{fill:var(--ks-muted);font-size:11px;font-weight:700}.ks-ar-tl-model{fill:var(--ks-gold-2)}.ks-ar-tl-you{fill:var(--ks-text)}.ks-ar-beat-lights{border-radius:var(--ks-radius-lg);background:var(--ks-surface);border:1px solid var(--ks-line);flex-wrap:wrap;justify-content:center;gap:10px;padding:14px;display:flex}.ks-ar-beat-lights i{border:3px solid var(--ks-line-strong);border-radius:50%;width:22px;height:22px;transition:transform 80ms,background 80ms}.ks-ar-beat-lights i.is-lit{background:var(--ks-gold-2);border-color:var(--ks-gold-2);transform:scale(1.25)}.ks-ar-beat-lights i.is-done{background:var(--ks-ok);border-color:var(--ks-ok)}@media (max-width:520px){.ks-ar-letters{gap:4px}.ks-ar-letter{min-height:52px;font-size:13px}.ks-ar-cards{gap:6px}.ks-ar-card{min-height:76px}.ks-ar-bingo-row,.ks-ar-bingo-grid{gap:6px}.ks-ar-pad{font-size:20px}.ks-ar-hud-row{gap:6px}.ks-ar-chip{padding:5px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ks-ar-summary,.ks-ar-overlay,.ks-ar-degrees span,.ks-ar-stars,.ks-ar-reticle,.ks-ar-ship.is-hit-wrong,.ks-ar-boom,.ks-ar-hero-flash,.ks-ar-pad-ripple,.ks-ar-card.is-matched .ks-ar-card-inner,.ks-ar-bingo-cell.is-flash-ok,.ks-ar-bingo-cell.is-flash-bad{animation:none}.ks-ar-hero-flash{transform:translate(-50%)}.ks-ar-boom{opacity:0}.ks-ar-card-inner,.ks-ar-hero-note,.ks-ar-beat-lights i,.ks-ar-rhythm-note,.ks-ar-tile{transition:none}.ks-ar-countdown i{animation:none;transform:scaleX(.5)}}