*{box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}body{color:#334155;background-color:#f1f5f9;margin:0;padding:0}.bsq-container{background-color:#fff;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 20px #0000000d}.bsq-header{color:#fff;background-color:#0f172a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bsq-header h1{letter-spacing:.5px;margin:0;font-size:1.5rem}.bsq-tabs{background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:20px;display:flex}.bsq-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 0;font-weight:600}.bsq-tab.active{color:#2563eb;border-bottom:3px solid #2563eb}.bsq-main{flex-direction:column;gap:20px;padding:0 20px 40px;display:flex}.bsq-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.bsq-row{justify-content:space-between;align-items:center;display:flex}.bsq-row label{color:#475569;font-size:.95rem;font-weight:600}.bsq-select{color:#0f172a;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-weight:600}.bsq-select:focus{border-color:#3b82f6}.bsq-divider{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:16px}.bsq-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.bsq-grid-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.bsq-grid-label{color:#94a3b8;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.bsq-grid-select{text-align:center;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-size:1rem;font-weight:700}.bsq-btn-small{color:#1d4ed8;cursor:pointer;background:#dbeafe;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:700}.bsq-btn-action{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-weight:700}.bsq-btn-flag{color:#475569;background:#f1f5f9}.bsq-btn-flag.active{color:#b91c1c;background:#fee2e2}.bsq-btn-edit{color:#1d4ed8;background:#dbeafe}.bsq-btn-edit.active{color:#fff;background:#2563eb}.bsq-btn-edit:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.bsq-btn-save{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-weight:700}.bsq-alg-display{text-align:center;background:#0f172a;border-radius:8px;width:100%;margin-bottom:16px;padding:16px}.bsq-alg-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.7rem}.bsq-alg-setup{color:#4ade80;margin-bottom:12px;font-family:monospace;font-size:.9rem}.bsq-alg-solution{color:#60a5fa;font-family:monospace;font-size:1.1rem;font-weight:700}.bsq-player-wrapper{aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:280px;margin:0 auto;display:flex;overflow:hidden}.bsq-wvls-section{text-align:center;border-top:1px solid #e2e8f0;width:100%;margin-top:20px;padding-top:20px}.bsq-wvls-title{color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem;font-weight:700}.bsq-badge{color:#fff;background:#ef4444;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}