/* BLOOPY Neon Refined — user surfaces only. Admin and Chat retain their own theme. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"],[data-bloopy-shell="public"]){--ink:#e8f3f7;--muted:#a6b9c4;--paper:#08090d;--purple:#2eaeff;--line:#29414b;--lavender:#102e3b;--mint:#102e29;--peach:#172b35;--danger:#ffab8e;--radius:26px;--bp-ink:#e8f3f7;--bp-muted:#a6b9c4;--bp-paper:#08090d;--bp-purple:#2eaeff;--bp-line:#29414b;--bp-lavender:#102e3b;color-scheme:dark;background:#08090d}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) body{background:radial-gradient(ellipse at 90% 0,#10252f66,transparent 650px),#08090d!important;color:#e8f3f7!important;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;min-height:100vh}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5){font-family:Manrope,-apple-system,sans-serif!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.15;color:#2eaeff!important;text-shadow:none!important;overflow-wrap:break-word}
@supports (-webkit-background-clip:text){html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5){background-image:linear-gradient(110deg,#159fff 8%,#18b7ed 48%,#00e88b 95%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}html[data-bloopy-shell="devices"] h1 span{background-image:linear-gradient(110deg,#00e88b,#16c8d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(p,.text-muted,.text-gray-600,.text-gray-700,.text-gray-800,small){color:#a6b9c4!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(a,.text-primary){color:#37b5ff}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.card,.modal-content,.dropdown-menu,.list-group-item,.bd-panel,.bd-wizard,.bd-device-card){background:linear-gradient(140deg,#15232b,#10191f)!important;border:1px solid #29414b!important;color:#e8f3f7!important;border-radius:26px;box-shadow:inset 0 1px 0 #8ee8dc0d,0 12px 30px #0002}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.bg-white,.bg-gray-100,.bg-gray-200,.bg-light,.card-header,.card-footer,.input-group-text){background-color:#111c24!important;color:#e8f3f7!important;border-color:#29414b!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.form-control,.custom-select,.bd-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.bd-form textarea,.bd-form select){background:#0b151c!important;color:#e8f3f7!important;border:1px solid #314b58!important;border-radius:14px!important;min-height:50px;font-size:16px;box-shadow:inset 0 1px 3px #0002}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(input,textarea)::placeholder{color:#879eac!important;opacity:1}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(label,.form-label,.custom-control-label,.text-dark,.text-gray-900){color:#dceaf1!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.btn,.bd-button){border-radius:15px!important;min-height:48px;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600;font-size:14px;letter-spacing:-.1px;transition:transform .18s,box-shadow .18s,filter .18s;white-space:normal;text-align:center}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.btn-primary,.bd-button.primary,.btn-dark){background:linear-gradient(120deg,#00ed94,#00ce9b 55%,#08b9d3)!important;color:#04281f!important;border:1px solid #20ebb46b!important;box-shadow:inset 0 1px 0 #a1ffdc66,0 6px 18px #00d39620!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.btn-light,.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.bd-button.secondary){background:linear-gradient(140deg,#133145,#10222e)!important;color:#46bdff!important;border:1px solid #226388!important;box-shadow:inset 0 1px 0 #8bd9ff15!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.btn-danger,.btn-outline-danger){background:#3a1c26!important;color:#ffb4b4!important;border-color:#854557!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.btn,.bd-button):hover{filter:brightness(1.1);transform:translateY(-1px)}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :focus-visible{outline:3px solid #20cfd4!important;outline-offset:3px}
html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.navbar,.navbar-main,.navbar-expand-lg,footer,.footer){background:#0b1219!important;border-color:#29414b!important;color:#a6b9c4!important}
html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.navbar-nav .nav-link,.dropdown-item,.nav-link){color:#b8d4e4!important}
html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.nav-link.active,.dropdown-item:hover,.dropdown-item:focus){background:#123448!important;color:#53c6ff!important}
html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.table,.table td,.table th){color:#dceaf1!important;border-color:#29414b!important}
html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.table thead th,.table-hover tbody tr:hover,.select2-container--default .select2-selection--single,.select2-dropdown){background:#10222d!important;color:#dceaf1!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.alert-success,.bd-notice.success){background:#10332b!important;color:#7be6b7!important;border-color:#286f58!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(.alert-danger,.bd-notice.error){background:#382026!important;color:#ffb5ab!important;border-color:#79464b!important}
html[data-bloopy-shell="devices"] .bd-nav{border-color:#243642;padding-top:22px;padding-bottom:22px}
html[data-bloopy-shell="devices"] .bd-logo img{width:120px;height:44px;object-fit:contain}
html[data-bloopy-shell="devices"] .bd-nav nav>a{background:linear-gradient(140deg,#142735,#0f1b25);color:#aed2e7;border:1px solid #294656;box-shadow:inset 0 1px 0 #8bd9ff10;border-radius:15px;min-height:48px}
html[data-bloopy-shell="devices"] .bd-nav nav>a[aria-current="page"]{background:linear-gradient(125deg,#103c4e,#123d32);border-color:#168c8c;color:#5dd5ff;box-shadow:0 5px 20px #00c5a010}
html[data-bloopy-shell="devices"] .bd-main{padding-top:24px}
html[data-bloopy-shell="devices"] .bd-eyebrow{color:#00e88b!important;letter-spacing:.15em}
html[data-bloopy-shell="devices"] .bd-hero{padding:44px 0 60px;min-height:420px;gap:28px}
html[data-bloopy-shell="devices"] .bd-hero h1{font-size:clamp(40px,5.1vw,67px);letter-spacing:-.045em!important}
html[data-bloopy-shell="devices"] .bd-neon-hero-art{display:grid;place-items:center;position:relative;isolation:isolate;aspect-ratio:1;max-height:370px;background:radial-gradient(ellipse,#006e7c35,transparent 66%)}
html[data-bloopy-shell="devices"] .bd-neon-hero-art:before{content:'';position:absolute;inset:10%;border:1px solid #1d657454;border-radius:50%;transform:rotate(-20deg) scaleX(.9);box-shadow:0 0 70px #00bdae12}
html[data-bloopy-shell="devices"] .bd-neon-hero-art img{height:100%;width:100%;max-height:370px;object-fit:contain;filter:drop-shadow(0 18px 24px #0008);position:relative}
html[data-bloopy-shell="devices"] .bd-device-grid{gap:22px}
html[data-bloopy-shell="devices"] .bd-card-main{height:auto}
html[data-bloopy-shell="devices"] .bd-device-art{height:auto;aspect-ratio:1.18;margin:10px;border-radius:19px;background:#101d26}
html[data-bloopy-shell="devices"] .bd-device-art img{width:100%;height:100%;object-fit:cover;display:block}
html[data-bloopy-shell="devices"] .bd-card-copy{padding:13px 22px 8px}
html[data-bloopy-shell="devices"] .bd-card-copy h3{font-size:25px;margin:12px 0;line-height:1.22}
html[data-bloopy-shell="devices"] .bd-card-actions{display:flex;flex-wrap:wrap;gap:9px;padding:8px 20px 22px;align-items:center}
html[data-bloopy-shell="devices"] .bd-card-actions .bd-button{padding:11px 15px;font-size:12px}
html[data-bloopy-shell="devices"] .bd-button.subtle{color:#a5cce1!important;background:transparent}
html[data-bloopy-shell="devices"] .bd-status{color:#46e5ab;font-size:10px}
html[data-bloopy-shell="devices"] .bd-status.lost{color:#ffc3a2;background:#462a20;border:1px solid #764a30}
html[data-bloopy-shell="devices"] .bd-add-card{background:linear-gradient(145deg,#0b2028,#10191f);border-color:#285362;border-radius:26px}
html[data-bloopy-shell="devices"] .bd-add-card>span{background:#103c45;color:#25dcc0;width:58px;height:58px}
html[data-bloopy-shell="devices"] :is(.bd-account-toggle,.bd-switch,.bd-product-chip,.bd-notice.soft,.bd-purpose-option:has(input:checked)){background:linear-gradient(130deg,#133b45,#13382e)!important;color:#e8f3f7!important;border-color:#258d82!important}
html[data-bloopy-shell="devices"] .bd-purpose-option{background:#0b171f;border-color:#29414b;padding:20px}
html[data-bloopy-shell="devices"] .bd-purpose-option strong{color:#42baff;font-size:16px}
html[data-bloopy-shell="devices"] :is(.bd-purpose-option input,.bd-check input){accent-color:#00dca1}
html[data-bloopy-shell="devices"] :is(.bd-help,.bd-form small,.bd-action-hint,.bd-footnote){color:#a6b9c4;font-size:13px;line-height:1.6}
html[data-bloopy-shell="devices"] .bd-form label{font-size:14px}
html[data-bloopy-shell="devices"] .bd-form input::placeholder{font-size:14px}
html[data-bloopy-shell="devices"] .bd-check{font-size:14px!important}
html[data-bloopy-shell="devices"] :is(.bd-lost-panel,.bd-owner-message){background:linear-gradient(140deg,#35271e,#211e1c)!important;border-color:#70503a!important}
html[data-bloopy-shell="devices"] .bd-owner-message>span{color:#ffc5a4}
html[data-bloopy-shell="devices"] .bd-photo-caption{background:#0b1b28db;color:#d2e8f2;border:1px solid #386076}
html[data-bloopy-shell="devices"] :is(.bd-tag-scene>span,.bd-aside-token,.bd-success-mark){background:radial-gradient(circle at 25% 15%,#236e8b,#123a45 55%,#123128);border:1px solid #286878;color:#27e4b3;box-shadow:inset 0 1px 0 #a1ffdc44,0 14px 45px #00bca019}
html[data-bloopy-shell="devices"] .bd-footer{border-color:#243642;color:#90a8b7}
html[data-bloopy-shell="devices"] .bd-details{background:linear-gradient(145deg,#12222a,#0e181f);border:1px solid #29414b;border-radius:26px;padding:28px}
/* Public personal profiles: retain all blocks, photos, links and mobile layout. */
html[data-bloopy-shell="public"] body{background:radial-gradient(ellipse at top,#10303c,#08090d 65%)!important;color:#e8f3f7!important;font-family:'Plus Jakarta Sans',-apple-system,sans-serif!important}
html[data-bloopy-shell="public"] :is(h1,h2,h3){font-family:Manrope,sans-serif!important;color:#39baff!important}
html[data-bloopy-shell="public"] :is(.link-content,.link-content-container){color:#e8f3f7}
html[data-bloopy-shell="public"] .bloopy-account-access{background:linear-gradient(140deg,#133145,#10222e)!important;border:1px solid #226388!important;color:#46bdff!important;border-radius:15px!important}
@media(max-width:700px){html[data-bloopy-shell="devices"] .bd-main{padding:18px 18px 40px}html[data-bloopy-shell="devices"] .bd-nav{padding:18px;gap:16px}html[data-bloopy-shell="devices"] .bd-nav nav>a{font-size:13px;min-height:56px;padding:12px 10px}html[data-bloopy-shell="devices"] .bd-hero{grid-template-columns:1fr;padding:26px 0 36px;gap:0}html[data-bloopy-shell="devices"] .bd-hero h1{font-size:44px}html[data-bloopy-shell="devices"] .bd-neon-hero-art{height:230px;max-width:300px;width:100%;margin:14px auto 0}html[data-bloopy-shell="devices"] .bd-neon-hero-art img{max-height:230px}html[data-bloopy-shell="devices"] .bd-device-grid{grid-template-columns:1fr;gap:18px}html[data-bloopy-shell="devices"] .bd-device-art{aspect-ratio:1.35;max-height:320px}html[data-bloopy-shell="devices"] .bd-card-copy h3{font-size:25px}html[data-bloopy-shell="devices"] .bd-card-actions{padding-bottom:20px}html[data-bloopy-shell="devices"] .bd-card-actions .bd-button{min-height:48px;font-size:14px}html[data-bloopy-shell="devices"] .bd-add-card{min-height:210px}html[data-bloopy-shell="devices"] .bd-section-heading h2{font-size:25px}html[data-bloopy-shell="devices"] .bd-panel,html[data-bloopy-shell="devices"] .bd-wizard{padding:23px 18px}html[data-bloopy-shell="devices"] .bd-public-copy{order:0}html[data-bloopy-shell="devices"] .bd-public-photo{height:330px}html[data-bloopy-shell="devices"] .bd-details{padding:24px 20px}html[data-bloopy-shell="devices"] .bd-activation-intro{position:static}html[data-bloopy-shell="devices"] .bd-button{min-height:50px}html[data-bloopy-shell="devices"] .bd-narrow h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html[data-bloopy-shell="devices"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports (-webkit-background-clip:text){html[data-bloopy-shell="public"] :is(h1,h2,h3){background-image:linear-gradient(110deg,#159fff 8%,#18b7ed 48%,#00e88b 95%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}}
/* Native editor/navigation finishing. Keep preview content and all controls interactive. */
html[data-bloopy-shell="app"] :is(.nav-custom .nav-link,.nav-pills .nav-link,.nav-tabs .nav-link){background:linear-gradient(140deg,#133145,#10222e)!important;border:1px solid #294b60!important;border-radius:15px!important;color:#b8d4e4!important;min-height:46px;padding:11px 18px}
html[data-bloopy-shell="app"] :is(.nav-custom .nav-link.active,.nav-pills .nav-link.active,.nav-tabs .nav-link.active){background:linear-gradient(125deg,#103c4e,#123d32)!important;border-color:#168c8c!important;color:#5dd5ff!important}
html[data-bloopy-shell="app"] :is(.bloopy-editor-tabs,.bloopy-sticky-save,.bp-overview,.bp-stats>div,.bloopy-editor-hero,.bloopy-profile-hero){background:linear-gradient(140deg,#15232b,#10191f)!important;border:1px solid #29414b!important;border-radius:22px;color:#dceaf1!important}
html[data-bloopy-shell="app"] :is(.bloopy-section-icon,.bloopy-quick-icon,.bloopy-stat-icon,.bloopy-kicker,.bloopy-eyebrow){background:#113542!important;color:#35b5ff!important}
html[data-bloopy-shell="app"] :is(.text-success,.alert-success,.alert-success p){color:#73e0ad!important}
html[data-bloopy-shell="app"] footer :is(.container,.text-muted,a){color:#a6b9c4!important}
html[data-bloopy-shell="app"] .bp-user-devices{max-width:1140px;margin:24px auto 20px;padding:0 15px}
html[data-bloopy-shell="app"] :is(.breadcrumb,.page-link,.btn-gray-300){background:#10222d!important;color:#b8d4e4!important;border-color:#29414b!important}
html[data-bloopy-shell="auth"] .bp-eyebrow{color:#00e88b!important}
html[data-bloopy-shell="public"] .bloopy-public-shell{background:linear-gradient(140deg,#15232b,#10191f)!important;border:1px solid #29414b!important;border-radius:28px}
html[data-bloopy-shell="public"] body .bloopy-quick-action{background:linear-gradient(140deg,#133145,#10222e)!important;color:#64c8ff!important;border:1px solid #226388!important;border-radius:15px!important;box-shadow:inset 0 1px 0 #8bd9ff15}
html[data-bloopy-shell="public"] body .bloopy-save-contact{background:linear-gradient(120deg,#00ed94,#00ce9b 55%,#08b9d3)!important;color:#04281f!important;border:1px solid #20ebb46b!important;border-radius:15px!important;box-shadow:inset 0 1px 0 #a1ffdc66,0 6px 18px #00d39620}
html[data-bloopy-shell="public"] body .bloopy-save-contact :is(i,span,svg){color:#04281f!important}
@media(max-width:700px){html[data-bloopy-shell="public"] .bloopy-public-shell{border-radius:24px}html[data-bloopy-shell="app"] .nav-custom{display:flex;gap:8px;flex-wrap:wrap}html[data-bloopy-shell="app"] .nav-custom .nav-item{flex:1 1 calc(50% - 8px);margin:0!important}html[data-bloopy-shell="app"] .nav-custom .nav-link{height:100%;display:flex;align-items:center;justify-content:center;font-size:13px}}
/* Native Bootstrap rows use negative margins: keep public cards inside the new border. */
html[data-bloopy-shell="public"] .bloopy-public-shell>.row{margin-left:0!important;margin-right:0!important}
html[data-bloopy-shell="public"] .bloopy-public-card{min-width:0;max-width:100%}

/* 20260917.4: readable account access and mobile native controls */
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="public"]) .bloopy-account-access,
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="public"]) .bloopy-account-access:visited{background:linear-gradient(120deg,#00ed94,#08b9d3)!important;color:#04281f!important;-webkit-text-fill-color:#04281f!important;border:1px solid #35efd0!important;box-shadow:inset 0 1px 0 #c2fff66b,0 5px 18px #00bd9d20!important;font-weight:700;line-height:1.4;min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;border-radius:16px;white-space:normal}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="public"]) .bloopy-account-access span{color:inherit!important;-webkit-text-fill-color:inherit!important}
html[data-bloopy-shell="app"] select.form-control{height:auto!important;min-height:52px!important;padding:12px 38px 12px 14px!important;line-height:1.5!important;color:#e8f3f7!important;-webkit-text-fill-color:#e8f3f7;max-width:100%;font-size:16px!important;color-scheme:dark}
html[data-bloopy-shell="app"] select.form-control option{background:#0b151c;color:#e8f3f7}
html[data-bloopy-shell="app"] .select2-container{max-width:100%!important}
html[data-bloopy-shell="app"] .select2-selection__rendered{color:#e8f3f7!important;line-height:50px!important;padding-left:14px!important}
html[data-bloopy-shell="app"] .select2-selection--single{height:52px!important;border:1px solid #314b58!important;border-radius:14px!important}
html[data-bloopy-shell="app"] .select2-selection__arrow{height:50px!important}
html[data-bloopy-shell="app"] #twofa_container{min-width:0;overflow-wrap:anywhere}
html[data-bloopy-shell="app"] #twofa_container img{max-width:min(100%,220px);height:auto;padding:12px;background:#fff;border-radius:16px}
html[data-bloopy-shell="app"] #twofa_container .h5{word-break:break-all;font-family:ui-monospace,monospace!important;font-size:16px!important;line-height:1.6!important}
@media(max-width:575px){html[data-bloopy-shell="devices"] .bd-nav .bloopy-account-access{max-width:200px;font-size:14px;padding:10px 13px}html[data-bloopy-shell="app"] #twofa_container .d-flex>div{max-width:100%;min-width:0}}

html[data-bloopy-shell="app"] .bloopy-account-footer{display:flex;flex-wrap:wrap;gap:14px;margin:40px 0 20px;padding-top:28px;border-top:1px solid #29414b}
html[data-bloopy-shell="app"] .bloopy-account-footer .bloopy-account-home{background:linear-gradient(120deg,#159fff,#04c6b3)!important;color:#031a24!important;-webkit-text-fill-color:#031a24!important;border:1px solid #33cce7!important;font-weight:700!important;min-height:50px;padding:14px 22px}
html[data-bloopy-shell="app"] .bloopy-account-footer .bloopy-account-delete{background:linear-gradient(130deg,#172b38,#103b3a)!important;color:#82f6de!important;-webkit-text-fill-color:#82f6de!important;border:1px solid #307a7a!important;font-weight:600!important;min-height:50px;padding:14px 22px}
@media(max-width:575px){html[data-bloopy-shell="app"] .bloopy-account-footer .btn{flex:1 1 145px}}

/* Shared owner navigation: identical on products, settings and native profile editor. */
html:is([data-bloopy-shell="app"],[data-bloopy-shell="devices"]) .bloopy-user-nav{box-sizing:border-box;position:relative;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:22px 20px;border-bottom:1px solid #29414b;font-family:'Plus Jakarta Sans',sans-serif}
.bloopy-user-brand{display:inline-flex;align-items:center}.bloopy-user-brand img{width:120px;height:44px;object-fit:contain}
.bloopy-user-links{display:flex;justify-content:flex-end;gap:10px}.bloopy-user-links>a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 15px;background:linear-gradient(135deg,#153347,#10282d);color:#bde8f7!important;-webkit-text-fill-color:#bde8f7!important;border:1px solid #2c5666;border-radius:16px;text-decoration:none!important;font-size:13px;font-weight:600;line-height:1.4;box-sizing:border-box;box-shadow:inset 0 1px 0 #a1e8ff16;transition:filter .18s,transform .18s}
.bloopy-user-links>a[aria-current="page"]{background:linear-gradient(120deg,#159fff,#03d1a0);border-color:#35dccc;color:#032c32!important;-webkit-text-fill-color:#032c32!important;box-shadow:inset 0 1px 0 #c1ffff66,0 5px 18px #00b8b51a}.bloopy-user-links>a:hover{filter:brightness(1.12)}
.bloopy-user-links svg{width:22px;height:22px;flex:none}.bloopy-user-options{position:relative;max-width:170px}.bloopy-user-options summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:#bde8f7;min-height:44px}.bloopy-user-options summary::-webkit-details-marker{display:none}.bloopy-user-options summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bloopy-user-options summary svg{width:17px;height:17px;flex:none}.bloopy-user-options[open] summary svg{transform:rotate(180deg)}
.bloopy-user-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;padding:8px;border:1px solid #315664;border-radius:18px;background:linear-gradient(135deg,#142b38,#102428);box-shadow:0 18px 50px #0008;z-index:40}.bloopy-user-dropdown a{display:block;padding:12px;border-radius:11px;color:#d6edf7!important;font-size:14px;text-decoration:none!important}.bloopy-user-dropdown a:hover{background:#1c4b52}
/* Native checkboxes retain submission and keyboard behavior; only settings become switches. */
html[data-bloopy-shell="devices"] .bd-check:has(.bloopy-toggle){display:flex;align-items:center;gap:14px;min-height:56px;margin:8px 0;padding:10px 13px;background:linear-gradient(120deg,#12273299,#112b2599);border:1px solid #284751;border-radius:15px;line-height:1.5;font-size:14px!important;cursor:pointer}
html[data-bloopy-shell="devices"] .bd-check .bloopy-toggle{appearance:none!important;-webkit-appearance:none!important;display:block;position:relative;width:48px!important;min-width:48px!important;height:28px!important;min-height:28px!important;flex:0 0 48px;padding:0!important;margin:0!important;border:1px solid #597180!important;border-radius:100px!important;background:#243b47!important;box-shadow:inset 0 1px 3px #0004;cursor:pointer;transition:background .2s,border-color .2s}
html[data-bloopy-shell="devices"] .bd-check .bloopy-toggle:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;top:3px;left:3px;background:#e5f5fb;box-shadow:0 2px 5px #0004;transition:transform .2s}
html[data-bloopy-shell="devices"] .bd-check .bloopy-toggle:checked{background:linear-gradient(110deg,#159fff,#00dfa1)!important;border-color:#21ddc2!important}.bd-check .bloopy-toggle:checked:before{transform:translateX(20px)}.bd-check .bloopy-toggle:disabled{opacity:.45;cursor:not-allowed}
/* Fit the gradient to the text, rather than a wide column that leaves all words blue. */
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"],[data-bloopy-shell="auth"]) :is(h1,h2,h3,h4,h5){width:fit-content;max-width:100%;padding-bottom:.08em;background-size:100% 100%!important}
html[data-bloopy-shell="app"] .bloopy-account-page>form>.row.mb-5{margin:0 0 24px;padding:26px 18px;border:1px solid #294a54;border-radius:24px;background:linear-gradient(135deg,#142731,#102321);box-shadow:inset 0 1px 0 #98e7ff10}
html[data-bloopy-shell="devices"] .bd-wizard .bd-step+.bd-step{border-top:1px solid #294951;margin-top:28px;padding-top:28px}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"]) :is(.bd-button,.btn):not(.primary):not(.btn-primary):not(.btn-danger):not(.btn-outline-danger):not(.bloopy-account-home):not(.bloopy-account-delete){background:linear-gradient(130deg,#14364b,#10362e)!important;border:1px solid #286779!important;color:#91e0f7!important;-webkit-text-fill-color:#91e0f7!important;box-shadow:inset 0 1px 0 #9bebff18!important}
html:is([data-bloopy-shell="devices"],[data-bloopy-shell="app"]) :is(.bd-button.primary,.btn-primary){-webkit-text-fill-color:#04281f!important}
@media(max-width:1000px){html:is([data-bloopy-shell="app"],[data-bloopy-shell="devices"]) .bloopy-user-nav{grid-template-columns:1fr auto;gap:16px}.bloopy-user-links{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.bloopy-user-links.has-personal{grid-template-columns:repeat(4,minmax(0,1fr))}.bloopy-user-options{grid-row:1;grid-column:2}.bloopy-user-links>a{padding:12px 8px}}
@media(max-width:575px){html:is([data-bloopy-shell="app"],[data-bloopy-shell="devices"]) .bloopy-user-nav{padding:18px;gap:16px}.bloopy-user-links{gap:8px}.bloopy-user-links>a{flex-direction:column;gap:7px;font-size:12px;min-height:76px;text-align:center}.bloopy-user-links.has-personal{grid-template-columns:repeat(2,minmax(0,1fr))}.bloopy-user-options{max-width:150px}.bloopy-user-brand img{width:112px}.bloopy-user-dropdown{max-width:calc(100vw - 36px)}html[data-bloopy-shell="app"] .bloopy-account-page>form>.row.mb-5{padding:22px 4px}html[data-bloopy-shell="devices"] .bd-check:has(.bloopy-toggle){padding:12px 10px;gap:12px}.bd-check:has(.bloopy-toggle) span{min-width:0}}
@media(prefers-reduced-motion:reduce){.bloopy-toggle,.bloopy-toggle:before,.bloopy-user-links>a{transition:none!important}}
html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) .bloopy-recovery-page{max-width:620px;margin:40px auto 60px}.bloopy-recovery-card .card-body{padding:36px!important}.bloopy-recovery-card h1{font-size:clamp(30px,5vw,42px)}.bloopy-recovery-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;color:#00e8b0!important}.bloopy-recovery-card .btn{width:100%;padding:14px 18px}.bloopy-recovery-card p{line-height:1.7}.bloopy-recovery-card label{font-size:14px;font-weight:600}
@media(max-width:575px){html:is([data-bloopy-shell="app"],[data-bloopy-shell="auth"]) .bloopy-recovery-page{margin:24px auto 40px}.bloopy-recovery-card .card-body{padding:26px 20px!important}}

html[data-bloopy-shell="devices"] .bd-privacy-options{gap:0}