:root{--be-bg:#0b0b0b;--be-card:#121212;--be-text:#f8f5e9;--be-accent:#c99a00;--radius:16px;--shadow:0 10px 24px rgba(0,0,0,.35);}
html,body{background:var(--be-bg);color:var(--be-text);}
.blissella-survey *{box-sizing:border-box;}
.blissella-survey{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;}
.blissella-card{background:linear-gradient(180deg,#121212,#0f0f0f);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);max-width:960px;margin:24px auto;}
.blissella-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.blissella-badge{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(201,154,0,.12);color:#ffe066;font-size:12px;letter-spacing:.3px;text-transform:uppercase;}
.blissella-title{font-size:24px;font-weight:700;}
.small{font-size:12px;opacity:.9;}
.blissella-q{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0;}
.blissella-row{display:grid;grid-template-columns: 140px 1fr 60px 160px;gap:8px;align-items:center;}
.blissella-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:rgba(255,255,255,.18);outline:none;cursor:pointer;position:relative;z-index:2;}
/* thumbs */
.blissella-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.35);cursor:pointer;position:relative;z-index:3;}
.blissella-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.35);cursor:pointer;}
.blissella-value{width:60px;text-align:center;font-variant-numeric:tabular-nums;padding:4px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.35);}
/* chips */
.be-chips{display:flex;flex-wrap:wrap;gap:6px;}
.be-chip{user-select:none;cursor:pointer;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);}
.be-chip.active{background:rgba(201,154,0,.25);border-color:rgba(201,154,0,.7);}
.blissella-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.blissella-btn{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(201,154,0,.18),rgba(201,154,0,.12));color:var(--be-text);padding:10px 14px;border-radius:12px;cursor:pointer;}
.blissella-results{margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(180deg,rgba(139,94,52,.16),rgba(139,94,52,.08));border:1px solid rgba(255,255,255,.08);}
.blissella-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
.blissella-chip{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:12px;}


/* Brand header + intro */
.be-brand{display:flex; align-items:center; gap:16px; margin-bottom:10px;}
.be-brand img{width:64px; height:64px; object-fit:contain; border-radius:50%; border:1px solid rgba(255,255,255,.12); background:#1a1a1a;}
.be-brand .be-org{font-weight:700; letter-spacing:.3px; font-size:18px;}
.be-cta{display:inline-block; padding:8px 12px; border:1px solid rgba(255,255,255,.14); border-radius:10px; text-decoration:none; color:var(--be-text); background:linear-gradient(180deg, rgba(201,154,0,.22), rgba(201,154,0,.12));}
.be-intro{margin:8px 0 14px 0; line-height:1.45;}
.be-contact a{color:#ffe066; text-decoration:underline;}
/* Results footer and disclaimer */
.be-results-note{margin-top:10px; opacity:.9; line-height:1.45;}
.be-disclaimer{margin-top:18px; font-size:12px; opacity:.7; line-height:1.4; border-top:1px solid rgba(255,255,255,.08); padding-top:12px;}