:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102a43;background:#fff}*{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:#fff}.sb-loading{place-items:center;color:#526d82;font-weight:650}.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-symbol svg,.sb-symbol img{width:clamp(42px,12vmin,96px);height:clamp(42px,12vmin,96px);object-fit:contain;stroke:currentColor}.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(.82rem,2.4vmin,1.1rem);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(28px,5.2vmin,36px);height:clamp(28px,5.2vmin,36px);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{position:relative;min-width:0;display:grid;grid-template-columns:1fr;align-items:center;gap:8px}.sb-controls{grid-column:1;justify-self:center;display:flex;justify-content:center;gap:clamp(7px,1.4vmin,11px)}.sb-controls button,.sb-control{display:grid;place-items:center;width:clamp(44px,7.2vmin,52px);height:clamp(44px,7.2vmin,52px);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:50%;height:50%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sb-controls .sb-fullscreen{display:none}.sb-brand{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;color:#20242b;font-size:clamp(.7rem,1.85vmin,.86rem);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:8px;gap:6px}.sb-cards{--card-gap: 7px}.sb-card{border-radius:11px}.sb-visual{padding:0}}@media(max-height:280px){.sb-player{padding:5px;gap:4px}.sb-card{border-radius:9px}.sb-controls{gap:7px}.sb-controls button,.sb-control{width:44px;height:44px}.sb-speaker{width:28px;height:28px}.sb-label{font-size:.82rem}}@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}