.skt-screen{display:flex;flex-direction:column;gap:16px;min-height:100dvh;max-width:1040px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(clamp(16px,3.6vmin,28px),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(clamp(16px,3.6vmin,28px),env(safe-area-inset-left))}.skt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.skg-rbtn{text-decoration:none}.skt-title{flex:1;min-width:0;margin:0;color:var(--sk-ink);font:600 clamp(1.5rem,4.4vmin,2.25rem)/1.1 var(--sk-font-display);letter-spacing:normal}.skt-main{display:flex;flex-direction:column;flex:1;min-height:0}.skt-heading{margin:0 0 12px;color:var(--sk-ink);font:600 clamp(1.375rem,3.6vmin,1.875rem)/1.2 var(--sk-font-display);letter-spacing:normal}.skt-chips{display:flex;flex-wrap:wrap;gap:8px}.skt-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:56px;padding:0 18px;border:2.5px solid var(--sk-ink);border-radius:14px;background:#fff;color:var(--sk-ink);font:600 1.25rem/1 var(--sk-font-display);box-shadow:0 3px 0 var(--sk-press-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.skt-chip[aria-pressed=true]{background:var(--sk-sun)}.skt-chip:active{transform:translateY(3px);box-shadow:none}.skt-chips--wide .skt-chip{min-height:56px;font-size:1.25rem}.skt-setup{display:flex;flex-direction:column;gap:20px;flex:1}.skt-setup>.skg-band{margin-top:auto}.skt-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}@media (min-width:600px){.skt-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.skt-presets{grid-template-columns:1fr}}.skt-preset,.skt-presets>li{display:flex}.skt-preset{flex-direction:column;justify-content:flex-start;gap:6px;width:100%;height:100%;min-height:112px;padding:16px 20px;border:3px solid var(--sk-ink);border-radius:24px;background:#fff;color:var(--sk-ink);text-align:left;box-shadow:0 5px 0 var(--sk-press-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.skt-preset:active{transform:translateY(4px);box-shadow:0 1px 0 var(--sk-press-ink)}.skt-preset__title{font:600 clamp(1.375rem,3.6vmin,1.75rem)/1.15 var(--sk-font-display)}.skt-preset__detail{color:var(--sk-muted);font:400 1.25rem/1.2 var(--sk-font-body)}.skt-preset__seq{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--sk-ink);font:600 1.25rem/1 var(--sk-font-display);font-variant-numeric:tabular-nums}.skt-preset__n{min-width:2.2em;padding:6px;border:2px solid var(--sk-line-strong);border-radius:10px;background:var(--sk-sun-soft);text-align:center}.skt-preset__more{color:var(--sk-muted)}.skt-own{display:flex;flex-direction:column;gap:12px;padding:16px;border:2px dashed var(--sk-line-strong);border-radius:20px}.skt-own__title{margin:0;color:var(--sk-muted);font:600 1.25rem/1.2 var(--sk-font-display);letter-spacing:normal}.skt-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.skt-stepper__n{min-width:4ch;text-align:center;color:var(--sk-ink);font:600 2rem/1 var(--sk-font-display);font-variant-numeric:tabular-nums}.skt-go{min-height:56px;margin-left:auto;font-size:1.375rem}.skt-play{display:flex;flex-direction:column;gap:16px;flex:1}.skt-play__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.skt-play__label{color:var(--sk-ink);font:600 clamp(1.25rem,3.4vmin,1.625rem)/1.2 var(--sk-font-display)}.skt-play__actions{display:flex;gap:8px}.skt-cards{flex-wrap:wrap;align-items:stretch;gap:clamp(16px,4vmin,40px);padding:clamp(8px,2vmin,24px) 0}.skt-cards,.skt-end,.skt-now{display:flex;justify-content:center}.skt-end,.skt-now{flex-direction:column;align-items:center;gap:8px;min-width:clamp(160px,34vmin,300px);min-height:clamp(180px,32vmin,300px);padding:20px;border-radius:28px;text-align:center}.skt-now__n{color:var(--sk-ink);font:600 clamp(4rem,14vmin,10rem)/1 var(--sk-font-display);font-variant-numeric:tabular-nums}.skt-now__w{color:var(--sk-ink);font:400 clamp(1.25rem,3.4vmin,1.75rem)/1.2 var(--sk-font-body)}.skt-end{color:var(--sk-ink);font:600 clamp(1.5rem,4vmin,2.25rem)/1.2 var(--sk-font-display)}.skt-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:clamp(160px,34vmin,300px);min-height:clamp(180px,32vmin,300px);padding:20px;border:4px solid var(--sk-ink);border-radius:28px;background:var(--sk-sun);color:var(--sk-ink);box-shadow:0 6px 0 var(--sk-press-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.skt-cover:active{transform:translateY(4px);box-shadow:0 2px 0 var(--sk-press-ink)}.skt-cover[data-flipped]{background:#fff;animation:skt-flip .26s var(--sk-ease,cubic-bezier(.22,1,.36,1))}.skt-cover__n,.skt-cover__q{font:600 clamp(4rem,14vmin,10rem)/1 var(--sk-font-display)}.skt-cover__n{font-variant-numeric:tabular-nums}.skt-cover__w{font:400 clamp(1.25rem,3.4vmin,1.75rem)/1.2 var(--sk-font-body)}.skt-trail{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.skt-trail li{min-width:52px;padding:8px 12px;border:2px solid var(--sk-line-strong);border-radius:12px;background:var(--sk-ground);color:var(--sk-ink);font:600 1.25rem/1 var(--sk-font-display);text-align:center;font-variant-numeric:tabular-nums}.skt-next[aria-disabled=true]{opacity:.45;box-shadow:none;cursor:default}.skt-play>.skg-band{margin-top:auto}.skt-words{display:flex;flex-direction:column;gap:16px}.study-kid .skt-words__hint{margin:0;color:var(--sk-muted);font:400 1.25rem/1.4 var(--sk-font-body)}.skt-numgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none}.skt-numcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:96px;padding:10px 8px;border:3px solid var(--sk-ink);border-radius:20px;background:#fff;color:var(--sk-ink);font:inherit;box-shadow:0 4px 0 var(--sk-press-ink)}button.skt-numcard{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.skt-numcard:active{transform:translateY(3px);box-shadow:none}.skt-numcard[data-playing]{background:var(--sk-sun-soft);border-color:var(--sk-sun-deep)}.skt-numcard[data-static]{border-color:var(--sk-line-strong);box-shadow:none}.skt-numcard__n{font:600 2rem/1 var(--sk-font-display);font-variant-numeric:tabular-nums}.skt-numcard__w{display:inline-flex;align-items:center;gap:6px;font:400 1.375rem/1.2 var(--sk-font-body);text-align:center}.skt-numcard__w b{font-weight:700;text-decoration:underline dotted;text-underline-offset:4px}.skt-diamond{display:inline-block;width:9px;height:9px;background:var(--sk-ink);transform:rotate(45deg)}.skt-playlink{align-self:flex-start;text-decoration:none}a.skt-playlink[data-variant=primary]{color:#fff}.skt-legend{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 14px;border:2px solid var(--sk-line);border-radius:22px;background:var(--sk-ground);color:var(--sk-ink);font:600 1.125rem/1 var(--sk-font-display)}@media (max-width:599px){.skt-playlink{align-self:stretch}.skt-legend{margin-left:0}.skt-numgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes skt-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.skt-cover[data-flipped]{animation:none}.skt-chip:active,.skt-cover:active,.skt-preset:active,button.skt-numcard:active{transform:none}}