.bt,.bt-dev{--bt-rim:#15172b00;--bt-floor:#15172b33;--bt-hush:#15172b0f;--bt-seal:#d63a22}:root[data-theme=dark] :is(.bt,.bt-dev){--bt-rim:#9bb0ff4d;--bt-floor:#0009;--bt-hush:#eceefa0d}.bt-dev{width:100%;position:relative;container-type:inline-size}.bt-body{position:relative}.bt-screen{background:#05060c;position:relative;overflow:hidden}.bt-shot{object-fit:cover;object-position:top center;-webkit-user-drag:none;width:100%;height:100%;display:block}.bt-screen:after{content:"";pointer-events:none;background:linear-gradient(116deg,#ffffff17 0%,#ffffff08 30%,#0000 52%);position:absolute;inset:0}.bt-laptop .bt-body{box-shadow:inset 0 0 0 .24cqi #30365a, 0 0 0 max(1px, .14cqi) var(--bt-rim);transform-origin:50% 100%;background:linear-gradient(#1c2034,#0b0d18);border-radius:2.4cqi 2.4cqi .7cqi .7cqi;margin-inline:6.5cqi;padding:1.6cqi 1.6cqi 2.3cqi}.bt-laptop .bt-body:before{content:"";background:#333a5e;border-radius:50%;width:.7cqi;height:.7cqi;margin-left:-.35cqi;position:absolute;top:.55cqi;left:50%}.bt-laptop .bt-screen{border-radius:.5cqi}.bt-deck{height:2.2cqi;box-shadow:0 0 0 max(1px, .14cqi) var(--bt-rim);background:linear-gradient(#f1f3f8 0%,#cdd1dc 34%,#a2a7b8 100%);border-radius:.3cqi .3cqi 2.6cqi 2.6cqi/.3cqi .3cqi 1.8cqi 1.8cqi;position:relative}.bt-deck:before{content:"";background:linear-gradient(#a6abbc,#c9cdd8);border-radius:0 0 1cqi 1cqi;width:15cqi;height:.8cqi;margin-left:-7.5cqi;position:absolute;top:0;left:50%}.bt-deck:after{content:"";z-index:-1;background:radial-gradient(closest-side, var(--bt-floor), transparent);height:4.5cqi;position:absolute;top:60%;left:3%;right:3%}.bt-browser .bt-body{box-shadow:0 3.2cqi 6cqi -3.4cqi #0a0c188c, 0 0 0 max(1px, .14cqi) var(--bt-rim);background:#171a2c;border:max(1px,.14cqi) solid #2c3150;border-radius:1.8cqi;overflow:hidden}.bt-bar{background:linear-gradient(#252a42,#1b1e33);border-bottom:max(1px,.12cqi) solid #0c0e1a;grid-template-columns:1fr auto 1fr;align-items:center;height:6.2cqi;padding-inline:2.4cqi;display:grid}.bt-dots{gap:1.1cqi;display:flex}.bt-dots i{background:#e2412a;border-radius:50%;width:1.5cqi;height:1.5cqi}.bt-dots i:nth-child(2){background:#c8962e}.bt-dots i:nth-child(3){background:#5d6cc0}.bt-url{color:#b4b9d4;white-space:nowrap;background:#0f1222;border-radius:999px;justify-content:center;align-items:center;gap:.9cqi;width:58cqi;height:3.9cqi;padding-inline:2.2cqi;font-size:2.05cqi;line-height:1;display:flex;overflow:hidden}.bt-url svg{color:#8d95ab;flex:none;width:1.7cqi;height:1.7cqi}.bt-url span{text-overflow:ellipsis;overflow:hidden}.bt-tablet .bt-body,.bt-tablet-tall .bt-body{box-shadow:inset 0 0 0 .3cqi #323858, 0 3.6cqi 7cqi -3.6cqi #0a0c1899, 0 0 0 max(1px, .14cqi) var(--bt-rim);background:linear-gradient(145deg,#262b44,#0b0d18 46%);border-radius:3.8cqi;padding:2.6cqi}.bt-tablet .bt-body:before,.bt-tablet-tall .bt-body:before{content:"";background:#333a5e;border-radius:50%;width:.8cqi;height:.8cqi;margin-top:-.4cqi;position:absolute;top:50%;left:1cqi}.bt-tablet-tall .bt-body{border-radius:6.5cqi;padding:4cqi}.bt-tablet-tall .bt-body:before{width:1.2cqi;height:1.2cqi;margin:0 0 0 -.6cqi;top:1.6cqi;left:50%}.bt-tablet .bt-screen{border-radius:1.2cqi}.bt-tablet-tall .bt-screen{border-radius:2.4cqi}.bt-phone .bt-body{box-shadow:inset 0 0 0 .9cqi #10121f, inset 0 0 0 1.3cqi #3a4064, 0 6cqi 11cqi -5cqi #0a0c1899, 0 0 0 max(1px, .35cqi) var(--bt-rim);background:linear-gradient(150deg,#2c3150,#0b0d18 42%);border-radius:15cqi;padding:3.6cqi}.bt-phone .bt-body:before,.bt-phone .bt-body:after{content:"";background:#2c3150;border-radius:.6cqi;width:1.3cqi;position:absolute}.bt-phone .bt-body:before{height:16cqi;top:26cqi;left:-1cqi}.bt-phone .bt-body:after{height:24cqi;top:34cqi;right:-1cqi}.bt-phone .bt-screen{border-radius:11.6cqi}.bt-island{z-index:2;background:#04050a;border-radius:999px;width:27cqi;height:7.6cqi;margin-left:-13.5cqi;position:absolute;top:6.4cqi;left:50%}.bt-stage{--bt-a:color-mix(in srgb, var(--sd-gold) 26%, transparent);--bt-b:color-mix(in srgb, var(--sd-pen) 14%, transparent);background-image:radial-gradient(120% 90% at 12% 0%, var(--bt-a), transparent 62%), radial-gradient(90% 80% at 100% 100%, var(--bt-b), transparent 58%);display:block}.bt-stage[data-tone="1"]{--bt-a:color-mix(in srgb, var(--sd-accent) 18%, transparent);--bt-b:color-mix(in srgb, var(--sd-gold) 22%, transparent)}.bt-stage[data-tone="2"]{--bt-a:color-mix(in srgb, var(--sd-pen) 20%, transparent);--bt-b:color-mix(in srgb, var(--sd-accent) 12%, transparent)}.bt-stage[data-tone="3"]{--bt-a:color-mix(in srgb, var(--sd-accent) 22%, transparent);--bt-b:color-mix(in srgb, var(--sd-moon) 30%, transparent)}.bt-stage-mark{z-index:0;aspect-ratio:1;width:46%;color:var(--sd-text-primary);opacity:.06;pointer-events:none;position:absolute;top:-6%;right:-5%}:root[data-theme=dark] .bt-stage-mark{opacity:.09}.bt-stage-mark svg{width:100%;height:100%}@media (prefers-reduced-motion:no-preference){::view-transition-group(*.bt-shot){animation-duration:.55s;animation-timing-function:var(--ease-out-expo)}}