:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102a43;background:#f5faff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0}button,a{font:inherit}.sb-player{width:100%;height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(6px,1.8vh,14px);padding:clamp(8px,2.2vmin,20px);background:radial-gradient(circle at 8% 0%,rgb(7 159 234 / 9%),transparent 24rem),radial-gradient(circle at 100% 100%,rgb(7 159 234 / 7%),transparent 25rem),#f6faff}.sb-cards{--count: 2;--card-gap: clamp(6px, 1.8vw, 18px);width:100%;height:100%;min-height:0;margin-inline:auto;display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:var(--card-gap);justify-content:center;justify-items:center;align-items:center;container-type:size}.sb-count-2{--count: 2;max-width:698px}.sb-count-3{--count: 3;max-width:1056px}.sb-count-4{--count: 4;max-width:1414px}.sb-card{position:relative;width:min(100%,calc(100cqh / 1.13));height:auto;aspect-ratio:1 / 1.13;max-width:340px;max-height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 11.5%;padding:0;overflow:hidden;color:#102a43;background:#fff;border:1px solid #d8e8f2;border-radius:clamp(10px,1.4vw,16px);box-shadow:0 12px 32px #10537a17,0 2px 5px #10537a0d;cursor:pointer;transition:width .26s cubic-bezier(.22,1,.36,1),aspect-ratio .26s cubic-bezier(.22,1,.36,1),grid-template-rows .26s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.sb-card-label-hidden{width:min(100%,100cqh);aspect-ratio:1 / 1;grid-template-rows:minmax(0,1fr) 0%}.sb-card:focus-visible,.sb-controls :focus-visible{outline:3px solid #079fea;outline-offset:3px}.sb-visual{display:grid;place-items:center;width:100%;min-width:0;min-height:0;overflow:hidden;aspect-ratio:1 / 1;padding:0;background:linear-gradient(160deg,#fafdff,#edf8fe)}.sb-visual img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.sb-symbol{max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:clamp(.85rem,4.8vmin,3rem);line-height:1.05;font-weight:750;letter-spacing:-.035em}.sb-label{min-width:0;display:grid;place-items:center;padding:3px 6px;overflow:hidden;border-top:1px solid #e7f1f7;font-weight:700;font-size:clamp(.66rem,2.2vmin,1.05rem);line-height:1.1;white-space:nowrap;text-overflow:ellipsis;opacity:1;transform:translateY(0);transition:opacity .16s ease 70ms,transform .22s cubic-bezier(.22,1,.36,1) 40ms,visibility 0s linear}.sb-hidden{visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .12s ease,transform .18s ease,visibility 0s linear .18s}.sb-speaker{position:absolute;z-index:1;top:clamp(5px,1vmin,9px);right:clamp(5px,1vmin,9px);display:grid;place-items:center;width:clamp(22px,4.5vmin,30px);height:clamp(22px,4.5vmin,30px);border:1px solid rgb(16 42 67 / 8%);border-radius:50%;background:#ffffffe5;color:#315b73;box-shadow:0 2px 8px #10537a1a}.sb-speaker svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sb-footer{min-width:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.sb-controls{grid-column:2;display:flex;justify-content:center;gap:clamp(7px,1.4vmin,11px)}.sb-controls button,.sb-control{display:grid;place-items:center;width:clamp(36px,6.5vmin,46px);height:clamp(36px,6.5vmin,46px);padding:0;border:0;border-radius:50%;background:#079fea;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 5px 14px #079fea38;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.sb-controls button:hover,.sb-control:hover{transform:translateY(-1px);background:#078bce;box-shadow:0 7px 18px #079fea45}.sb-controls button:active,.sb-control:active{transform:translateY(0)}.sb-controls button[aria-pressed=true]{background:#0677b0}.sb-controls svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sb-controls .sb-fullscreen{display:none}.sb-brand{grid-column:3;justify-self:end;margin:0;color:#20242b;font-size:clamp(.62rem,1.75vmin,.82rem);line-height:1.1;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.sb-brand-en{color:#ff3f8e}.sb-brand-boo{color:#079fea}.sb-brand-academy{margin-left:.32em;color:#25282d;font-weight:720}@media(max-width:900px),(max-height:600px){.sb-controls .sb-fullscreen{display:grid}}@media(max-width:560px){.sb-player{padding:7px;gap:5px}.sb-cards{--card-gap: 5px}.sb-card{border-radius:9px}.sb-visual{padding:0}.sb-footer{grid-template-columns:auto 1fr;gap:6px}.sb-controls{grid-column:1;justify-content:flex-start}.sb-brand{grid-column:2}}@media(max-height:280px){.sb-player{padding:5px;gap:4px}.sb-card{border-radius:7px}.sb-controls button,.sb-control{width:32px;height:32px}.sb-speaker{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.sb-card,.sb-label,.sb-controls button,.sb-control{transition:none}}html,body,#root{min-height:100%}.shell-message{min-height:100vh;display:grid;place-items:center;padding:2rem;font-family:system-ui,sans-serif;color:#102a43;background:#f6faff;text-align:center}