.bd{max-width:420px;width:100%;display:grid;gap:16px}
.bd-stage{position:relative;width:86%;justify-self:center;border-radius:46% 46% 10% 46%;overflow:hidden;aspect-ratio:4/5;background:#0d0910;box-shadow:0 24px 50px -30px rgba(74,18,82,.6)}
.bd-stage svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bd-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bd-tag{position:absolute;left:50%;top:7%;transform:translateX(-50%);z-index:2;font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#fff;background:rgba(13,9,16,.55);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;white-space:nowrap}
.bd-watch{position:absolute;right:16px;bottom:14px;z-index:2;font:600 12px var(--body);color:#fff;background:rgba(13,9,16,.6);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 12px;cursor:pointer}
.bd h3{margin:0;font:700 clamp(22px,3vw,28px)/1.15 var(--display);color:var(--violet-deep);letter-spacing:.02em}
.bd-intro{margin:-8px 0 0;color:var(--ink-soft)}
.bd-q{display:grid;gap:8px}
.bd-q>span{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.bd-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bd-sw{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0}
.bd-sw[aria-pressed="true"]{box-shadow:0 0 0 2.5px var(--violet)}
.bd-pick{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px var(--line);background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}
.bd-pick input{position:absolute;inset:-8px;width:52px;height:52px;opacity:0;cursor:pointer;border:0;padding:0}
.bd-chip{border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font:600 14px var(--body);color:var(--ink-soft);background:#fff;cursor:pointer}
.bd-chip[aria-pressed="true"]{background:var(--violet);border-color:var(--violet);color:#fff}
.bd-text{width:100%;font:500 15px var(--body);padding:10px 14px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink)}
.bd-text:focus{outline:2px solid var(--violet-hi);outline-offset:1px}
.bd-up{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bd-up label{display:inline-flex;align-items:center;gap:8px;border:1.5px dashed var(--violet);border-radius:999px;padding:9px 16px;font:600 14px var(--body);color:var(--violet);cursor:pointer;background:#fff}
.bd-up input{position:absolute;width:1px;height:1px;opacity:0}
.bd-up small{color:var(--ink-soft);font-size:13px}
.bd-acts{display:flex;flex-wrap:wrap;gap:10px}
.bd-go{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;background:var(--violet);color:#fff;font:600 15px/1 var(--body);cursor:pointer;box-shadow:0 6px 18px -8px rgba(123,30,135,.7)}
.bd-go:hover{background:var(--violet-hi)}
.bd-save{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;background:#fff;color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet);font:600 15px/1 var(--body);cursor:pointer}
.bd-note{margin:-4px 0 0;font-size:13px;color:var(--ink-soft)}
.bd-sum{font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.bd-sum i{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 1px var(--line)}
.bd button:focus-visible,.bd-up label:focus-within{outline:3px solid var(--violet-hi);outline-offset:2px}