*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--surface:#141414;--border:#242424;--white:#f5f5f0;--muted:#888;--blue:#5BC8E0;--red:#e05b5b;--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body,html{height:100%}body{background:var(--black);color:var(--white);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{display:block;border:none}.bb-logo{mix-blend-mode:screen}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:var(--font);font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--white);font-family:var(--font);font-size:14px;padding:10px 14px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--blue)}input::placeholder{color:var(--muted)}.btn-primary{background:var(--blue);color:var(--black)}.btn-danger{background:var(--red);color:var(--white)}.btn-ghost{background:transparent;color:var(--white)}.btn-ghost,.card{border:1px solid var(--border)}.card{background:var(--surface);border-radius:var(--radius);padding:20px}.badge{display:inline-block;border-radius:999px;font-size:12px;font-weight:600;padding:2px 10px}.badge-green{background:#1a3a1a;color:#4caf50}.badge-red{background:#3a1a1a;color:var(--red)}.badge-gray{background:#1e1e1e;color:var(--muted)}.bb-asset-card{transition:border-color .15s,transform .15s}.bb-asset-card:hover{border-color:var(--blue);transform:translateY(-2px)}.bb-play-overlay{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s}.bb-asset-card:hover .bb-play-overlay{opacity:1}@media (hover:none){.bb-play-overlay{opacity:1}}.bb-skeleton{background:linear-gradient(90deg,#161616 25%,#1f1f1f 37%,#161616 63%);background-size:400% 100%;animation:bb-shimmer 1.2s ease-in-out infinite}@keyframes bb-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:600px){header{padding:16px 18px!important}main{padding:24px 18px!important}}