/* bdils.com theme skin: GEL (soft-body blobs). Scope html[data-theme="gel"]. Apollo. Visual contract: postmodern-directions.html direction 03 and comp-d3-hero.png / comp-d3-phone.png. Palette: violet, cream, mint, ink, berry. Rhythm: hero + bands violet (cream text, 5.6:1), reading sections lavender (ink text), cards cream. Controls squash on hover, harder on press, overshoot on release. One highlight (top-left) + one core shadow (bottom) + a violet drop shadow per object. No strokes except the 1.5px AA contour on fields and tracks. */ /* dark scope: hero, bands, footer, nav over hero. Cards re-scope to light inside them. */ html[data-theme="gel"] .s-hero,html[data-theme="gel"] .s-sec--band,html[data-theme="gel"] .s-foot{--bd-fg:#fff3e8;--bd-fg-2:#f6ecff;--bd-fg-3:#ece4ff;--bd-fg-4:#e0d6ff;--bd-accent-text:#7df0c4;--bd-border:rgba(255,243,232,.22);--bd-border-2:rgba(255,243,232,.4);--bd-ring:0 0 0 3px #5b4be0,0 0 0 6px #fff3e8;--bd-focus:#fff3e8;color:var(--bd-fg)} html[data-theme="gel"] .bd-card,html[data-theme="gel"] .bd-tile,html[data-theme="gel"] .bd-quote,html[data-theme="gel"] .s-formcard,html[data-theme="gel"] .s-case__meta,html[data-theme="gel"] .s-case__proof li,html[data-theme="gel"] .pc-plate,html[data-theme="gel"] .pc .bd-slider,html[data-theme="gel"] .pc-datepick,html[data-theme="gel"] .pc-color,html[data-theme="gel"] .pc-sw,html[data-theme="gel"] .bd-toast,html[data-theme="gel"] .bd-modal,html[data-theme="gel"] .bd-bar,html[data-theme="gel"] .bd-stylemenu,html[data-theme="gel"] .bd-soundmenu,html[data-theme="gel"] .bd-logos,html[data-theme="gel"] .bd-acc,html[data-theme="gel"] .s-case__pair,html[data-theme="gel"] .bd-event--empty,html[data-theme="gel"] .bd-seg,html[data-theme="gel"] .bd-stepper,html[data-theme="gel"] .bd-input,html[data-theme="gel"] .bd-textarea,html[data-theme="gel"] .bd-select,html[data-theme="gel"] .bd-chip,html[data-theme="gel"] .bd-tag,html[data-theme="gel"] .bd-kbd,html[data-theme="gel"] .bd-avatar,html[data-theme="gel"] .bd-alert,html[data-theme="gel"] .bd-tabs{--bd-fg:#2a1a7a;--bd-fg-2:#34258a;--bd-fg-3:#4a3c9a;--bd-fg-4:#52449e;--bd-accent-text:#4a3bc8;--bd-border:rgba(42,26,122,.12);--bd-border-2:rgba(42,26,122,.24);--bd-ring:0 0 0 3px #fff3e8,0 0 0 6px #2a1a7a;--bd-focus:#1456d8;color:var(--bd-fg)} html[data-theme="gel"] body,html[data-theme="gel"] .bd-root{background:var(--bd-bg)} html[data-theme="gel"] .bd-display,html[data-theme="gel"] .bd-h1{text-shadow:0 5px 0 rgba(26,12,90,.28),0 14px 24px rgba(26,12,90,.25)} html[data-theme="gel"] .s-hero .bd-display{color:#fff3e8} html[data-theme="gel"] .bd-kicker::before{width:12px;height:12px;background:radial-gradient(circle at 35% 30%,#fff,var(--gl-mint) 45%,#3fd0a0);box-shadow:0 3px 6px rgba(26,12,90,.4)} html[data-theme="gel"] .s-hero .bd-kicker,html[data-theme="gel"] .s-sec--band .bd-kicker{color:#c4fbe6} /* D4: #7df0c4 was 4.29:1 on violet; on phones the band's light radial sits behind the kicker, so a paler mint (>= 4.8:1 there) */ html[data-theme="gel"] .s-hero__ground{background:radial-gradient(600px 460px at 82% 22%,#8d7dff 0,transparent 70%),radial-gradient(520px 420px at 8% 96%,#3f2fbf 0,transparent 70%),#5b4be0} html[data-theme="gel"] .s-hero__ground::before{content:"";position:absolute;right:7%;top:12%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff 0 7%,transparent 8%),radial-gradient(circle at 50% 62%,#9bf5d3,#7df0c4 55%,#4fd6a6);box-shadow:inset 0 -14px 24px rgba(20,150,100,.35),0 28px 40px -10px rgba(26,12,90,.55)} html[data-theme="gel"] .s-hero__ground::after{content:"";position:absolute;left:36%;bottom:-70px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff 0 7%,transparent 8%),radial-gradient(circle at 50% 62%,#ffb3dc,#e0409a);box-shadow:inset 0 -12px 20px rgba(120,10,70,.35),0 24px 34px -10px rgba(26,12,90,.55)} html[data-theme="gel"] .s-hero__clearing{background:radial-gradient(ellipse at 20% 40%,rgba(91,75,224,.9) 0 36%,transparent 72%)} html[data-theme="gel"] .s-sec--band{background:radial-gradient(500px 300px at 90% 0,#7a6bf0 0,transparent 70%),#5b4be0} html[data-theme="gel"] .s-foot{background:#4a3bc8;border-top:0} html[data-theme="gel"] .s-foot .bd-wordmark i{background:var(--gl-mint)} /* nav */ /* C1: one lavender backing from first paint, so nav ink is the same dark violet everywhere (the old cream ink over the hero did not survive a light backing, and over bare hero art it measured 2.3-3.1:1) */ html[data-theme="gel"] .bd-nav{background:rgba(239,234,255,.9)} html[data-theme="gel"] .bd-nav.is-scrolled{box-shadow:0 10px 24px -12px rgba(26,12,90,.4)} html[data-theme="gel"] .bd-wordmark i{border-radius:50%;rotate:0deg;width:14px;height:14px;background:radial-gradient(circle at 35% 30%,#fff,var(--gl-mint) 45%,#3fd0a0);box-shadow:0 3px 5px rgba(26,12,90,.4)} html[data-theme="gel"] .bd-nav__link{border-radius:999px;font-weight:700;min-height:40px} html[data-theme="gel"] .bd-nav__link:hover,html[data-theme="gel"] .bd-nav__link.is-hover{background:rgba(255,255,255,.2)} html[data-theme="gel"] .bd-nav .bd-nav__link:hover{background:rgba(91,75,224,.12)} html[data-theme="gel"] .bd-nav__link[aria-current="true"]{background:var(--gl-cream);color:var(--gl-ink);box-shadow:var(--bd-sh-1)} /* buttons: cream gel blobs; squash on hover, harder on press, overshoot on release */ html[data-theme="gel"] .bd-btn{background:linear-gradient(180deg,#fffaf4,#ffe9d6);color:var(--gl-ink);box-shadow:var(--bd-sh-btn);font-weight:700;transition:transform var(--bd-dur-base) var(--bd-ease-settle),box-shadow var(--bd-dur-base) var(--bd-ease-settle),background var(--bd-dur-fast)} html[data-theme="gel"] .bd-btn:hover,html[data-theme="gel"] .bd-btn.is-hover{background:linear-gradient(180deg,#ffffff,#fff0e2);box-shadow:var(--bd-sh-2)} html[data-theme="gel"] .bd-btn:active,html[data-theme="gel"] .bd-btn.is-active{background:linear-gradient(180deg,#ffe9d6,#fff3e8);transform:scale(1.04,.92) translateY(2px);box-shadow:inset 0 3px 3px rgba(255,255,255,.7),inset 0 -3px 6px rgba(120,90,60,.2),0 3px 6px -2px var(--gl-sh)} html[data-theme="gel"] .bd-btn:focus-visible,html[data-theme="gel"] .bd-btn.is-focus{box-shadow:var(--bd-sh-btn),var(--bd-ring)} html[data-theme="gel"] .bd-btn:disabled,html[data-theme="gel"] .bd-btn.is-disabled{background:#e4dcf2;color:#5f528f;box-shadow:inset 0 2px 3px rgba(255,255,255,.8),inset 0 -3px 5px rgba(42,26,122,.15);transform:none} html[data-theme="gel"] .bd-btn--primary{background:linear-gradient(180deg,#a6f7d8,#7df0c4 55%,#5ee0b0);color:var(--gl-ink);box-shadow:var(--bd-sh-btn-primary)} html[data-theme="gel"] .bd-btn--primary:hover,html[data-theme="gel"] .bd-btn--primary.is-hover{background:linear-gradient(180deg,#bafbe2,#8ff3cd 55%,#6ee6b8)} html[data-theme="gel"] .bd-btn--primary:active,html[data-theme="gel"] .bd-btn--primary.is-active{background:linear-gradient(180deg,#5ee0b0,#7df0c4);box-shadow:inset 0 3px 4px rgba(255,255,255,.5),inset 0 -4px 8px rgba(20,150,100,.35),0 3px 6px -2px var(--gl-sh)} html[data-theme="gel"] .bd-btn--primary:focus-visible,html[data-theme="gel"] .bd-btn--primary.is-focus{box-shadow:var(--bd-sh-btn-primary),var(--bd-ring)} html[data-theme="gel"] .bd-btn--primary:disabled,html[data-theme="gel"] .bd-btn--primary.is-disabled{background:#e4dcf2;color:#5f528f;box-shadow:inset 0 2px 3px rgba(255,255,255,.8),inset 0 -3px 5px rgba(42,26,122,.15)} html[data-theme="gel"] .bd-btn--ghost{background:transparent;box-shadow:none;color:inherit} html[data-theme="gel"] .s-hero .bd-btn--ghost,html[data-theme="gel"] .s-sec--band .bd-btn--ghost{color:#fff3e8} html[data-theme="gel"] .bd-btn--ghost:hover,html[data-theme="gel"] .bd-btn--ghost.is-hover{background:rgba(255,255,255,.2);box-shadow:none} html[data-theme="gel"] .bd-btn--ghost:active,html[data-theme="gel"] .bd-btn--ghost.is-active{background:rgba(255,255,255,.3);box-shadow:none;transform:scale(1.03,.94)} html[data-theme="gel"] .bd-btn--ghost:focus-visible,html[data-theme="gel"] .bd-btn--ghost.is-focus{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-btn.is-loading::after{border-color:rgba(42,26,122,.25);border-top-color:var(--gl-ink)} html[data-theme="gel"] .bd-btn__kbd{background:rgba(42,26,122,.12)} html[data-theme="gel"] .bd-btn--sm{--h:36px} html[data-theme="gel"] .bd-split .bd-btn:last-child{margin-left:2px} /* fields: soft wells */ html[data-theme="gel"] .bd-input,html[data-theme="gel"] .bd-textarea,html[data-theme="gel"] .bd-select{background:var(--bd-field-bg);box-shadow:inset 0 4px 8px rgba(42,26,122,.22),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border);padding-inline:20px} html[data-theme="gel"] .bd-textarea{border-radius:28px} html[data-theme="gel"] .bd-input:hover,html[data-theme="gel"] .bd-textarea:hover,html[data-theme="gel"] .bd-select:hover,html[data-theme="gel"] .bd-input.is-hover{box-shadow:inset 0 4px 8px rgba(42,26,122,.22),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border-hover)} html[data-theme="gel"] .bd-input:focus,html[data-theme="gel"] .bd-textarea:focus,html[data-theme="gel"] .bd-select:focus,html[data-theme="gel"] .bd-input.is-focus{box-shadow:inset 0 4px 8px rgba(42,26,122,.22),0 0 0 1.5px #2a1a7a,var(--bd-ring)} html[data-theme="gel"] .bd-input:disabled,html[data-theme="gel"] .bd-input.is-disabled,html[data-theme="gel"] .bd-textarea:disabled,html[data-theme="gel"] .bd-select:disabled{background:#e4dcf2;color:#5f528f;box-shadow:inset 0 2px 4px rgba(42,26,122,.15),0 0 0 1.5px #a99fdc} html[data-theme="gel"] .bd-input[readonly]{background:#f3e4d6} html[data-theme="gel"] .bd-field.is-error .bd-input,html[data-theme="gel"] .bd-field.is-error .bd-textarea,html[data-theme="gel"] .bd-field.is-error .bd-select,html[data-theme="gel"] .bd-input.is-error{box-shadow:inset 0 4px 8px rgba(42,26,122,.18),0 0 0 2px var(--bd-error)} html[data-theme="gel"] .bd-field.is-ok .bd-input{box-shadow:inset 0 4px 8px rgba(42,26,122,.18),0 0 0 2px var(--bd-ok)} html[data-theme="gel"] .s-sec--band .bd-field>.bd-label,html[data-theme="gel"] .s-sec--band .bd-help{color:inherit} /* check, radio, switch */ html[data-theme="gel"] .bd-check .box,html[data-theme="gel"] .bd-radio .box{width:26px;height:26px;margin-top:0;border-radius:10px;background:linear-gradient(180deg,#fffaf4,#ffe9d6);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px rgba(120,90,60,.2),0 3px 6px -1px var(--gl-sh),0 0 0 1.5px var(--bd-field-border)} html[data-theme="gel"] .bd-radio .box{border-radius:50%} html[data-theme="gel"] .bd-check input:checked+.box,html[data-theme="gel"] .bd-radio input:checked+.box,html[data-theme="gel"] .bd-check.is-on .box,html[data-theme="gel"] .bd-radio.is-on .box,html[data-theme="gel"] .bd-check.is-indeterminate .box{background:linear-gradient(180deg,#a6f7d8,#7df0c4 55%,#5ee0b0);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),inset 0 -3px 4px rgba(20,150,100,.35),0 3px 6px -1px var(--gl-sh),0 0 0 1.5px #1f8a63} html[data-theme="gel"] .bd-check .box svg{stroke:var(--gl-ink);stroke-width:3}html[data-theme="gel"] .bd-radio .box::after{background:var(--gl-ink)} html[data-theme="gel"] .bd-check input:focus-visible+.box,html[data-theme="gel"] .bd-radio input:focus-visible+.box,html[data-theme="gel"] .bd-check.is-focus .box{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-check input:disabled+.box,html[data-theme="gel"] .bd-check.is-disabled .box{background:#e4dcf2;box-shadow:inset 0 2px 3px rgba(42,26,122,.15),0 0 0 1.5px #a99fdc} html[data-theme="gel"] .bd-check,html[data-theme="gel"] .bd-radio,html[data-theme="gel"] .bd-switch{min-height:44px;align-items:center;gap:12px;font-weight:600} html[data-theme="gel"] .bd-switch .track{width:58px;height:32px;background:var(--bd-field-bg);box-shadow:inset 0 4px 7px rgba(42,26,122,.25),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border)} html[data-theme="gel"] .bd-switch .track::after{top:3px;left:3px;width:26px;height:26px;background:radial-gradient(circle at 34% 28%,#fff 0 12%,transparent 14%),linear-gradient(180deg,#fff9f2,#ffe0c8);box-shadow:inset 0 -3px 5px rgba(120,90,60,.25),0 4px 6px -1px var(--gl-sh);transition:translate var(--bd-dur-base) var(--bd-ease-settle)} html[data-theme="gel"] .bd-switch input:checked+.track,html[data-theme="gel"] .bd-switch.is-on .track{background:linear-gradient(180deg,#5ee0b0,#7df0c4);box-shadow:inset 0 4px 7px rgba(20,150,100,.4),inset 0 -2px 3px rgba(255,255,255,.5),0 0 0 1.5px #1f8a63} html[data-theme="gel"] .bd-switch input:checked+.track::after,html[data-theme="gel"] .bd-switch.is-on .track::after{translate:26px 0} html[data-theme="gel"] .bd-switch input:focus-visible+.track,html[data-theme="gel"] .bd-switch.is-focus .track{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-switch--lg .track{width:68px;height:36px}html[data-theme="gel"] .bd-switch--lg .track::after{width:30px;height:30px}html[data-theme="gel"] .bd-switch--lg input:checked+.track::after,html[data-theme="gel"] .bd-switch--lg.is-on .track::after{translate:32px 0} /* seg, tabs, chips, tags */ html[data-theme="gel"] .bd-seg{background:var(--bd-field-bg);box-shadow:inset 0 4px 8px rgba(42,26,122,.2),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border);padding:5px;border-radius:999px} html[data-theme="gel"] .bd-seg>*{border-radius:999px;min-height:40px;font-weight:700} html[data-theme="gel"] .bd-seg>[aria-selected="true"],html[data-theme="gel"] .bd-seg>[aria-pressed="true"],html[data-theme="gel"] .bd-seg>[aria-checked="true"],html[data-theme="gel"] .bd-seg>.is-on{background:linear-gradient(180deg,#a6f7d8,#7df0c4 55%,#5ee0b0);color:var(--gl-ink);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),inset 0 -3px 4px rgba(20,150,100,.35),0 4px 7px -2px var(--gl-sh)} html[data-theme="gel"] .bd-tabs{border-bottom:0;gap:6px} html[data-theme="gel"] .bd-tabs>*{border-radius:999px;min-height:44px;padding:0 20px;font-weight:700;color:inherit} html[data-theme="gel"] .bd-tabs>*:hover{background:rgba(91,75,224,.1);color:var(--bd-fg)} html[data-theme="gel"] .bd-tabs>[aria-selected="true"]{background:linear-gradient(180deg,#fffaf4,#ffe9d6);box-shadow:var(--bd-sh-1);color:var(--gl-ink)} html[data-theme="gel"] .bd-tabs>[aria-selected="true"]::after{display:none} html[data-theme="gel"] .bd-chip{background:linear-gradient(180deg,#fffaf4,#ffe9d6);box-shadow:var(--bd-sh-1);font-weight:700;color:var(--gl-ink);height:32px} html[data-theme="gel"] .bd-chip.is-on,html[data-theme="gel"] .bd-chip--choice:has(input:checked){background:linear-gradient(180deg,#a6f7d8,#7df0c4);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),inset 0 -3px 4px rgba(20,150,100,.3),0 4px 6px -2px var(--gl-sh);color:var(--gl-ink)} html[data-theme="gel"] .bd-chip.is-on .dot{background:var(--gl-ink)} html[data-theme="gel"] button.bd-chip:hover{background:#fff} html[data-theme="gel"] .bd-chip--choice:has(input:focus-visible),html[data-theme="gel"] button.bd-chip:focus-visible{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-tag{background:#e6e0ff;color:var(--gl-ink);border-radius:999px;padding:0 10px} html[data-theme="gel"] .bd-tag--accent{background:var(--gl-mint);color:var(--gl-ink)} html[data-theme="gel"] .bd-badge{background:#e0409a;color:#fff;box-shadow:inset 0 -2px 3px rgba(120,10,70,.4),0 3px 5px -1px var(--gl-sh)} html[data-theme="gel"] .bd-avatar{background:linear-gradient(180deg,#fffaf4,#ffe9d6);box-shadow:var(--bd-sh-1);color:var(--gl-ink)} html[data-theme="gel"] .bd-avatars .bd-avatar{box-shadow:var(--bd-sh-1)} html[data-theme="gel"] .bd-kbd{background:linear-gradient(180deg,#fffaf4,#ffe9d6);border-radius:10px;box-shadow:var(--bd-sh-1)} /* slider etc. */ html[data-theme="gel"] .bd-slider .rail{height:16px;border-radius:16px;background:var(--bd-field-bg);box-shadow:inset 0 4px 7px rgba(42,26,122,.25),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border)} html[data-theme="gel"] .bd-slider .fill{border-radius:16px;background:linear-gradient(180deg,#a6f7d8,#7df0c4 55%,#5ee0b0);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),inset 0 -3px 4px rgba(20,150,100,.3)} html[data-theme="gel"] .bd-slider .thumb{width:34px;height:34px;margin:-17px 0 0 -17px;background:radial-gradient(circle at 34% 28%,#fff 0 11%,transparent 13%),linear-gradient(180deg,#fff9f2,#ffe0c8);box-shadow:inset 0 -4px 6px rgba(120,90,60,.25),0 6px 10px -2px var(--gl-sh)} html[data-theme="gel"] .bd-slider:hover .thumb,html[data-theme="gel"] .bd-slider.is-hover .thumb{transform:scale(1.1,.94);box-shadow:inset 0 -4px 6px rgba(120,90,60,.25),0 8px 14px -2px var(--gl-sh)} html[data-theme="gel"] .bd-slider.is-active .thumb{transform:scale(.92,1.14);box-shadow:inset 0 -4px 6px rgba(120,90,60,.25),0 3px 6px -1px var(--gl-sh)} html[data-theme="gel"] .bd-slider.is-focus .thumb,html[data-theme="gel"] .bd-slider .thumb:focus-visible{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-stepper{height:52px;padding:4px;background:var(--bd-field-bg);box-shadow:inset 0 4px 7px rgba(42,26,122,.22),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border);border-radius:999px} html[data-theme="gel"] .bd-stepper button{width:44px;border-radius:50%;background:linear-gradient(180deg,#fffaf4,#ffe9d6);box-shadow:inset 0 -3px 4px rgba(120,90,60,.2),0 4px 6px -1px var(--gl-sh)} html[data-theme="gel"] .bd-stepper button:hover{background:#fff;transform:scale(1.06)}html[data-theme="gel"] .bd-stepper button:active{transform:scale(.92,.88)} html[data-theme="gel"] .bd-stepper button:disabled{background:#e4dcf2;box-shadow:none} html[data-theme="gel"] .bd-stepper button:focus-visible{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-stepper output{border:0;font-weight:800} html[data-theme="gel"] .bd-progress{height:18px;border-radius:18px;background:var(--bd-field-bg);box-shadow:inset 0 3px 6px rgba(42,26,122,.22),inset 0 -2px 3px rgba(255,255,255,.8),0 0 0 1.5px var(--bd-field-border)} html[data-theme="gel"] .bd-progress>i{border-radius:18px;background:linear-gradient(180deg,#a6f7d8,#7df0c4 55%,#5ee0b0);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),inset 0 -3px 4px rgba(20,150,100,.3)} html[data-theme="gel"] .bd-meter i{border-radius:7px;background:var(--bd-field-bg);box-shadow:inset 0 2px 4px rgba(42,26,122,.22),0 0 0 1.5px var(--bd-field-border)} html[data-theme="gel"] .bd-meter i.on{background:linear-gradient(180deg,#a6f7d8,#5ee0b0);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),0 3px 5px -1px var(--gl-sh)}html[data-theme="gel"] .bd-meter i.on.hot{background:linear-gradient(180deg,#ff9ac8,#e0409a)} html[data-theme="gel"] .bd-spinner{border-color:#cfc6f0;border-top-color:var(--gl-violet);border-width:3px} html[data-theme="gel"] .bd-rating svg{fill:#efe6ff;stroke:#6a5cc0}html[data-theme="gel"] .bd-rating svg.on{fill:#7df0c4;stroke:#1f8a63} html[data-theme="gel"] .bd-skeleton{background:linear-gradient(90deg,#e6e0ff 25%,#f6f2ff 50%,#e6e0ff 75%);background-size:200% 100%;border-radius:999px} html[data-theme="gel"] .bd-tip__bubble{background:var(--gl-ink);color:var(--gl-cream);border-radius:16px;box-shadow:0 8px 14px -4px var(--gl-sh)} html[data-theme="gel"] .bd-tip__bubble::after{border-top-color:var(--gl-ink)} html[data-theme="gel"] .bd-toast{border-radius:999px;background:linear-gradient(180deg,#fffaf4,#ffe9d6);padding-inline:20px}html[data-theme="gel"] .bd-toast svg{color:var(--bd-ok)} html[data-theme="gel"] .bd-alert{background:#f1ecff;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px rgba(42,26,122,.1),0 0 0 1.5px #a99fdc;border-radius:26px} html[data-theme="gel"] .bd-alert--error{background:#ffe3ef;box-shadow:inset 0 2px 2px #fff,0 0 0 1.5px #d56a9d} html[data-theme="gel"] .bd-pager .bd-btn{box-shadow:none;background:none;--h:44px;min-width:44px} html[data-theme="gel"] .bd-pager .bd-btn[aria-current="page"]{background:linear-gradient(180deg,#a6f7d8,#7df0c4);box-shadow:var(--bd-sh-1)} html[data-theme="gel"] .bd-acc{background:linear-gradient(180deg,#fffaf4,#fff3e8);box-shadow:var(--bd-sh-2);border-radius:30px} html[data-theme="gel"] .bd-acc>details+details{border-top:1px solid rgba(42,26,122,.14)}html[data-theme="gel"] .bd-acc summary:hover{background:rgba(91,75,224,.07)} /* surfaces */ html[data-theme="gel"] .bd-card,html[data-theme="gel"] .bd-tile,html[data-theme="gel"] .bd-quote,html[data-theme="gel"] .s-formcard,html[data-theme="gel"] .s-case__meta,html[data-theme="gel"] .s-case__proof li,html[data-theme="gel"] .pc-plate,html[data-theme="gel"] .pc .bd-slider,html[data-theme="gel"] .pc-datepick,html[data-theme="gel"] .pc-color,html[data-theme="gel"] .pc-sw,html[data-theme="gel"] .bd-modal,html[data-theme="gel"] .bd-soundmenu,html[data-theme="gel"] .bd-stylemenu,html[data-theme="gel"] .bd-logos{background:linear-gradient(180deg,#fffaf4,#fff3e8)} html[data-theme="gel"] .bd-card:hover{box-shadow:var(--bd-sh-3);translate:0 -3px} html[data-theme="gel"] .bd-card{transition:translate var(--bd-dur-base) var(--bd-ease-settle),box-shadow var(--bd-dur-base)} html[data-theme="gel"] .bd-card__media{background:radial-gradient(160px 120px at 80% 20%,#9bf5d3 0,transparent 70%),radial-gradient(180px 140px at 10% 100%,#ffb3dc 0,transparent 70%),#e6e0ff;border-bottom:0;margin:12px 12px 0;border-radius:calc(var(--bd-r-xl) - 12px);box-shadow:inset 0 4px 8px rgba(42,26,122,.14)} html[data-theme="gel"] .bd-card__media::before{opacity:0} html[data-theme="gel"] .bd-card__media .bd-tag--lock{background:#fff;box-shadow:var(--bd-sh-1)} html[data-theme="gel"] .bd-tile__ico{border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 10%,transparent 12%),linear-gradient(180deg,#a6f7d8,#7df0c4);box-shadow:inset 0 -4px 6px rgba(20,150,100,.3),0 6px 10px -3px var(--gl-sh);color:var(--gl-ink)} html[data-theme="gel"] .s-case__pair{background:linear-gradient(180deg,#fffaf4,#fff3e8);box-shadow:var(--bd-sh-1)} html[data-theme="gel"] .bd-logos{padding:12px;border-radius:40px;box-shadow:var(--bd-sh-2);gap:2px} html[data-theme="gel"] .bd-logo:hover,html[data-theme="gel"] .bd-logo.is-hover{background:rgba(91,75,224,.08)} html[data-theme="gel"] .bd-logo{border-radius:28px} html[data-theme="gel"] .bd-event,html[data-theme="gel"] .bd-event:last-child{border-color:rgba(255,243,232,.35)} html[data-theme="gel"] .bd-event--empty{background:none} html[data-theme="gel"] .s-sec--band .bd-event--empty .bd-event__name{color:#f6ecff} html[data-theme="gel"] .s-sec--band .bd-event--empty .bd-event__date{color:#ece4ff} /* D4: was the light-scope ink on the violet band, 1.47:1 */ html[data-theme="gel"] .bd-modal__lock{border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 10%,transparent 12%),linear-gradient(180deg,#8d7dff,#5b4be0);color:#fff;box-shadow:inset 0 -4px 6px rgba(20,10,100,.4),0 6px 10px -3px var(--gl-sh)} html[data-theme="gel"] .bd-modal__fine{border-top-color:rgba(42,26,122,.18)} html[data-theme="gel"] .bd-tick{background:linear-gradient(180deg,#a6f7d8,#5ee0b0);color:var(--gl-ink);box-shadow:var(--bd-sh-1)} html[data-theme="gel"] .bd-scrim{background:rgba(26,12,90,.6);backdrop-filter:blur(6px)} html[data-theme="gel"] .bd-dots i{background:#c7bdf0}html[data-theme="gel"] .bd-dots i.on{background:var(--gl-violet)} html[data-theme="gel"] .bd-quote--empty .bd-quote__text{color:#4a3c9a} html[data-theme="gel"] .bd-flag{border-radius:999px} /* hero stand-ins */ html[data-theme="gel"] .pc{filter:none} html[data-theme="gel"] .pc-plate,html[data-theme="gel"] .pc-datepick,html[data-theme="gel"] .pc-color,html[data-theme="gel"] .pc-sw{border-radius:30px} html[data-theme="gel"] .pc-knob{background:conic-gradient(from 220deg,#7df0c4 0 var(--a,55%),#e6e0ff var(--a,55%) 100%);box-shadow:var(--bd-sh-2)} html[data-theme="gel"] .pc-knob::before{background:linear-gradient(180deg,#fffaf4,#ffe9d6);box-shadow:inset 0 -4px 6px rgba(120,90,60,.2)} html[data-theme="gel"] .pc-knob::after{background:var(--gl-ink);width:10px;height:10px;border-radius:50%;margin-left:-5px;top:11px;transform-origin:50% 25px} html[data-theme="gel"] .pc-datepick .g i.on{background:#7df0c4;color:var(--gl-ink);border-radius:50%;font-weight:700} html[data-theme="gel"] .pc-color .area{border-radius:18px}html[data-theme="gel"] .pc-color .hue{border-radius:10px} html[data-theme="gel"] .s-hero__hint{color:#f6ecff}html[data-theme="gel"] .s-hero__hint i{background:var(--gl-mint)} /* control bar */ html[data-theme="gel"] .bd-bar{padding:7px 9px;gap:4px;background:linear-gradient(180deg,#fffaf4,#ffe9d6)} html[data-theme="gel"] .bd-bar__sep{width:2px;background:rgba(42,26,122,.2);border-radius:2px} html[data-theme="gel"] .bd-bar__btn{border-radius:999px;color:var(--gl-ink);font-weight:700;transition:transform var(--bd-dur-base) var(--bd-ease-settle),background var(--bd-dur-fast),box-shadow var(--bd-dur-fast)} html[data-theme="gel"] .bd-bar__btn:hover,html[data-theme="gel"] .bd-bar__btn.is-hover{background:rgba(255,255,255,.85);transform:scale(1.05,.95);box-shadow:var(--bd-sh-1)} html[data-theme="gel"] .bd-bar__btn:active,html[data-theme="gel"] .bd-bar__btn.is-active,html[data-theme="gel"] .bd-bar__btn.is-busy{background:linear-gradient(180deg,#5ee0b0,#7df0c4);transform:scale(1.04,.9);box-shadow:inset 0 3px 4px rgba(20,150,100,.35)} html[data-theme="gel"] .bd-bar__btn[aria-pressed="true"],html[data-theme="gel"] .bd-bar__btn[aria-expanded="true"]{background:linear-gradient(180deg,#a6f7d8,#7df0c4);box-shadow:inset 0 2px 2px rgba(255,255,255,.7),inset 0 -3px 4px rgba(20,150,100,.3),0 4px 6px -2px var(--gl-sh);color:var(--gl-ink)} html[data-theme="gel"] .bd-bar__btn:focus-visible,html[data-theme="gel"] .bd-bar__btn.is-focus{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-bar__btn--style .swatch{border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 12%,transparent 14%),radial-gradient(circle at 50% 62%,#7df0c4,#5b4be0);box-shadow:0 3px 5px -1px var(--gl-sh)} html[data-theme="gel"] .bd-bar__btn--style .txt .lbl{color:var(--bd-fg-3)} html[data-theme="gel"] .bd-bar__btn--style[aria-expanded="true"] .txt .lbl{color:var(--gl-ink)} /* D4: on the mint pressed state */ html[data-theme="gel"] .bd-bar__btn--crazy{color:#8a1b57} html[data-theme="gel"] .bd-bar__btn--crazy:hover{background:#ffe3ef;color:#8a1b57} html[data-theme="gel"] .bd-styleopt{border-radius:22px} html[data-theme="gel"] .bd-styleopt:hover,html[data-theme="gel"] .bd-styleopt.is-hover{background:rgba(91,75,224,.1)} html[data-theme="gel"] .bd-styleopt[aria-checked="true"]{background:linear-gradient(180deg,#a6f7d8,#7df0c4)}html[data-theme="gel"] .bd-styleopt[aria-checked="true"] small{color:#1c3a5a}html[data-theme="gel"] .bd-styleopt[aria-checked="true"] .chk{color:var(--gl-ink)} html[data-theme="gel"] .bd-stylemenu{border-radius:32px} html[data-theme="gel"] .bd-stylegrp+.bd-stylegrp{border-top-color:rgba(42,26,122,.16)} html[data-theme="gel"] .bd-stylemenu__head{background:#fff3e8} html[data-theme="gel"] .bd-soundmenu .bd-switch:hover{background:rgba(91,75,224,.1)} /* swatches: gel blobs of colour */ html[data-theme="gel"] .bd-sw{background:none;box-shadow:none;border-radius:34px;width:84px;grid-template-rows:68px auto auto;text-align:center;justify-items:center} html[data-theme="gel"] .bd-sw__chip{width:68px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0 9%,transparent 11%),radial-gradient(circle at 50% 70%,rgba(255,255,255,.28),transparent 55%),var(--c);box-shadow:inset 0 -9px 14px rgba(0,0,0,.2),0 12px 16px -6px var(--gl-sh),0 0 0 1.5px rgba(42,26,122,.35)} html[data-theme="gel"] .bd-sw__name{color:var(--bd-fg);font-weight:800} html[data-theme="gel"] .bd-sw__hex{background:var(--gl-ink);color:#fff3e8;padding:3px 8px;border-radius:999px} html[data-theme="gel"] .bd-sw:hover,html[data-theme="gel"] .bd-sw.is-hover,html[data-theme="gel"] .bd-sw:focus-visible,html[data-theme="gel"] .bd-sw[aria-pressed="true"]{box-shadow:none;transform:none} html[data-theme="gel"] .bd-sw:hover .bd-sw__chip,html[data-theme="gel"] .bd-sw.is-hover .bd-sw__chip,html[data-theme="gel"] .bd-sw:focus-visible .bd-sw__chip{transform:scale(1.1,.92) translateY(2px)} html[data-theme="gel"] .bd-sw[aria-pressed="true"] .bd-sw__chip{transform:scale(1.08);box-shadow:inset 0 -9px 14px rgba(0,0,0,.2),0 14px 18px -6px var(--gl-sh),0 0 0 3px var(--gl-ink)} html[data-theme="gel"] .bd-sw__chip{transition:transform var(--bd-dur-base) var(--bd-ease-settle)} html[data-theme="gel"] .bd-sw:active .bd-sw__chip,html[data-theme="gel"] .bd-sw.is-active .bd-sw__chip{transform:scale(1.12,.86) translateY(4px)} html[data-theme="gel"] .bd-sw:focus-visible,html[data-theme="gel"] .bd-sw.is-focus{box-shadow:var(--bd-ring)} html[data-theme="gel"] .bd-swatches[data-kind="card"]{background:linear-gradient(180deg,#fffaf4,#fff3e8);box-shadow:var(--bd-sh-2);border-radius:999px;padding:10px 18px;gap:0} html[data-theme="gel"] .bd-swatches[data-kind="card"] .bd-sw{grid-template-rows:56px auto auto;max-width:none;min-width:48px} html[data-theme="gel"] .bd-swatches[data-kind="card"] .bd-sw__chip{width:56px;border-radius:50%!important;margin-inline:-5px} html[data-theme="gel"] .bd-swatches[data-kind="ring"]{background:radial-gradient(circle,#fffaf4,#ffe9d6);box-shadow:var(--bd-sh-2)} html[data-theme="gel"] .bd-swatches[data-kind="ring"] .bd-sw__chip{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0 10%,transparent 12%),var(--c);inset:3px} html[data-theme="gel"] .bd-swatches[data-kind="ring"] .bd-sw__name{color:var(--gl-ink)}html[data-theme="gel"] .bd-swatches[data-kind="ring"] .bd-sw__hex{background:none;color:var(--gl-ink);padding:0} html[data-theme="gel"] media (prefers-reduced-motion:reduce){html[data-theme="gel"] .bd-btn,html[data-theme="gel"] .bd-sw__chip,html[data-theme="gel"] .bd-bar__btn,html[data-theme="gel"] .bd-card{transition:none}html[data-theme="gel"] .bd-btn:active,html[data-theme="gel"] .bd-bar__btn:hover,html[data-theme="gel"] .bd-sw:active .bd-sw__chip{transform:none}} html[data-theme="gel"] .sh-cell .bd-nav{--bd-fg:#2a1a7a;--bd-fg-2:#34258a;--bd-ring:0 0 0 3px #fff3e8,0 0 0 6px #2a1a7a}