@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --bg:#090909;--panel:#111;--panel-2:#171717;--text:#f5f2eb;--muted:#9a9a98;
  --line:rgba(255,255,255,.13);--red:#ff2d35;--red-dark:#cf151d;--white:#fff;
  --display:"Archivo Black",Impact,sans-serif;--body:Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}
body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
::selection{background:var(--red);color:#fff}
.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:18px;background:#050505;color:#b6b6b6;font-size:11px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid #161616}
.announcement-dot{width:3px;height:3px;border-radius:50%;background:var(--red)}
.site-header{height:76px;position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;background:rgba(9,9,9,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:transform .35s}
.site-header.header-hidden{transform:translateY(-110%)}
.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:18px;letter-spacing:-.04em}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--red);color:white;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);font-size:18px}
.desktop-nav{display:flex;gap:34px;font-size:13px;font-weight:700}
.desktop-nav a{color:#aaa;transition:.2s}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}
.icon-button,.cart-button,.menu-button{height:40px;background:transparent;color:#fff;border:1px solid var(--line)}
.icon-button{width:42px;display:grid;place-items:center}
.search-icon{width:14px;height:14px;border:2px solid #fff;border-radius:50%;position:relative}
.search-icon:after{content:"";position:absolute;width:6px;height:2px;background:#fff;right:-5px;bottom:-2px;transform:rotate(45deg)}
.cart-button{padding:0 14px;display:flex;gap:10px;align-items:center;font-size:12px;text-transform:uppercase;font-weight:700}
.cart-button b{display:grid;place-items:center;width:20px;height:20px;background:var(--red);border-radius:50%;font-size:10px}
.menu-button{display:none;width:42px;place-items:center}
.menu-button i{display:block;width:17px;height:1px;background:#fff;margin:4px auto}
.hero{min-height:calc(100vh - 110px);position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 45%,#2b2b2b 0,#151515 28%,#090909 63%)}
.hero:before{content:"";position:absolute;inset:auto -10% -30% 36%;height:74%;background:var(--red);filter:blur(150px);opacity:.09}
.hero-noise{position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.hero-copy{padding:7vw;z-index:2}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:#a9a9a7}
.hero h1,.app-hero h1,.story-hero h1{font-family:var(--display);font-size:clamp(64px,8.4vw,144px);line-height:.82;letter-spacing:-.075em;margin:24px 0 28px}
.hero h1 em,.app-hero h1 em,.story-hero h1 em{font-style:normal;color:var(--red)}
.hero-copy>p{max-width:570px;color:#b0b0ae;line-height:1.7;font-size:17px}
.hero-actions{display:flex;gap:12px;margin-top:36px}
.primary-button,.secondary-button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;transition:.25s}
.primary-button{background:var(--red);color:#fff}
.primary-button:hover{background:#ff454c;transform:translateY(-2px)}
.primary-button.light{background:#fff;color:#080808}
.secondary-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.secondary-button:hover{background:#fff;color:#090909}
.full{width:100%}
.hero-product{height:100%;display:grid;place-items:center;position:relative;perspective:1200px}
.speaker{position:relative;transform-style:preserve-3d}
.speaker-xl{width:min(37vw,520px);height:min(68vh,690px);transform:rotateY(-10deg) rotateX(1deg)}
.speaker-case{position:absolute;inset:0;background:linear-gradient(135deg,#333,#151515 10%,#101010 88%,#292929);border:6px solid #292929;box-shadow:0 40px 90px #000, inset 0 0 0 5px #0a0a0a}
.speaker-grid{position:absolute;inset:5%;background-color:#101010;background-image:radial-gradient(#3b3b3b 1.1px,transparent 1.1px);background-size:6px 6px;border:2px solid #030303;box-shadow:inset 0 0 80px #000}
.speaker-ring{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#0a0a0a 0 30%,#202020 31% 39%,#080808 40% 61%,#252525 62% 68%,#070707 69%);border:2px solid #303030;box-shadow:0 10px 28px #000}
.ring-top{width:43%;aspect-ratio:1;top:10%}
.ring-bottom{width:58%;aspect-ratio:1;bottom:8%}
.speaker-logo{position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%) skew(-10deg);display:grid;place-items:center;width:76px;height:55px;background:var(--red);font-family:var(--display);font-size:36px}
.corner{position:absolute;z-index:4;width:58px;height:58px;border-color:#4b4b4b;border-style:solid}
.c1{left:-7px;top:-7px;border-width:8px 0 0 8px}.c2{right:-7px;top:-7px;border-width:8px 8px 0 0}.c3{left:-7px;bottom:-7px;border-width:0 0 8px 8px}.c4{right:-7px;bottom:-7px;border-width:0 8px 8px 0}
.speaker-shadow{position:absolute;width:100%;height:70px;background:#000;filter:blur(30px);bottom:-50px;border-radius:50%;opacity:.85}
.floating-label{position:absolute;padding:10px 13px;background:rgba(10,10,10,.83);border:1px solid var(--line);font-size:9px;letter-spacing:.16em;font-weight:700;backdrop-filter:blur(12px)}
.label-a{left:10%;top:24%}.label-b{right:9%;top:43%}.label-c{left:14%;bottom:20%}
.hero-index{position:absolute;right:30px;bottom:25px;color:#777;font-size:10px;letter-spacing:.16em}
.marquee{overflow:hidden;background:var(--red);color:#fff;padding:16px 0;white-space:nowrap;font-family:var(--display);font-size:18px}
.marquee div{display:inline-block;animation:marquee 25s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.split-feature{min-height:680px;display:grid;grid-template-columns:1fr 1fr}
.feature-visual{display:grid;place-items:center;overflow:hidden}
.red-panel{background:linear-gradient(145deg,#ff343b,#c90e16)}
.battery-art{width:260px;height:390px;position:relative;display:grid;place-items:center;border:10px solid #171717;background:linear-gradient(145deg,#343434,#111);box-shadow:35px 45px 70px rgba(0,0,0,.35);transform:rotate(-8deg)}
.battery-art:before{content:"";position:absolute;top:-30px;width:90px;height:32px;background:#1b1b1b}
.battery-art span{font-family:var(--display);font-size:104px;letter-spacing:-.08em}
.battery-art small{position:absolute;bottom:65px;letter-spacing:.16em}
.battery-art i{position:absolute;bottom:25px;width:70%;height:9px;background:linear-gradient(90deg,var(--red) 75%,#444 75%)}
.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw;background:#f0eee8;color:#101010}
.feature-copy .eyebrow{color:#666}
.feature-copy h2,.section-heading h2,.app-copy h2,.manifesto h2,.product-story h2,.spec-section h2,.story-copy h2{font-family:var(--display);font-size:clamp(42px,5.4vw,86px);line-height:.95;letter-spacing:-.065em;margin:20px 0 28px}
.feature-copy p,.app-copy p,.story-copy p{max-width:620px;color:#5d5d5b;line-height:1.8}
.text-link{margin-top:26px;padding-bottom:9px;width:max-content;border-bottom:1px solid #111;font-size:12px;font-weight:800;text-transform:uppercase}
.collection-section,.related-section{padding:110px 5vw;background:#0b0b0b}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.section-heading h2{font-size:clamp(40px,5vw,76px);margin:14px 0 0}
.section-heading>a{font-size:12px;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:6px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{min-width:0}
.product-image{height:480px;display:grid;place-items:center;position:relative;overflow:hidden;background:#161616}
.product-image:after{content:"";position:absolute;width:70%;height:40%;border-radius:50%;bottom:-25%;filter:blur(65px);opacity:.5}
.accent-red{background:linear-gradient(145deg,#242424,#121212)}.accent-red:after{background:var(--red)}
.accent-black{background:linear-gradient(145deg,#161616,#050505)}.accent-black:after{background:#555}
.accent-silver{background:linear-gradient(145deg,#dedbd3,#858583)}.accent-silver:after{background:#fff}
.product-badge{position:absolute;left:16px;top:16px;z-index:3;padding:8px 10px;background:#fff;color:#111;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.mini-speaker{width:46%;height:67%;position:relative;background:#111;border:8px solid #282828;box-shadow:20px 30px 45px rgba(0,0,0,.45);transform:rotate(-3deg);z-index:1}
.mini-speaker:before,.mini-speaker:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;border:10px solid #202020;background:#070707}
.mini-speaker:before{width:43%;aspect-ratio:1;top:10%}.mini-speaker:after{width:60%;aspect-ratio:1;bottom:8%}
.mini-speaker i{position:absolute;inset:5%;background-image:radial-gradient(#444 1px,transparent 1px);background-size:5px 5px}
.mini-speaker b{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);background:var(--red);padding:7px 14px;font-family:var(--display)}
.product-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 2px 8px}
.product-meta h3{font-size:16px;margin:0 0 6px}.product-meta p{color:#777;margin:0;font-size:12px}.product-meta small{text-transform:uppercase;letter-spacing:.14em;color:#777}
.product-meta strong{font-size:13px;white-space:nowrap}
.card-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:11px;text-transform:uppercase;font-weight:700}
.card-actions button{background:none;border:0;color:var(--red);padding:0}
.app-banner{min-height:760px;display:grid;grid-template-columns:45% 55%;overflow:hidden;background:var(--red)}
.app-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}
.app-copy .eyebrow,.app-copy p{color:rgba(255,255,255,.75)}
.phone-scene{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#363636,#111 58%,#080808)}
.phone{position:absolute;width:280px;height:570px;border:10px solid #0d0d0d;border-radius:38px;background:#181818;box-shadow:0 40px 80px rgba(0,0,0,.6);overflow:hidden}
.phone:before{content:"";position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:95px;height:21px;border-radius:20px;background:#060606}
.phone-back{transform:translate(-100px,20px) rotate(-12deg);opacity:.65}.phone-front{transform:translate(75px,-10px) rotate(7deg)}
.phone-ui{height:100%;padding:55px 22px 25px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#242424,#0b0b0b)}
.phone-ui span{font-size:9px;letter-spacing:.16em;color:#aaa}.phone-ui strong{margin-top:14px;font-family:var(--display);font-size:22px}
.phone-ui>i{width:150px;height:150px;border:18px solid #252525;border-top-color:var(--red);border-radius:50%;margin:75px 0 30px}.phone-ui>b{font-size:38px}
.equalizer{height:150px;display:flex;align-items:center;gap:8px;margin:90px 0 45px}
.equalizer i{width:8px;background:var(--red);animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:35px}.equalizer i:nth-child(2){height:95px;animation-delay:.15s}.equalizer i:nth-child(3){height:135px;animation-delay:.3s}.equalizer i:nth-child(4){height:75px;animation-delay:.45s}.equalizer i:nth-child(5){height:45px;animation-delay:.6s}
@keyframes eq{to{transform:scaleY(.45)}}
.phone-ui button{margin-top:auto;padding:12px 25px;border:1px solid var(--red);background:transparent;color:#fff;font-size:9px;letter-spacing:.14em}
.manifesto{padding:120px 6vw;background:#efede6;color:#111}
.manifesto .eyebrow{color:#686868}
.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.manifesto h2{font-size:clamp(56px,7vw,110px);margin-top:35px}
.manifesto-list>div{display:grid;grid-template-columns:50px 1fr;border-top:1px solid #bbb;padding:28px 0}
.manifesto-list b{color:var(--red)}.manifesto-list h3{margin:0;font-size:24px}.manifesto-list p{grid-column:2;color:#666;line-height:1.7}
.launch-cta{padding:80px 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--red)}
.launch-cta h2{font-family:var(--display);font-size:clamp(45px,6vw,85px);letter-spacing:-.06em;margin:12px 0 0}
.site-footer{padding:80px 5vw 25px;background:#060606;border-top:1px solid var(--line)}
.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:70px}
.footer-brand{font-size:25px}.footer-top>div>p{max-width:450px;color:#777;line-height:1.8;margin-top:24px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.footer-links h3{font-size:11px;text-transform:uppercase;color:#666;letter-spacing:.14em;margin:0 0 20px}
.footer-links a{display:block;color:#aaa;font-size:13px;margin:12px 0}.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.text-button{background:none;border:0;color:#777;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.25s}
.modal.is-open{opacity:1;visibility:visible}
.modal-card{width:min(590px,100%);background:#f2f0e9;color:#101010;padding:55px;position:relative;transform:translateY(25px);transition:.3s}
.modal.is-open .modal-card{transform:translateY(0)}
.modal-card h2,.cookie-settings-card h2{font-family:var(--display);font-size:45px;letter-spacing:-.05em;margin:18px 0}.modal-card p{color:#666;line-height:1.7}
.modal-close,.overlay-close,.menu-close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:30px;color:inherit}
.notify-form{display:flex;margin-top:25px}.notify-form input{flex:1;min-width:0;padding:16px;border:1px solid #aaa;background:transparent}.notify-form button{padding:0 18px;background:#111;color:#fff;border:0;font-weight:700}
.modal-card small{display:block;color:#555;margin-top:12px}
.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(470px,100%);z-index:110;background:#f2f0e9;color:#111;transform:translateX(105%);transition:.35s;display:flex;flex-direction:column}
.cart-drawer.is-open{transform:translateX(0)}
.drawer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.65);opacity:0;visibility:hidden;transition:.25s}.drawer-backdrop.is-open{opacity:1;visibility:visible}
.drawer-head{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-bottom:1px solid #bbb}.drawer-head h2{font-family:var(--display)}.drawer-head button{border:0;background:none;font-size:30px}
.drawer-body{padding:20px;overflow:auto;flex:1}.drawer-foot{padding:24px;border-top:1px solid #bbb}.drawer-foot>div{display:flex;justify-content:space-between;margin-bottom:18px}
.cart-empty{text-align:center;padding:80px 20px}.cart-empty span{display:grid;place-items:center;margin:auto;width:60px;height:60px;background:var(--red);color:#fff;font-family:var(--display);font-size:30px}
.cart-item{display:grid;grid-template-columns:82px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid #ccc}.cart-thumb{height:95px;background:#171717;display:grid;place-items:center;color:#fff}.cart-thumb b{background:var(--red);padding:6px 12px}.cart-item small{display:block;color:#666;margin:8px 0}.remove-item{border:0;background:none;font-size:20px}.quantity{display:flex;align-items:center;width:max-content;border:1px solid #aaa}.quantity button{border:0;background:none;width:28px;height:25px}.quantity span{font-size:11px;width:24px;text-align:center}
.mobile-menu,.search-overlay{position:fixed;inset:0;z-index:100;background:#090909;opacity:0;visibility:hidden;transition:.25s}.mobile-menu.is-open,.search-overlay.is-open{opacity:1;visibility:visible}
.mobile-menu{display:flex;flex-direction:column;justify-content:center;padding:8vw}.mobile-menu a{font-family:var(--display);font-size:clamp(40px,10vw,85px);letter-spacing:-.05em;margin:5px 0}
.search-overlay{display:grid;place-items:center}.search-panel{width:min(900px,90%)}.search-panel label{display:block;font-family:var(--display);font-size:clamp(35px,6vw,75px);margin-bottom:30px}.search-panel>div{display:flex;border-bottom:2px solid #fff}.search-panel input{flex:1;background:none;border:0;color:#fff;padding:20px 0;font-size:20px;outline:0}.search-panel button{background:none;border:0;color:var(--red);font-weight:800}
.cookie-banner{position:fixed;z-index:130;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:24px 6vw;background:#f2f0e9;color:#111;transform:translateY(110%);transition:.35s;box-shadow:0 -20px 70px rgba(0,0,0,.3)}.cookie-banner.is-open{transform:translateY(0)}
.cookie-copy p{max-width:820px;color:#555;font-size:12px;line-height:1.55}.cookie-details{border:0;background:none;padding:0;color:var(--red);font-weight:700}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cookie-actions button{min-height:44px;border:1px solid #111;background:transparent;font-size:11px;font-weight:800}.cookie-actions button:first-child{grid-column:span 2;background:var(--red);border-color:var(--red);color:#fff}
.cookie-settings{position:fixed;inset:0;z-index:140;display:grid;place-items:center;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:.25s}.cookie-settings.is-open{opacity:1;visibility:visible}
.cookie-settings-card{position:relative;width:min(510px,92%);padding:45px;background:#f2f0e9;color:#111}.cookie-settings-card label{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #bbb}
.market-main{background:#0a0a0a}.market-hero{min-height:480px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:8vw 5vw 70px;background:radial-gradient(circle at 80% 20%,#3a1517,#111 45%,#090909)}
.market-hero h1{font-family:var(--display);font-size:clamp(58px,8vw,120px);line-height:.86;letter-spacing:-.07em;margin:24px 0 0}.market-hero>p{max-width:430px;color:#999;line-height:1.8}
.market-toolbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:17px 5vw;background:rgba(11,11,11,.94);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.market-search{display:flex;width:min(400px,40vw)}.market-search input{width:100%;background:#181818;border:1px solid var(--line);padding:12px 14px;color:#fff}.market-search button{border:0;background:var(--red);color:#fff;padding:0 16px;font-size:11px;font-weight:800}
.filter-row{display:flex;gap:24px;font-size:11px;text-transform:uppercase;font-weight:700}.filter-row a{color:#777}.filter-row a.active{color:#fff}
.market-products{padding:40px 5vw 100px}.market-status{display:flex;justify-content:space-between;margin-bottom:25px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#777}
.marketplace-grid{grid-template-columns:repeat(3,1fr);row-gap:55px}.marketplace-grid .product-image{height:430px}
.battery-product{position:relative;z-index:1;width:38%;height:58%;display:grid;place-items:center;background:linear-gradient(145deg,#333,#0d0d0d);border:8px solid #1c1c1c;box-shadow:20px 35px 50px rgba(0,0,0,.5);transform:rotate(-5deg)}.battery-product span{font-family:var(--display);font-size:42px}.battery-product i{position:absolute;top:-20px;width:40%;height:22px;background:#111}.battery-product b{position:absolute;bottom:25px;font-size:9px;letter-spacing:.15em}
.accessory-product{position:relative;z-index:1;width:58%;height:44%;border-radius:45% 45% 15% 15%;background:#0d0d0d;border:8px solid #252525;transform:rotate(-8deg);box-shadow:20px 30px 50px rgba(0,0,0,.5)}.accessory-product i{position:absolute;inset:18%;border-radius:50%;border:8px solid #555}.accessory-product b{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);font-size:10px}
.empty-state{text-align:center;padding:100px 20px}.empty-state span{display:grid;place-items:center;width:70px;height:70px;margin:auto;background:var(--red);font-family:var(--display);font-size:35px}.empty-state h2{font-family:var(--display);font-size:40px}.empty-state p{color:#777;margin-bottom:30px}
.market-promo{margin:0 5vw 100px;padding:70px;display:flex;align-items:flex-end;justify-content:space-between;background:var(--red)}.market-promo h2{font-family:var(--display);font-size:clamp(45px,6vw,85px);line-height:.9;letter-spacing:-.06em;margin:20px 0 0}
.breadcrumbs{display:flex;gap:10px;padding:20px 5vw;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line)}
.product-detail{display:grid;grid-template-columns:58% 42%;min-height:780px}
.product-gallery{position:relative;display:grid;place-items:center;overflow:hidden}.product-gallery:after{content:"";position:absolute;width:60%;height:40%;bottom:-25%;filter:blur(90px);background:var(--red);opacity:.25}
.speaker-product{width:400px;height:580px;z-index:2;transform:rotate(-3deg)}
.gallery-tabs{position:absolute;z-index:4;bottom:24px;display:flex;gap:6px}.gallery-tabs button{padding:10px 18px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#888;text-transform:uppercase;font-size:9px}.gallery-tabs button.active{color:#fff;border-color:#fff}
.product-info{padding:7vw 6vw;background:#efede7;color:#111}.product-info .eyebrow{color:#666}.product-info h1{font-family:var(--display);font-size:clamp(50px,6vw,92px);line-height:.9;letter-spacing:-.07em;margin:22px 0 10px}.product-tagline{font-size:20px;color:#555}.product-price{font-family:var(--display);font-size:30px;margin:32px 0}.product-description{color:#60605d;line-height:1.8}.availability{display:flex;gap:12px;align-items:center;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:18px 0;margin:28px 0;font-size:12px}.availability i{width:8px;height:8px;border-radius:50%;background:#e5a500}
.product-buttons{display:grid;gap:10px}.product-info .secondary-button{color:#111;border-color:#111}.product-info .secondary-button:hover{background:#111;color:#fff}.mini-benefits{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px;color:#666;font-size:10px;text-transform:uppercase}
.battery-large{width:280px;height:430px}.accessory-large{width:430px;height:290px}
.product-story,.spec-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 6vw}.product-story{background:#0c0c0c}.feature-list>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:25px 0}.feature-list b{color:var(--red)}.feature-list span{font-size:20px}
.spec-section{background:#efede7;color:#111}.spec-section .eyebrow{color:#666}.spec-section dl{margin:0}.spec-section dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bbb;padding:20px 0}.spec-section dt{color:#666}.spec-section dd{margin:0;text-align:right}
.app-hero{min-height:800px;display:grid;grid-template-columns:42% 58%;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 40%,#3a1518,#111 45%,#080808)}
.app-hero-copy{padding:7vw}.app-hero-copy p{color:#aaa;line-height:1.7;max-width:480px;margin-bottom:35px}
.app-phones{position:relative;height:100%}.phone-app-main{left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.phone-app-left{left:15%;top:55%;transform:translateY(-50%) rotate(-13deg);opacity:.65}.phone-app-right{right:10%;top:48%;transform:translateY(-50%) rotate(13deg);opacity:.65}
.battery-circle{display:block;width:150px;height:150px;border:15px solid #2b2b2b;border-top-color:var(--red);border-radius:50%;margin:70px 0 25px}.app-speaker-icon{display:grid;place-items:center;width:150px;height:210px;background:#111;border:8px solid #333;margin:65px 0 30px;font-family:var(--display);font-size:50px}.eq-lines{display:flex;gap:25px;align-items:flex-end;height:200px;margin:70px 0}.eq-lines i{width:9px;background:var(--red)}.eq-lines i:nth-child(1){height:40%}.eq-lines i:nth-child(2){height:80%}.eq-lines i:nth-child(3){height:60%}.eq-lines i:nth-child(4){height:95%}
.app-features{display:grid;grid-template-columns:repeat(2,1fr);background:#efede7;color:#111}.app-features article{padding:75px 6vw;border-right:1px solid #bbb;border-bottom:1px solid #bbb}.app-features b{color:var(--red)}.app-features h2{font-family:var(--display);font-size:45px;letter-spacing:-.05em}.app-features p{color:#666;line-height:1.7}
.app-connect{padding:90px 6vw;background:var(--red);display:flex;align-items:flex-end;justify-content:space-between}.app-connect h2{font-family:var(--display);font-size:clamp(50px,7vw,95px);line-height:.9;letter-spacing:-.06em;margin:18px 0}.app-connect p{max-width:650px}
.story-hero{padding:10vw 6vw;background:radial-gradient(circle at 80% 30%,#321416,#090909 55%)}.story-hero p{max-width:650px;color:#aaa;line-height:1.8}
.story-panels{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.story-image{display:grid;place-items:center;background:var(--red)}.speaker-story{width:330px;height:500px;transform:rotate(6deg)}.story-copy{padding:8vw;background:#efede7;color:#111;display:flex;flex-direction:column;justify-content:center}.story-copy .eyebrow{color:#666}
.values{display:grid;grid-template-columns:repeat(3,1fr);padding:100px 6vw;gap:70px}.values b{color:var(--red)}.values h2{font-family:var(--display);font-size:35px}.values p{color:#888;line-height:1.7}
.legal-page{padding:9vw 15vw;background:#efede7;color:#111;min-height:70vh}.legal-page h1{font-family:var(--display);font-size:clamp(55px,7vw,100px);line-height:.9;letter-spacing:-.07em}.legal-page article{padding:45px 0;border-top:1px solid #bbb}.legal-page article h2{font-family:var(--display);font-size:34px}.legal-page article p{max-width:800px;color:#666;line-height:1.8}
.not-found{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px}.not-found>span{color:var(--red);font-family:var(--display)}.not-found h1{font-family:var(--display);font-size:clamp(55px,9vw,130px);line-height:.85;letter-spacing:-.07em;margin:18px}.not-found p{color:#777;margin-bottom:30px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.revealed{opacity:1;transform:none}
@media(max-width:1000px){
 .desktop-nav{display:none}.menu-button{display:block}.site-header{grid-template-columns:1fr auto;padding:0 18px}.announcement{font-size:8px;gap:9px}
 .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:90px 6vw 30px}.hero-product{height:670px}.speaker-xl{width:390px;height:580px}.hero-index{display:none}
 .split-feature,.app-banner,.product-detail,.product-story,.spec-section,.story-panels,.app-hero{grid-template-columns:1fr}
 .feature-visual{min-height:600px}.app-copy{padding:100px 7vw}.phone-scene{min-height:700px}
 .product-grid,.marketplace-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:430px}
 .manifesto-grid{grid-template-columns:1fr}.manifesto h2{margin-bottom:50px}
 .footer-top{grid-template-columns:1fr}.market-hero{align-items:flex-start;flex-direction:column}.market-toolbar{position:relative;align-items:flex-start;gap:20px;flex-direction:column}.market-search{width:100%}
 .product-gallery{min-height:700px}.product-info{padding:70px 7vw}.product-story,.spec-section{padding:80px 7vw}
 .app-hero{padding-top:50px}.app-phones{min-height:700px}.story-image{min-height:650px}
}
@media(max-width:650px){
 .announcement span:nth-child(n+3){display:none}.site-header{height:66px}.brand{font-size:15px}.icon-button{display:none}
 .hero h1,.app-hero h1,.story-hero h1{font-size:58px}.hero-actions{flex-direction:column;align-items:stretch}.hero-product{height:540px}.speaker-xl{width:280px;height:430px}.floating-label{display:none}
 .split-feature{min-height:0}.feature-visual{min-height:500px}.battery-art{width:190px;height:300px}.battery-art span{font-size:75px}
 .collection-section,.related-section{padding:75px 18px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.product-grid,.marketplace-grid{grid-template-columns:1fr}.product-image,.marketplace-grid .product-image{height:440px}
 .phone{width:220px;height:450px}.phone-back{transform:translate(-55px,20px) rotate(-10deg)}.phone-front{transform:translate(45px,-10px) rotate(7deg)}.equalizer{margin:55px 0 20px;height:110px}
 .manifesto,.launch-cta{padding:75px 20px}.launch-cta,.market-promo,.app-connect{align-items:flex-start;flex-direction:column;gap:35px}
 .footer-top{gap:45px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}
 .cookie-banner{grid-template-columns:1fr;padding:20px}.cookie-actions{grid-template-columns:1fr}.cookie-actions button:first-child{grid-column:auto}
 .modal-card{padding:42px 24px}.modal-card h2{font-size:35px}.notify-form{flex-direction:column}.notify-form button{height:48px}
 .market-hero{padding:80px 20px 55px}.market-hero h1{font-size:58px}.filter-row{width:100%;overflow:auto;padding-bottom:5px}
 .market-products{padding:30px 18px 75px}.market-promo{margin:0 18px 75px;padding:45px 25px}
 .product-gallery{min-height:540px}.speaker-product{width:270px;height:410px}.battery-large{width:220px;height:340px}.accessory-large{width:300px;height:200px}
 .product-story,.spec-section{gap:40px}.feature-list>div{grid-template-columns:45px 1fr}.feature-list span{font-size:16px}
 .app-hero-copy{padding:65px 20px}.app-phones{min-height:560px}.phone-app-left,.phone-app-right{display:none}.app-features{grid-template-columns:1fr}.app-features article{padding:55px 22px}
 .app-connect{padding:70px 22px}.story-hero{padding:90px 20px}.story-copy{padding:70px 22px}.values{grid-template-columns:1fr;padding:75px 22px}
 .legal-page{padding:80px 22px}.cart-button span{display:none}
}

/* Image-led 2026 update */
.hero-photo{background-image:linear-gradient(90deg,rgba(5,5,6,.95) 0%,rgba(5,5,6,.78) 38%,rgba(5,5,6,.1) 72%),url('../img/hero-sike-one.jpg');background-size:cover;background-position:center;grid-template-columns:1fr}
.hero-photo .hero-copy{max-width:830px}
.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.55));pointer-events:none}
.hero-price{margin-top:24px;font-size:12px;letter-spacing:.14em;color:#aaa;text-transform:uppercase}.hero-price strong{color:#fff;font-size:18px;margin-left:8px}
.feature-photo{background:#111}.feature-photo img,.app-photo img{width:100%;height:100%;object-fit:cover;display:block}
.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-image:hover img{transform:scale(1.035)}
.product-image:after{z-index:0}.product-image .product-badge{z-index:2}
.visual-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#111}.visual-story{position:relative;min-height:620px;overflow:hidden}.visual-story img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.visual-story:hover img{transform:scale(1.04)}.visual-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.84))}.visual-story>div{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.visual-story span{font-size:10px;letter-spacing:.17em;color:#ccc}.visual-story h2{font-family:var(--display);font-size:36px;line-height:.95;letter-spacing:-.05em;margin:12px 0 0}
.product-gallery-photo{background:#111}.main-product-photo{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumbs{position:absolute;z-index:5;left:24px;bottom:24px;display:flex;gap:8px}.gallery-thumbs button{width:72px;height:72px;padding:0;border:1px solid rgba(255,255,255,.4);background:#111}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.professional-footer{padding-top:0}.footer-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:70px 5vw;background:#efede7;color:#111}.footer-newsletter .eyebrow{color:#666}.footer-newsletter h2{font-family:var(--display);font-size:clamp(44px,6vw,82px);letter-spacing:-.06em;margin:14px 0}.footer-newsletter p{color:#666}.footer-signup{display:flex;border-bottom:2px solid #111}.footer-signup input{flex:1;border:0;background:transparent;padding:18px 0;outline:0}.footer-signup button{border:0;background:transparent;font-weight:800;text-transform:uppercase}.footer-brand-column{max-width:500px}.footer-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.footer-trust span{padding:9px 11px;border:1px solid var(--line);font-size:10px;color:#aaa}.payment-section{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.payment-section>div:first-child{display:flex;flex-direction:column;gap:5px}.payment-section strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.payment-section span{font-size:10px;color:#777}.payment-methods{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.payment-methods span{display:grid;place-items:center;min-width:78px;height:36px;padding:0 10px;background:#fff;color:#111;border-radius:4px;font-weight:900;font-size:10px;letter-spacing:.03em}.footer-bottom>div{display:flex;gap:16px;align-items:center}.footer-bottom a{color:#777}
@media(max-width:1000px){.visual-stories{grid-template-columns:1fr}.visual-story{min-height:500px}.footer-newsletter{grid-template-columns:1fr}.payment-section{align-items:flex-start;flex-direction:column}.payment-methods{justify-content:flex-start}}
@media(max-width:650px){.hero-photo{background-position:64% center}.hero-photo .hero-copy{padding-top:120px;padding-bottom:100px;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.15))}.visual-story{min-height:430px}.footer-newsletter{padding:60px 20px}.footer-signup{flex-direction:column;border:0}.footer-signup input{border-bottom:1px solid #111}.footer-signup button{height:48px;background:#111;color:#fff}.payment-methods span{min-width:72px}.gallery-thumbs{left:12px;bottom:12px}.gallery-thumbs button{width:58px;height:58px}}

/* Sound-style professional footer */
.sound-style-footer{padding:0;background:#080304;border-top:1px solid #261a1c;color:#fff}.footer-main-grid{display:grid;grid-template-columns:1.35fr 1fr;min-height:420px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;padding:42px 7vw 34px 10vw;border-right:1px solid #2b2022}.footer-columns h3,.footer-app-social h3{font-size:15px;margin:0 0 20px}.footer-columns a,.footer-link-button{display:block;margin:0 0 13px;color:#fff;font-size:12px;background:none;border:0;padding:0;text-align:left}.footer-columns a:hover,.footer-link-button:hover{color:var(--red)}.footer-notify{padding:36px 8vw 30px 7vw}.footer-notify h2{font-family:var(--display);font-size:34px;letter-spacing:-.04em;margin:0 0 20px}.footer-email-form{display:flex;max-width:370px;height:52px;background:#1d1d1f}.footer-email-form input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 20px;outline:none}.footer-email-form button{width:52px;margin:7px;border:0;border-radius:50%;background:#fff;color:#111;font-size:22px}.footer-notify small{display:block;margin-top:10px;color:#999}.footer-app-social{display:grid;grid-template-columns:1fr 1fr;align-items:end;min-height:145px;padding:20px 7vw 14px 10vw;border-bottom:1px solid #2b2022}.app-badges{display:flex;gap:16px}.store-badge{height:36px;min-width:130px;border:1px solid #777;border-radius:6px;display:flex;align-items:center;gap:8px;padding:5px 10px;background:#060606}.store-badge span{font-size:19px}.store-badge b{font-size:12px;line-height:1}.store-badge small{display:block;font-size:7px;font-weight:400;margin-bottom:2px}.social-icons{display:flex;justify-content:center;gap:28px;font-size:20px}.social-icons a{width:28px;height:28px;display:grid;place-items:center}.footer-bottom-row{min-height:72px;display:grid;grid-template-columns:1.4fr .9fr 1.3fr;align-items:center;gap:24px;padding:14px 2.2vw;font-size:11px}.country-selector{height:40px;background:#0a0708;border:1px solid #34272a;color:#fff;padding:0 18px}.payment-logos{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.payment-logos img{width:40px;height:24px;object-fit:contain;border-radius:3px;background:#fff}.company-line{font-weight:600}
/* Live chat */
.livechat-launcher{position:fixed;right:24px;bottom:24px;z-index:170;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#ec2640,#7b16ff);box-shadow:0 14px 40px rgba(116,23,255,.35);display:grid;place-items:center}.livechat-launcher i{width:27px;height:18px;border-radius:13px;background:#fff;position:relative}.livechat-launcher i:after{content:"";position:absolute;right:3px;bottom:-4px;border-width:5px 0 0 7px;border-style:solid;border-color:transparent transparent transparent #fff}.chat-pulse{position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.3);border-radius:50%;animation:chatpulse 2s infinite}@keyframes chatpulse{50%{transform:scale(1.18);opacity:0}}
.livechat-panel{position:fixed;right:24px;bottom:94px;z-index:171;width:min(390px,calc(100vw - 28px));height:600px;max-height:calc(100vh - 125px);display:flex;flex-direction:column;background:#101011;border:1px solid #303034;border-radius:18px;box-shadow:0 24px 90px rgba(0,0,0,.65);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(18px) scale(.98);transition:.25s}.livechat-panel.is-open{opacity:1;visibility:visible;transform:none}.chat-head{min-height:78px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#171719,#242027);border-bottom:1px solid #333}.chat-agent{display:flex;align-items:center;gap:11px}.agent-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-family:var(--display);font-size:21px}.chat-agent strong{display:block;font-size:14px}.chat-agent small{display:flex;align-items:center;gap:6px;color:#aaa;margin-top:5px}.chat-agent small i{width:7px;height:7px;border-radius:50%;background:#39d98a}.chat-head button{border:0;background:none;color:#fff;font-size:20px}.chat-status{padding:14px 16px;background:#171719}.chat-status b,.chat-status span{display:block}.chat-status span{color:#888;font-size:11px;margin-top:4px}.chat-messages{flex:1;padding:18px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:11px}.chat-msg{max-width:82%;padding:11px 13px;border-radius:14px;font-size:12px;line-height:1.55}.chat-msg.bot{align-self:flex-start;background:#242427;border-bottom-left-radius:4px}.chat-msg.user{align-self:flex-end;background:var(--red);border-bottom-right-radius:4px}.chat-msg small{display:block;opacity:.55;margin-top:4px;font-size:9px}.chat-product-card{background:#1c1c1f;border:1px solid #333;border-radius:13px;overflow:hidden}.chat-product-card img{width:100%;height:120px;object-fit:cover}.chat-product-card div{padding:10px}.chat-product-card a{display:inline-block;margin-top:8px;color:#ff5260;font-weight:700}.chat-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;border-top:1px solid #2e2e31}.chat-quick button{white-space:nowrap;border:1px solid #444;background:#1d1d20;color:#fff;border-radius:16px;padding:7px 10px;font-size:10px}.chat-input-row{display:flex;padding:10px;border-top:1px solid #303034;background:#151517}.chat-input-row input{flex:1;border:0;background:#252529;color:#fff;border-radius:20px;padding:11px 14px;outline:none}.chat-input-row button{width:40px;border:0;background:none;color:var(--red);font-size:20px}.chat-powered{text-align:center;padding:6px;color:#666;font-size:9px;background:#151517}
.product-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-image:hover>img{transform:scale(1.035)}.main-product-photo{width:100%;height:100%;object-fit:cover}.gallery-thumbs{position:absolute;z-index:5;left:20px;bottom:20px;display:flex;gap:8px}.gallery-thumbs button{width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.5);background:#111}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.footer-main-grid{grid-template-columns:1fr}.footer-columns{border-right:0;border-bottom:1px solid #2b2022;padding:42px 28px}.footer-notify{padding:38px 28px}.footer-app-social{grid-template-columns:1fr;padding:28px;gap:30px}.social-icons{justify-content:flex-start}.footer-bottom-row{grid-template-columns:1fr;padding:24px 28px}.payment-logos{justify-content:flex-start}}
@media(max-width:620px){.footer-columns{grid-template-columns:1fr 1fr;gap:34px 22px}.app-badges{flex-wrap:wrap}.livechat-launcher{right:14px;bottom:14px}.livechat-panel{right:14px;bottom:82px;height:calc(100vh - 105px)}}


/* 2026 SIKE logo and cinematic hero update */
.brand-image{height:38px;max-width:250px;display:flex;align-items:center}.brand-image img{display:block;width:205px;max-height:34px;object-fit:contain;object-position:left center}.footer-logo-column h3{display:none}.footer-logo{display:block;width:190px;height:45px;margin:0 0 24px}.footer-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}.agent-avatar{overflow:hidden;background:#080808}.agent-avatar img{width:100%;height:100%;object-fit:cover}
.hero-v2{position:relative;min-height:calc(100vh - 110px);height:860px;max-height:980px;display:block;overflow:hidden;background:#020408;isolation:isolate}.hero-v2-bg{position:absolute;inset:0;z-index:-4;background-image:url('../img/hero-sike-one-v91.jpg');background-size:cover;background-position:center}.hero-v2:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,3,8,.96) 0%,rgba(0,3,8,.78) 37%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.42) 100%)}.hero-v2-lines{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.08) 7% calc(7% + 1px),transparent calc(7% + 1px) 76%,rgba(255,255,255,.08) 76% calc(76% + 1px),transparent calc(76% + 1px)),linear-gradient(0deg,transparent 0 13%,rgba(255,255,255,.08) 13% calc(13% + 1px),transparent calc(13% + 1px) 88%,rgba(255,255,255,.07) 88% calc(88% + 1px),transparent calc(88% + 1px))}.hero-watermark{position:absolute;z-index:-1;left:5.7%;bottom:3.5%;width:min(48vw,760px);opacity:.045;filter:blur(.2px)}
.hero-v2-copy{position:absolute;left:7%;top:50%;width:min(690px,47vw);transform:translateY(-49%)}.hero-v2-copy.revealed{transform:translateY(-49%)}.hero-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.22em;color:#c7c9cd}.hero-kicker span{display:block;width:38px;height:2px;background:var(--red);box-shadow:0 0 17px var(--red)}.hero-v2 h1{font-family:var(--display);font-size:clamp(72px,7.6vw,132px);line-height:.78;letter-spacing:-.072em;margin:27px 0 31px;color:#f7f5ef}.hero-v2 h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--red);text-shadow:0 0 45px rgba(255,45,53,.18)}.hero-v2-copy>p{max-width:555px;margin:0;color:#aeb2b9;font-size:15px;line-height:1.75}.hero-v2-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.hero-main-button{min-width:210px;justify-content:space-between}.hero-main-button b{font-size:18px}.hero-play{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;text-align:left}.hero-play i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-style:normal;font-size:12px;transition:.25s}.hero-play:hover i{background:#fff;color:#111}.hero-play span{font-size:12px;font-weight:800}.hero-play small{display:block;margin-bottom:5px;color:#777;font-size:8px;letter-spacing:.15em}
.hero-product-panel{position:absolute;right:4%;bottom:7.5%;width:350px;padding:20px;background:rgba(6,8,11,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(15px);box-shadow:0 30px 90px rgba(0,0,0,.35)}.hero-panel-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.14em;color:#94989d}.hero-panel-top i{font-style:normal;color:#55dd9b}.hero-panel-price{display:flex;align-items:flex-end;gap:7px;padding:19px 0}.hero-panel-price small{align-self:flex-start;margin-top:7px;font-size:8px;color:#777}.hero-panel-price strong{font-family:var(--display);font-size:52px;letter-spacing:-.07em;line-height:.8}.hero-panel-price span{font-size:11px;font-weight:800}.hero-panel-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12)}.hero-panel-specs div{padding:14px 8px 0;border-right:1px solid rgba(255,255,255,.1)}.hero-panel-specs div:last-child{border:0}.hero-panel-specs b,.hero-panel-specs span{display:block}.hero-panel-specs b{font-size:12px}.hero-panel-specs span{margin-top:4px;color:#777;font-size:7px;line-height:1.35}.hero-scroll{position:absolute;left:7%;bottom:4.5%;display:flex;align-items:center;gap:10px;color:#777;font-size:8px;letter-spacing:.18em}.hero-scroll span{width:34px;height:1px;background:#777;animation:scrollLine 1.6s ease-in-out infinite}@keyframes scrollLine{50%{width:58px;background:var(--red)}}.hero-v2-index{position:absolute;right:4%;top:5%;display:flex;align-items:center;gap:9px;color:#888;font-size:9px;letter-spacing:.12em}.hero-v2-index i{width:80px;height:1px;background:linear-gradient(90deg,var(--red) 20%,#444 20%)}
@media(max-width:1000px){.brand-image img{width:180px}.hero-v2{height:820px}.hero-v2-copy{width:58vw;left:5%}.hero-v2 h1{font-size:78px}.hero-product-panel{right:3%;width:300px}.hero-v2-bg{background-position:61% center}}
@media(max-width:720px){.brand-image{max-width:160px}.brand-image img{width:150px}.hero-v2{height:790px;min-height:calc(100vh - 100px)}.hero-v2-bg{background-position:68% center}.hero-v2:after{background:linear-gradient(90deg,rgba(0,2,7,.94),rgba(0,2,7,.66) 60%,rgba(0,0,0,.25))}.hero-v2-copy{top:42%;left:20px;width:calc(100% - 40px)}.hero-v2-copy.revealed{transform:translateY(-49%)}.hero-kicker{font-size:8px}.hero-v2 h1{font-size:58px;margin:20px 0 24px}.hero-v2 h1 em{-webkit-text-stroke:1px var(--red)}.hero-v2-copy>p{font-size:13px;max-width:430px}.hero-v2-actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:26px}.hero-main-button{min-width:220px}.hero-product-panel{left:20px;right:20px;bottom:30px;width:auto;padding:15px}.hero-panel-price{padding:14px 0}.hero-panel-price strong{font-size:40px}.hero-panel-specs div{padding-top:10px}.hero-scroll,.hero-watermark{display:none}.hero-v2-index{top:20px;right:20px}}

.site-header .brand-image{width:clamp(220px,16vw,300px);max-width:none;height:54px;overflow:visible}.site-header .brand-image img{display:block;width:100%;height:auto;max-height:46px;object-fit:contain;object-position:left center}.sound-style-footer .footer-logo{width:235px;height:auto;min-height:48px}.sound-style-footer .footer-logo img{display:block;width:100%;height:auto;max-height:54px}
.app-v2{background:#06070a}.app-v2-hero{position:relative;min-height:900px;height:calc(100vh - 110px);max-height:1050px;display:grid;grid-template-columns:42% 58%;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 44%,#361217 0,#141116 30%,#06080c 67%)}.app-v2-grid{position:absolute;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000)}.app-v2-glow{position:absolute;z-index:-2;right:4%;top:13%;width:720px;height:720px;border-radius:50%;background:rgba(255,38,48,.18);filter:blur(150px);animation:appGlow 6s ease-in-out infinite alternate}@keyframes appGlow{to{transform:scale(1.15) translate(-35px,20px);opacity:.68}}.app-v2-copy{padding-left:7vw;position:relative;z-index:3}.app-v2-kicker{display:flex;align-items:center;gap:12px;color:#b8bbc1;font-size:10px;letter-spacing:.2em;font-weight:800}.app-v2-kicker span{width:37px;height:2px;background:var(--red)}.app-v2-copy h1{font-family:var(--display);font-size:clamp(68px,7.3vw,126px);line-height:.81;letter-spacing:-.075em;margin:28px 0}.app-v2-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--red)}.app-v2-copy>p{max-width:590px;color:#a7aab0;font-size:16px;line-height:1.8}.app-v2-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.app-store-main{min-width:225px;justify-content:space-between}.app-text-link{font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:7px}.app-v2-platforms{display:flex;align-items:center;gap:10px;margin-top:42px;color:#74777c;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.app-v2-platforms i{width:3px;height:3px;background:var(--red);border-radius:50%}.app-device-stage{position:relative;height:100%;min-height:760px;perspective:1600px}.app-phone{position:absolute;width:275px;height:575px;padding:10px;border-radius:42px;background:linear-gradient(145deg,#56585d,#0a0b0e 10%,#050608 88%,#4b4e54);box-shadow:0 45px 110px rgba(0,0,0,.7);overflow:hidden}.app-phone-island{position:absolute;z-index:3;top:20px;left:50%;transform:translateX(-50%);width:94px;height:24px;border-radius:20px;background:#030304}.app-screen{height:100%;border-radius:34px;padding:54px 22px 24px;background:linear-gradient(180deg,#202126,#090a0d);overflow:hidden}.app-phone-main{z-index:4;left:46%;top:50%;transform:translate(-50%,-50%)}.app-phone-left{z-index:2;left:10%;top:53%;transform:translateY(-50%) rotate(-12deg);opacity:.8}.app-phone-right{z-index:3;right:3%;top:50%;transform:translateY(-50%) rotate(12deg);opacity:.88}.screen-top{display:flex;justify-content:space-between;color:#85888f;font-size:8px;letter-spacing:.14em}.app-screen h2{font-family:var(--display);font-size:27px;text-align:center;margin:21px 0 7px}.screen-speaker{position:relative;width:145px;height:205px;margin:48px auto 20px;border:7px solid #33363c;background:#090a0c}.screen-speaker:before{content:"";position:absolute;inset:8px;background-image:radial-gradient(#464950 1px,transparent 1px);background-size:6px 6px}.screen-speaker i{position:absolute;z-index:1;left:50%;transform:translateX(-50%);border:5px solid #292b30;border-radius:50%}.screen-speaker i:first-child{width:52px;height:52px;top:24px}.screen-speaker i:nth-child(2){width:82px;height:82px;bottom:23px}.screen-speaker strong{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);padding:6px 11px;background:var(--red)}.connected-state{text-align:center!important;color:#777!important;font-size:10px!important}.connected-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42d88b}.volume-track{height:4px;background:#292b30;margin:26px 0}.volume-track span{display:block;width:72%;height:100%;background:var(--red)}.player-controls{display:flex;align-items:center;justify-content:center;gap:22px}.player-controls button{width:34px;height:34px;border:0;background:transparent;color:#fff}.player-controls .play{width:52px;height:52px;border-radius:50%;background:#fff;color:#090a0c}.battery-gauge{width:175px;height:175px;margin:68px auto 28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--red) 0 86%,#292b30 86%);position:relative}.battery-gauge:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#101115}.battery-gauge strong,.battery-gauge small{position:relative;z-index:1}.battery-gauge strong{font-family:var(--display);font-size:55px}.app-phone-left .app-screen>p,.app-phone-left .app-screen>h3{text-align:center}.battery-bars{display:flex;gap:5px;margin-top:38px}.battery-bars i{flex:1;height:8px;background:var(--red)}.battery-bars i:last-child{background:#34363b}.app-phone-right .app-screen>h2{text-align:left;margin:48px 0 45px}.eq-control{height:280px;display:flex;align-items:flex-end;justify-content:space-between}.eq-control>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}.eq-control i{width:7px;height:var(--level);background:linear-gradient(0deg,var(--red),#ff7b81)}.eq-control span{font-size:7px;color:#777}.profile-button{width:100%;margin-top:28px;padding:12px;border:1px solid #393b41;background:transparent;color:#fff}.app-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.orbit-one{width:720px;height:720px;left:5%;top:9%}.orbit-two{width:530px;height:530px;left:18%;top:19%}.app-floating-card{position:absolute;z-index:8;min-width:145px;padding:15px;background:rgba(8,9,12,.76);border:1px solid rgba(255,255,255,.17)}.app-floating-card span,.app-floating-card strong,.app-floating-card small{display:block}.app-floating-card span{color:#777;font-size:7px}.app-floating-card strong{margin:7px 0}.app-floating-card small{color:#4bd993;font-size:7px}.card-battery{left:5%;bottom:18%}.card-linked{right:3%;top:17%}.app-v2-scroll{position:absolute;left:7vw;bottom:30px;display:flex;gap:11px;color:#6f7278;font-size:8px}.app-v2-scroll span{width:38px;height:1px;background:var(--red)}.app-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.app-proof-strip div{display:flex;gap:17px;padding:25px 3vw;border-right:1px solid var(--line)}.app-proof-strip b{color:var(--red)}.app-feature-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;align-items:end;padding:120px 6vw;background:#efede7;color:#101010}.app-section-title h2{font-family:var(--display);font-size:clamp(48px,6vw,92px);line-height:.92;letter-spacing:-.065em;margin:20px 0 0}.app-feature-intro>p{color:#5f5f5c;line-height:1.9}.app-feature-showcase{display:grid;grid-template-columns:1fr 1fr}.app-feature-showcase article{position:relative;overflow:hidden}.app-feature-large{grid-column:span 2;min-height:720px;display:grid;grid-template-columns:45% 55%;align-items:center}.app-feature-copy{padding:8vw}.feature-number{color:var(--red);font-size:9px}.app-feature-showcase h2{font-family:var(--display);font-size:clamp(45px,5vw,80px);line-height:.91}.app-feature-showcase p{color:#878a90;line-height:1.8}.app-feature-showcase ul{list-style:none;padding:0}.app-feature-showcase li{padding:14px 0;border-top:1px solid var(--line)}.radar-demo{position:relative;height:100%;min-height:620px;background:radial-gradient(circle,#271317,#0b0c0f 58%)}.radar-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.13);border-radius:50%}.r1{width:180px;height:180px}.r2{width:360px;height:360px}.r3{width:550px;height:550px}.radar-speaker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:155px;border:6px solid #383a3f}.radar-speaker strong{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);background:var(--red);padding:7px 13px}.radar-device{position:absolute;padding:10px 13px;background:#131418;border:1px solid #33363b;font-size:8px}.d1{left:16%;top:24%}.d2{right:10%;bottom:22%}.d3{right:18%;top:18%;color:#4bd993}.app-feature-half{min-height:570px;padding:70px 6vw;border-top:1px solid var(--line)}.group-speakers{display:flex;align-items:center;justify-content:center;margin-top:70px}.group-speakers i{width:90px;height:125px;display:grid;place-items:center;border:5px solid #33363c;font-style:normal}.group-speakers span{width:80px;height:2px;background:var(--red)}.mini-eq{height:175px;display:flex;align-items:flex-end;gap:14px;margin-top:65px}.mini-eq i{flex:1;height:var(--h);background:linear-gradient(0deg,var(--red),#ff7c83)}.app-battery-section{display:grid;grid-template-columns:1fr 1fr;background:#efede7;color:#111}.app-battery-image{position:relative;min-height:720px}.app-battery-image>img{width:100%;height:100%;object-fit:cover}.battery-overlay-card{position:absolute;right:30px;bottom:30px;width:240px;padding:22px;background:rgba(8,9,11,.86);color:#fff}.battery-overlay-card>*{display:block}.battery-overlay-card strong{font-family:var(--display);font-size:58px}.app-battery-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.app-battery-copy h2{font-family:var(--display);font-size:clamp(50px,6vw,90px);line-height:.9}.app-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.app-stat-grid strong,.app-stat-grid span{display:block}.app-stat-grid strong{color:var(--red)}.app-journey{padding:120px 6vw}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.journey-grid article{padding:40px 4vw 20px 0;border-right:1px solid var(--line)}.journey-icon{width:65px;height:65px;display:grid;place-items:center;margin:36px 0;background:#17191d}.app-download{min-height:760px;display:grid;grid-template-columns:1fr 1fr;background:var(--red)}.app-download-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.app-download-copy h2{font-family:var(--display);font-size:clamp(58px,7vw,110px);line-height:.84}.app-download-badges{display:flex;gap:12px;margin-top:35px}.official-store-badge{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #fff;border-radius:8px;background:#08090b;color:#fff}.official-store-badge small{display:block}.download-phone{display:grid;place-items:end center;background:radial-gradient(circle,#3b3d43,#111318 62%)}.download-phone-screen{width:340px;height:660px;padding:65px 35px 35px;border:12px solid #08090b;border-bottom:0;border-radius:50px 50px 0 0;background:linear-gradient(180deg,#1e2025,#08090c);display:flex;flex-direction:column;align-items:center}.download-phone-screen>img{width:210px}.download-mark{display:grid;place-items:center;width:135px;height:175px;margin:auto;border:7px solid #393c42;font-size:55px}.download-phone-screen button{width:100%;padding:16px;background:var(--red);border:0;color:#fff}.app-final-cta{padding:85px 6vw;display:flex;align-items:flex-end;justify-content:space-between}.app-final-cta h2{font-family:var(--display);font-size:clamp(47px,6vw,88px);line-height:.9}
@media(max-width:1000px){.site-header .brand-image{width:220px}.app-v2-hero{grid-template-columns:1fr;min-height:1180px;height:auto;padding-top:90px}.app-v2-copy{padding:45px 7vw}.app-device-stage{min-height:700px}.app-feature-large{grid-template-columns:1fr}.radar-demo{min-height:620px}}
@media(max-width:800px){.app-proof-strip{grid-template-columns:1fr 1fr}.app-feature-intro,.app-battery-section,.app-download{grid-template-columns:1fr}.app-feature-showcase{grid-template-columns:1fr}.app-feature-large{grid-column:auto}.journey-grid{grid-template-columns:1fr}.app-final-cta{flex-direction:column;align-items:flex-start;gap:35px}}
@media(max-width:620px){.site-header .brand-image{width:175px;height:42px}.site-header .brand-image img{max-height:34px}.app-v2-hero{min-height:1070px;padding-top:35px}.app-v2-copy{padding:55px 20px 20px}.app-v2-copy h1{font-size:50px}.app-v2-actions{flex-direction:column;align-items:flex-start}.app-device-stage{min-height:590px}.app-phone{width:210px;height:440px}.app-phone-left{left:-20px;opacity:.44}.app-phone-right{right:-22px;opacity:.5}.app-floating-card,.app-orbit{display:none}.app-proof-strip{grid-template-columns:1fr}.app-feature-intro,.app-journey{padding:75px 20px}.app-feature-copy,.app-feature-half{padding:65px 20px}.app-battery-image{min-height:470px}.app-battery-copy{padding:70px 20px}.app-download-copy{padding:75px 20px}.download-phone-screen{width:280px;height:580px}.app-final-cta{padding:70px 20px}}


/* FINAL WORDMARK FIX */
.site-header{
  grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr);
}
.site-header .brand-image{
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  width:260px !important;
  max-width:260px !important;
  height:54px !important;
  min-width:0;
  overflow:visible !important;
  padding:0;
  line-height:0;
}
.site-header .brand-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:left center !important;
  clip-path:none !important;
  transform:none !important;
}

.sound-style-footer .footer-logo{
  display:flex !important;
  align-items:center;
  width:285px !important;
  max-width:100% !important;
  height:62px !important;
  min-height:62px !important;
  margin:0 0 28px !important;
  overflow:visible !important;
  line-height:0;
}
.sound-style-footer .footer-logo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  clip-path:none !important;
  transform:none !important;
}

@media(max-width:1100px){
  .site-header{
    grid-template-columns:220px auto 220px;
  }
  .site-header .brand-image{
    width:220px !important;
    max-width:220px !important;
  }
  .site-header .brand-image img{
    max-height:38px !important;
  }
}
@media(max-width:1000px){
  .site-header{
    grid-template-columns:1fr auto;
  }
  .site-header .brand-image{
    width:225px !important;
    max-width:225px !important;
  }
}
@media(max-width:620px){
  .site-header .brand-image{
    width:178px !important;
    max-width:178px !important;
    height:42px !important;
  }
  .site-header .brand-image img{
    max-height:31px !important;
  }
  .sound-style-footer .footer-logo{
    width:235px !important;
    height:54px !important;
    min-height:54px !important;
  }
  .sound-style-footer .footer-logo img{
    max-height:48px !important;
  }
}

/* SIKE ONE PRODUCT MODIFIER */
.builder-page{background:#08090b;color:#f6f4ee}.builder-hero{min-height:calc(100vh - 110px);display:grid;grid-template-columns:minmax(0,1fr) 430px;border-bottom:1px solid var(--line)}.builder-stage-wrap{position:sticky;top:0;height:calc(100vh - 34px);min-height:760px;overflow:hidden;background:radial-gradient(circle at 53% 42%,#282b31,#101216 37%,#050609 76%);isolation:isolate}.builder-stage-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px}.builder-stage-wrap:after{content:"";position:absolute;z-index:-1;width:680px;height:680px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:var(--builder-glow,rgba(255,43,54,.08));filter:blur(135px);transition:.4s}.builder-topline,.builder-stage-footer{position:absolute;z-index:8;left:32px;right:32px;display:flex;justify-content:space-between;color:#757982;font-size:8px;font-weight:800;letter-spacing:.16em}.builder-topline{top:26px}.builder-stage-footer{bottom:24px}.builder-view-toolbar{position:absolute;z-index:9;right:28px;top:52px;display:flex;border:1px solid rgba(255,255,255,.13);background:rgba(6,7,9,.68);backdrop-filter:blur(14px)}.builder-view-toolbar button{padding:10px 13px;border:0;border-right:1px solid var(--line);background:transparent;color:#737780;font-size:8px;text-transform:uppercase}.builder-view-toolbar button.active{background:#fff;color:#090a0c}.builder-drag-hint{position:absolute;z-index:8;left:32px;bottom:55px;color:#696d75;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.builder-drag-hint i{display:inline-block;width:30px;height:1px;background:var(--red);margin-right:10px;vertical-align:middle}.builder-product-scene{position:absolute;inset:70px 0 50px;display:grid;place-items:center;perspective:1500px;cursor:grab;user-select:none}.builder-product-scene.dragging{cursor:grabbing}.builder-floor{position:absolute;width:630px;height:160px;left:50%;bottom:8%;transform:translateX(-50%) rotateX(72deg);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.9),transparent 70%);filter:blur(12px)}.builder-speaker{position:relative;width:340px;height:570px;transform:scale(var(--scale)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.builder-product-scene.dragging .builder-speaker{transition:none}.speaker-3d-body{position:absolute;inset:0;transform-style:preserve-3d}.speaker-3d-front,.speaker-3d-side,.speaker-3d-top{position:absolute;border:5px solid var(--body-edge,#31343a);background:var(--body-main,#17191c);box-shadow:inset 0 0 0 3px rgba(0,0,0,.38);transition:.35s}.speaker-3d-front{inset:0;transform:translateZ(54px);overflow:hidden}.speaker-3d-side{width:108px;height:100%;right:-54px;top:0;transform:rotateY(90deg);transform-origin:left;background:var(--body-side,#0e1013)}.speaker-3d-top{width:100%;height:108px;top:-54px;left:0;transform:rotateX(90deg);transform-origin:bottom;display:grid;place-items:center;color:rgba(255,255,255,.27);font-size:10px;letter-spacing:.18em}.builder-grille{position:absolute;inset:20px;z-index:2;background-color:#090a0c;background-image:radial-gradient(#42454b 1.35px,transparent 1.45px);background-size:7px 7px;border:2px solid #070708;box-shadow:inset 0 0 65px #000}.builder-grille-light{position:absolute;inset:22px;z-index:1;background:var(--grille-light,transparent);filter:blur(22px);opacity:var(--light-opacity,0);transition:.4s;animation:builderPulse 3.3s ease-in-out infinite alternate}@keyframes builderPulse{to{opacity:.55}}.builder-driver{position:absolute;z-index:3;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#070809 0 38%,#15171b 39% 53%,#050607 54% 69%,#272a2f 70% 76%,#08090b 77%);border:2px solid #2e3136;box-shadow:0 14px 30px #000}.builder-driver i{position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.driver-small{width:126px;height:126px;top:55px}.driver-large{width:202px;height:202px;bottom:46px}.builder-wordmark{position:absolute;z-index:5;top:34px;left:35px;font-family:var(--display);font-size:12px;font-style:italic}.builder-badge{position:absolute;z-index:6;left:50%;top:48%;transform:translate(-50%,-50%) rotate(3deg);width:66px;height:50px;display:grid;place-items:center;background:var(--badge-bg,#ef3039);color:var(--badge-color,#fff);border:2px solid var(--badge-border,transparent);box-shadow:0 8px 20px #000;transition:.35s}.builder-badge span{font-family:var(--display);font-size:29px}.builder-corner{position:absolute;z-index:8;width:53px;height:53px;border-radius:50%;background:var(--corner,#111214);border:4px solid rgba(255,255,255,.1);box-shadow:inset -9px -9px 14px rgba(0,0,0,.65),0 6px 13px rgba(0,0,0,.5);transition:.35s}.corner-tl{left:-23px;top:-23px}.corner-tr{right:-23px;top:-23px}.corner-bl{left:-23px;bottom:-23px}.corner-br{right:-23px;bottom:-23px}.builder-control{position:absolute;left:20px;top:35px;width:67px;height:145px;border-radius:7px;background:#090a0c;border:2px solid #282b30;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:16px}.builder-control i{width:20px;height:20px;border:3px solid var(--red);border-radius:50%}.builder-control span{width:30px;height:30px;border:6px solid #33363c;border-radius:50%}.builder-control b{width:27px;height:5px;background:linear-gradient(90deg,#45db8e 70%,#34363a 70%)}.builder-fabric-handle{position:absolute;left:28px;top:215px;width:50px;height:205px;border-radius:20px;background:var(--handle,#171717);box-shadow:inset 4px 0 rgba(255,255,255,.08),inset -4px 0 rgba(0,0,0,.45),0 8px 16px #000;border:2px dashed rgba(255,255,255,.18);transition:.35s}.builder-fabric-handle:before,.builder-fabric-handle:after{content:"";position:absolute;left:9px;width:28px;height:35px;background:#08090a;border-radius:10px}.builder-fabric-handle:before{top:-15px}.builder-fabric-handle:after{bottom:-15px}.builder-fabric-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:7px;font-weight:800;white-space:nowrap}.builder-battery-slot{position:absolute;left:15px;right:15px;bottom:25px;height:94px;padding:15px 10px;background:#111317;border:2px solid #31343a}.builder-battery-slot small,.builder-battery-slot b{display:block}.builder-battery-slot small{color:var(--red);font-size:8px}.builder-battery-slot b{font-size:8px;margin-top:5px}.builder-battery-slot i{display:block;height:5px;margin-top:17px;background:linear-gradient(90deg,#43d88a 70%,#33363a 70%)}.builder-product-shadow{position:absolute;width:400px;height:80px;left:50%;bottom:-70px;transform:translateX(-50%) rotateX(75deg);border-radius:50%;background:#000;filter:blur(23px);opacity:.75}.builder-callout{position:absolute;z-index:10;padding:12px 15px;background:rgba(7,8,10,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);min-width:155px;pointer-events:none}.builder-callout span,.builder-callout b,.builder-callout small{display:block}.builder-callout span{color:var(--red);font-size:8px}.builder-callout b{font-size:9px;margin:6px 0}.builder-callout small{font-size:7px;color:#777}.callout-one{left:9%;top:24%}.callout-two{right:7%;bottom:22%}.builder-panel{min-height:calc(100vh - 110px);background:#edebe5;color:#111;display:flex;flex-direction:column}.builder-panel-head{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 30px 22px;border-bottom:1px solid #c6c4bd}.builder-panel-head .eyebrow{color:#6a6965}.builder-panel-head h1{font-family:var(--display);font-size:43px;margin:8px 0 0}.builder-live{font-size:7px;color:#5a5a57}.builder-live i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#30b875;box-shadow:0 0 10px #30b875}.builder-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0 30px;margin-top:16px}.builder-progress i{height:3px;background:#cac8c1}.builder-progress i.active{background:var(--red)}.builder-options{flex:1;padding:5px 30px 25px}.builder-option-section{border-bottom:1px solid #c4c2bb}.builder-option-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:19px 0;border:0;background:transparent;color:#111;font-weight:800;text-transform:uppercase;font-size:10px}.builder-option-title span{display:flex;gap:13px}.builder-option-title b{color:var(--red);font-size:8px}.builder-option-title i{font-style:normal;font-size:18px}.builder-option-content{display:none;padding:0 0 22px}.builder-option-section.active .builder-option-content{display:block}.builder-option-content>p{color:#696863;font-size:10px;line-height:1.55}.swatch-grid,.light-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatch-choice,.light-choice{min-height:68px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid #c3c1bb;background:transparent;color:#111}.swatch-choice.active,.light-choice.active{border:2px solid #111;padding:9px}.swatch-choice i,.light-choice>i{grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--swatch,var(--light,#222))}.swatch-choice span,.light-choice span{align-self:end;font-size:9px;font-weight:800}.swatch-choice small,.light-choice small{align-self:start;color:#777;font-size:7px}.light-choice .light-rgb{background:conic-gradient(#ff2834,#8d38ff,#22d8ff,#48ef7c,#ffdf42,#ff2834)}.pill-options{display:grid;gap:7px}.pill-options button{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #c3c1bb;background:transparent;color:#111;text-align:left;font-size:9px}.pill-options button.active{border:2px solid #111;padding:10px;font-weight:800}.pill-options i{width:18px;height:18px;border-radius:50%;background:var(--pill)}.logo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.logo-options button{padding:10px 5px;border:1px solid #c3c1bb;background:transparent;color:#111}.logo-options button.active{border:2px solid #111;padding:9px 4px}.badge-preview{display:grid;place-items:center;width:40px;height:31px;margin:0 auto 7px;font-family:var(--display)}.badge-preview.red{background:var(--red);color:#fff}.badge-preview.white{background:#fff;color:#111}.badge-preview.black{background:#111;color:#555}.logo-options span{font-size:7px}.builder-summary{position:sticky;bottom:0;padding:18px 30px 25px;background:#e5e3dc;border-top:1px solid #bcbab3}.builder-summary-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:0 0 14px;color:#111;text-transform:uppercase;font-size:9px;font-weight:800}.builder-summary-toggle b{font-family:var(--display);font-size:17px}.builder-summary-list{display:none;border-top:1px solid #bbb9b2;margin-bottom:14px}.builder-summary-list.open{display:block}.builder-summary-list div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #cbc9c2;color:#666;font-size:8px}.builder-order{height:48px}.builder-share{width:100%;margin-top:7px;padding:10px;border:0;background:transparent;color:#555;text-decoration:underline;font-size:8px}.builder-summary>small{display:block;text-align:center;color:#555;font-size:8px;min-height:12px}.builder-details{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;padding:110px 6vw;background:#efede7;color:#111}.builder-details h2{font-family:var(--display);font-size:clamp(47px,6vw,88px);line-height:.92;margin:20px 0}.builder-details>p{align-self:end;color:#62615e;line-height:1.9}.builder-feature-cards{display:grid;grid-template-columns:repeat(3,1fr);background:#0a0b0e}.builder-feature-cards article{min-height:310px;padding:55px 5vw;border-right:1px solid var(--line)}.builder-feature-cards span{color:var(--red)}.builder-feature-cards h3{font-family:var(--display);font-size:29px;margin:35px 0 15px}.builder-feature-cards p{color:#7f8288;line-height:1.7}@media(max-width:900px){.builder-hero{display:block}.builder-stage-wrap{position:relative;height:720px;min-height:720px}.builder-panel{min-height:auto}.builder-details{grid-template-columns:1fr}.builder-feature-cards{grid-template-columns:1fr}.builder-feature-cards article{min-height:auto}}@media(max-width:560px){.builder-stage-wrap{height:590px;min-height:590px}.builder-speaker{width:220px;height:370px}.speaker-3d-side{width:76px;right:-38px}.speaker-3d-top{height:76px;top:-38px}.driver-small{width:82px;height:82px;top:35px}.driver-large{width:132px;height:132px;bottom:30px}.builder-callout{display:none}.builder-panel-head,.builder-options,.builder-summary{padding-left:18px;padding-right:18px}.swatch-grid,.light-choice-grid{grid-template-columns:1fr}.builder-details{padding:75px 20px}.builder-feature-cards article{padding:45px 20px}}


/* DUAL PRODUCT BUILDER + GLOBAL DEMO */
.site-demo-ribbon{position:relative;z-index:92;min-height:34px;display:flex;align-items:center;justify-content:center;gap:13px;padding:7px 18px;background:repeating-linear-gradient(135deg,#ef3039 0,#ef3039 14px,#db202a 14px,#db202a 28px);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800}.site-demo-ribbon strong{padding:4px 8px;background:#08090b;border-radius:2px}.site-demo-ribbon span{opacity:.92}.site-demo-corner{position:fixed;z-index:95;left:15px;bottom:15px;padding:8px 12px;background:#ef3039;color:#fff;border:2px solid #fff;box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:9px;font-weight:900;letter-spacing:.16em;pointer-events:none}.announcement-demo{color:#ff5b63!important;font-weight:900!important}.sound-style-footer:before{content:"DEMO / CONCEPT WEBSITE — NO REAL ORDERS OR PAYMENTS";display:block;margin:-10px 0 46px;padding:13px 16px;border:1px solid rgba(239,48,57,.5);background:rgba(239,48,57,.07);color:#ff5962;font-size:9px;font-weight:800;letter-spacing:.13em;text-align:center}
.builder-product-switcher{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 5vw;border-bottom:1px solid var(--line);background:#0d0f12}.builder-switcher-copy{display:flex;align-items:center;gap:15px;min-width:0}.builder-switcher-copy .eyebrow{color:#ff515a}.builder-switcher-copy strong{font-size:13px;text-transform:uppercase}.builder-switcher-copy small{color:#70747b;font-size:9px}.builder-model-tabs{display:flex;gap:7px}.builder-model-tabs button{min-width:185px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.15);background:#111318;color:#777b83;text-align:left;transition:.25s}.builder-model-tabs button:hover{border-color:rgba(255,255,255,.35);color:#fff}.builder-model-tabs button.active{border-color:#ef3039;background:linear-gradient(135deg,rgba(239,48,57,.2),#111318 60%);color:#fff;box-shadow:inset 3px 0 #ef3039}.builder-model-tabs span,.builder-model-tabs small{display:block}.builder-model-tabs span{font-family:var(--display);font-size:13px}.builder-model-tabs small{font-size:8px;color:#777b83}.builder-model-tabs button.active small{color:#ff767d}
.builder-demo-watermark{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:var(--display);font-size:clamp(140px,18vw,340px);color:rgba(255,255,255,.018);letter-spacing:-.06em;pointer-events:none}.builder-demo-notice{margin:17px 30px 0;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid rgba(201,36,44,.3);background:#f6dcdb;color:#5c2023}.builder-demo-notice b{padding:4px 6px;background:#c92730;color:#fff;font-size:7px;letter-spacing:.12em}.builder-demo-notice span{font-size:8px;line-height:1.55}.builder-model-subline{display:block;margin-top:4px;color:#77746f;font-size:8px;text-transform:uppercase;letter-spacing:.11em}
.builder-speaker{--speaker-w:340px;--speaker-h:570px;width:var(--speaker-w);height:var(--speaker-h);transition:width .45s,height .45s,transform .5s cubic-bezier(.2,.8,.2,1)}.builder-speaker.is-one{--speaker-w:340px;--speaker-h:570px}.builder-speaker.is-mini{--speaker-w:275px;--speaker-h:390px}.builder-speaker.is-mini .speaker-3d-side{width:92px;right:-46px}.builder-speaker.is-mini .speaker-3d-top{height:92px;top:-46px}.builder-speaker.is-mini .driver-small{width:95px;height:95px;top:43px}.builder-speaker.is-mini .driver-large{width:150px;height:150px;bottom:34px}.builder-speaker.is-mini .builder-wordmark{top:28px;left:29px;font-size:9px}.builder-speaker.is-mini .builder-badge{width:52px;height:39px}.builder-speaker.is-mini .builder-badge span{font-size:22px}.builder-speaker.is-mini .builder-control{top:26px;height:112px;width:59px;left:16px;gap:10px;padding-top:12px}.builder-speaker.is-mini .builder-control span{width:24px;height:24px}.builder-speaker.is-mini .builder-fabric-handle{top:155px;left:23px;height:125px;width:43px}.builder-speaker.is-mini .builder-battery-slot{height:75px;bottom:20px;left:11px;right:11px;padding:10px 7px}.builder-speaker.is-mini .builder-battery-slot i{margin-top:10px}.builder-speaker.is-mini .builder-corner{width:46px;height:46px}.builder-speaker.is-mini .corner-tl{left:-20px;top:-20px}.builder-speaker.is-mini .corner-tr{right:-20px;top:-20px}.builder-speaker.is-mini .corner-bl{left:-20px;bottom:-20px}.builder-speaker.is-mini .corner-br{right:-20px;bottom:-20px}.builder-speaker.is-mini .builder-product-shadow{width:320px;bottom:-60px}
.pill-options button{position:relative}.pill-options button small{margin-left:auto;color:#777;font-size:7px;font-weight:500}.logo-options button{display:flex;flex-direction:column;align-items:center}.logo-options small{display:block;margin-top:4px;color:#777;font-size:6px}.builder-feature-cards article button{margin-top:22px;padding:0 0 7px;border:0;border-bottom:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1100px){.builder-product-switcher{align-items:flex-start;flex-direction:column}.builder-switcher-copy{flex-wrap:wrap}.builder-model-tabs{width:100%}.builder-model-tabs button{flex:1}}
@media(max-width:900px){.builder-product-switcher{position:relative;z-index:2}.builder-demo-notice{margin-left:18px;margin-right:18px}}
@media(max-width:620px){.site-demo-ribbon{font-size:7px;gap:7px;flex-wrap:wrap}.site-demo-ribbon span{width:100%}.site-demo-corner{left:8px;bottom:8px;font-size:7px;padding:6px 8px}.builder-product-switcher{padding:15px 18px}.builder-switcher-copy{display:grid;gap:5px}.builder-model-tabs{display:grid;grid-template-columns:1fr 1fr}.builder-model-tabs button{min-width:0;padding:11px;display:block}.builder-model-tabs button small{margin-top:5px}.builder-speaker.is-one{--speaker-w:220px;--speaker-h:370px}.builder-speaker.is-mini{--speaker-w:185px;--speaker-h:270px}.builder-speaker.is-mini .speaker-3d-side{width:60px;right:-30px}.builder-speaker.is-mini .speaker-3d-top{height:60px;top:-30px}.builder-speaker.is-mini .driver-small{width:62px;height:62px;top:28px}.builder-speaker.is-mini .driver-large{width:98px;height:98px;bottom:23px}.builder-speaker.is-mini .builder-wordmark{top:20px;left:20px;font-size:6px}.builder-speaker.is-mini .builder-badge{width:37px;height:29px}.builder-speaker.is-mini .builder-badge span{font-size:16px}.builder-speaker.is-mini .builder-fabric-handle{top:103px;height:88px;width:31px;left:15px}.builder-speaker.is-mini .builder-control{top:18px;height:75px;width:40px;left:10px;padding-top:8px;gap:7px}.builder-speaker.is-mini .builder-control i{width:13px;height:13px}.builder-speaker.is-mini .builder-control span{width:17px;height:17px;border-width:4px}.builder-speaker.is-mini .builder-control b{width:20px;height:3px}.builder-speaker.is-mini .builder-battery-slot{height:48px;bottom:12px;padding:6px}.builder-speaker.is-mini .builder-battery-slot small,.builder-speaker.is-mini .builder-battery-slot b{font-size:5px}.builder-speaker.is-mini .builder-battery-slot i{height:3px;margin-top:5px}.builder-demo-notice{grid-template-columns:1fr}}

/* SIKE PRODUCT LAB V3 — CORRECT BOX GEOMETRY + EXPLODED COMPONENTS */
.lab-page{background:#07080a;color:#f5f3ed}.lab-product-bar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 4vw;border-bottom:1px solid rgba(255,255,255,.12);background:#0d0f12}.lab-product-copy{display:flex;align-items:center;gap:15px}.lab-product-copy .eyebrow{color:#ff535c}.lab-product-copy strong{font-size:13px;text-transform:uppercase}.lab-product-copy small{color:#70747b;font-size:9px}.lab-model-tabs{display:flex;gap:8px}.lab-model-tabs button{min-width:170px;padding:12px 15px;text-align:left;border:1px solid rgba(255,255,255,.15);background:#121419;color:#858992}.lab-model-tabs button b,.lab-model-tabs button span{display:block}.lab-model-tabs button b{font-family:var(--display);font-size:13px;color:#fff}.lab-model-tabs button span{margin-top:4px;font-size:8px}.lab-model-tabs button.active{border-color:var(--red);box-shadow:inset 3px 0 var(--red);background:linear-gradient(135deg,rgba(239,48,57,.16),#111318)}
.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;min-height:calc(100vh - 144px)}.lab-stage{position:sticky;top:0;height:calc(100vh - 34px);min-height:760px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 51% 44%,#26282e,#101216 42%,#050609 78%)}.lab-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px}.lab-glow{position:absolute;z-index:-2;left:50%;top:48%;width:700px;height:700px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(239,48,57,.06);filter:blur(130px)}.lab-watermark{position:absolute;z-index:-1;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-12deg);font-family:var(--display);font-size:clamp(160px,20vw,360px);color:rgba(255,255,255,.02);pointer-events:none}.lab-stage-head,.lab-stage-foot{position:absolute;z-index:20;left:28px;right:28px;display:flex;justify-content:space-between;color:#737780;font-size:8px;font-weight:800;letter-spacing:.15em}.lab-stage-head{top:24px}.lab-stage-foot{bottom:22px}.lab-view-buttons{position:absolute;z-index:22;right:27px;top:51px;display:flex;border:1px solid rgba(255,255,255,.14);background:rgba(7,8,10,.7);backdrop-filter:blur(12px)}.lab-view-buttons button{padding:10px 13px;border:0;border-right:1px solid rgba(255,255,255,.1);background:transparent;color:#737780;font-size:8px;text-transform:uppercase}.lab-view-buttons button.active{background:#fff;color:#090a0c}.lab-hint{position:absolute;z-index:20;left:30px;bottom:51px;color:#696d75;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.lab-hint i{display:inline-block;width:30px;height:1px;background:var(--red);margin-right:9px;vertical-align:middle}
.lab-scene{position:absolute;inset:76px 0 48px;display:grid;place-items:center;perspective:1600px;cursor:grab;user-select:none;touch-action:none}.lab-scene.dragging{cursor:grabbing}.lab-floor{position:absolute;width:660px;height:180px;left:50%;bottom:5%;transform:translateX(-50%) rotateX(72deg);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.92),transparent 70%);filter:blur(12px)}
.lab-speaker{--w:340px;--h:570px;--depth:118px;--scene-rx:-5deg;--scene-ry:-18deg;--scene-scale:1;position:relative;width:var(--w);height:var(--h);transform:scale(var(--scene-scale)) rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .4s,height .4s}.lab-scene.dragging .lab-speaker{transition:none}.lab-speaker.is-one{--w:340px;--h:570px}.lab-speaker.is-mini{--w:270px;--h:390px}.lab-cabinet{--cab-main:#17191c;--cab-side:#0d0f12;--cab-edge:#363a40;--corner:#111214;--pull-grille:0px;--pull-high:0px;--pull-low:0px;--lift-top:0px;--lab-light:transparent;--lab-light-opacity:0;position:absolute;inset:0;transform-style:preserve-3d}.cab-face,.cab-top{position:absolute;box-sizing:border-box;border:5px solid var(--cab-edge);background:var(--cab-main);box-shadow:inset 0 0 0 2px rgba(0,0,0,.4);backface-visibility:visible}.cab-front{width:var(--w);height:var(--h);left:0;top:0;transform:translateZ(calc(var(--depth)/2));background:linear-gradient(145deg,var(--cab-main),#111316)}.cab-back{width:var(--w);height:var(--h);left:0;top:0;transform:rotateY(180deg) translateZ(calc(var(--depth)/2));background:linear-gradient(145deg,var(--cab-side),#08090b);display:grid;place-items:center;color:#33363c;font-size:9px;letter-spacing:.16em}.cab-right,.cab-left{width:var(--depth);height:var(--h);top:0;left:50%;margin-left:calc(var(--depth)/-2);background:linear-gradient(90deg,var(--cab-side),#15181c)}.cab-right{transform:translateX(calc(var(--w)/2)) rotateY(90deg)}.cab-left{transform:translateX(calc(var(--w)/-2)) rotateY(-90deg)}.cab-bottom{width:var(--w);height:var(--depth);left:0;top:50%;margin-top:calc(var(--depth)/-2);transform:translateY(calc(var(--h)/2)) rotateX(-90deg);display:grid;place-items:center;color:#282b30;font-size:8px;letter-spacing:.14em}.cab-top{appearance:none;width:var(--w);height:var(--depth);left:0;top:50%;margin-top:calc(var(--depth)/-2);transform:translateY(calc(var(--h)/-2 - var(--lift-top))) rotateX(90deg);transform-style:preserve-3d;transform-origin:center;border:5px solid var(--cab-edge);background:linear-gradient(#202329,var(--cab-main));color:#747780;display:flex;align-items:center;justify-content:center;gap:20px;transition:transform .18s linear;cursor:ns-resize}.cab-top i{font-style:normal;font-size:6px;color:var(--red)}.cab-top span{font-size:8px;font-weight:800;letter-spacing:.14em}.cab-front-inset{position:absolute;inset:15px;border:2px solid #08090a;background:#101216}.cab-wordmark{position:absolute;z-index:2;left:28px;top:28px;font-family:var(--display);font-style:italic;font-size:11px}.cab-rib{position:absolute;left:50%;top:8%;bottom:8%;width:4px;background:#24272c;transform:translateX(-50%)}
.side-control{position:absolute;left:50%;top:35px;transform:translateX(-50%);width:68px;height:125px;border:2px solid #2e3136;background:#08090b;display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:15px}.side-control i{width:20px;height:20px;border:3px solid var(--red);border-radius:50%}.side-control b{width:28px;height:28px;border:6px solid #34373d;border-radius:50%}.side-control span{width:28px;height:5px;background:linear-gradient(90deg,#49dd91 70%,#34373d 70%)}.side-handle{position:absolute;left:50%;top:210px;transform:translateX(-50%);width:47px;height:195px;border-radius:22px;background:#171717;border:2px dashed rgba(255,255,255,.2);box-shadow:inset 4px 0 rgba(255,255,255,.06),0 8px 20px #000}.side-handle small{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);white-space:nowrap;font-size:6px;font-weight:800}.side-battery{position:absolute;left:9px;right:9px;bottom:22px;height:88px;padding:13px 9px;border:2px solid #30333a;background:#101216}.side-battery small,.side-battery b{display:block}.side-battery small{color:var(--red);font-size:7px}.side-battery b{font-size:7px;margin-top:4px}.side-battery i{display:block;height:4px;margin-top:17px;background:linear-gradient(90deg,#48db8e 70%,#33363a 70%)}
.front-baffle{position:absolute;width:calc(var(--w) - 38px);height:calc(var(--h) - 38px);left:19px;top:19px;transform:translateZ(calc(var(--depth)/2 + 2px));background:#111317;border:2px solid #030405;box-shadow:inset 0 0 70px #000}.baffle-port{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;border:4px solid #292c31;background:radial-gradient(circle,#030405 0 42%,#15171b 43% 58%,#050607 59%)}.port-one{width:128px;height:128px;top:52px}.port-two{width:208px;height:208px;bottom:46px}
.lab-driver{appearance:none;position:absolute;z-index:8;left:50%;padding:0;border:0;background:none;color:#fff;transform-style:preserve-3d;cursor:ew-resize;transition:transform .18s linear;touch-action:none}.lab-driver-high{width:126px;height:126px;top:55px;transform:translateX(-50%) translateZ(calc(var(--depth)/2 + 12px + var(--pull-high)))}.lab-driver-low{width:202px;height:202px;bottom:46px;transform:translateX(-50%) translateZ(calc(var(--depth)/2 + 12px + var(--pull-low)))}.driver-frame{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#090a0c 0 36%,#202329 37% 52%,#07080a 53% 67%,#33363c 68% 75%,#08090b 76%);border:3px solid #31343a;box-shadow:0 12px 30px #000}.driver-cone{position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle,#181a1f,#050607 67%);border:1px solid rgba(255,255,255,.08)}.driver-cap{position:absolute;inset:40%;border-radius:50%;background:#090a0c;box-shadow:inset 0 0 12px #000}.lab-driver>small{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);font-size:6px;letter-spacing:.12em;color:#777;opacity:0;transition:.2s}.lab-driver:hover>small,.lab-driver.dragging-part>small{opacity:1}
.lab-grille{appearance:none;position:absolute;z-index:12;width:calc(var(--w) - 34px);height:calc(var(--h) - 34px);left:17px;top:17px;padding:0;border:2px solid #08090a;background:transparent;color:#fff;transform:translateZ(calc(var(--depth)/2 + 26px + var(--pull-grille)));transform-style:preserve-3d;cursor:ew-resize;transition:transform .18s linear;touch-action:none;box-shadow:0 12px 40px rgba(0,0,0,.45)}.lab-grille:before{content:"";position:absolute;inset:0;background:var(--lab-light);opacity:var(--lab-light-opacity);filter:blur(22px);transition:.35s}.grille-mesh{position:absolute;inset:0;background-color:rgba(8,9,11,.91);background-image:radial-gradient(#4a4d54 1.2px,transparent 1.3px);background-size:7px 7px;box-shadow:inset 0 0 65px #000}.grille-logo{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%) rotate(2deg);display:grid;place-items:center;width:64px;height:48px;background:var(--red);font-family:var(--display);font-size:28px}.lab-grille>small{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-size:6px;letter-spacing:.13em;color:#666;opacity:0}.lab-grille:hover>small,.lab-grille.dragging-part>small{opacity:1}
.lab-corner{position:absolute;z-index:30;width:52px;height:52px;border-radius:50%;background:#111214;border:4px solid rgba(255,255,255,.1);box-shadow:inset -8px -8px 13px rgba(0,0,0,.7),0 5px 14px #000;transform:translateZ(calc(var(--depth)/2 + 31px));pointer-events:none}.c-tl{left:-22px;top:-22px}.c-tr{right:-22px;top:-22px}.c-bl{left:-22px;bottom:-22px}.c-br{right:-22px;bottom:-22px}
.cabinet-interior{position:absolute;z-index:1;width:calc(var(--w) - 34px);height:calc(var(--h) - 32px);left:17px;top:16px;transform:translateZ(0);transform-style:preserve-3d;opacity:.18;transition:.35s;pointer-events:none}.lab-cabinet.top-open .cabinet-interior{opacity:1;pointer-events:auto}.interior-back{position:absolute;inset:0;background:#090a0c;border:2px solid #24272c}.internal-brace{position:absolute;left:12%;right:12%;height:16px;background:#292c31;border:1px solid #43474f}.brace-a{top:34%;transform:translateZ(4px)}.brace-b{top:64%;transform:translateZ(4px)}.internal-amp{position:absolute;right:9%;top:7%;width:120px;height:86px;padding:12px;background:#11161a;border:2px solid #31383d;box-shadow:0 8px 20px #000;cursor:pointer;pointer-events:auto}.internal-amp b{font-size:7px;color:#f4f4f4}.internal-amp i{display:block;height:5px;margin-top:9px;background:#283039}.internal-amp i:nth-child(2){width:78%;background:#ef3039}.internal-amp i:nth-child(3){width:58%;background:#44da8a}.internal-battery{position:absolute;left:9%;bottom:8%;width:116px;height:118px;padding:12px;background:#131519;border:2px solid #34373d;cursor:pointer;pointer-events:auto}.internal-battery b{font-size:7px}.internal-battery span{display:block;height:7px;margin-top:62px;background:linear-gradient(90deg,#46d98c 72%,#34373d 72%)}.internal-wire{position:absolute;width:90px;height:2px;background:var(--red);transform-origin:left}.wire-a{left:32%;top:22%;transform:rotate(24deg)}.wire-b{right:29%;bottom:26%;transform:rotate(-32deg);background:#47d98d}.internal-damping{position:absolute;left:39%;top:42%;width:37%;height:37%;padding:14px;background:repeating-linear-gradient(45deg,#1b1d22,#1b1d22 6px,#15171b 6px,#15171b 12px);color:#41454c;font-size:6px;letter-spacing:.12em}
.lab-shadow{position:absolute;width:430px;height:85px;left:50%;bottom:-78px;transform:translateX(-50%) rotateX(76deg);border-radius:50%;background:#000;filter:blur(24px);opacity:.72}.lab-distance{position:absolute;z-index:18;display:none;align-items:center;gap:8px;color:#777;font-size:6px;letter-spacing:.12em;pointer-events:none}.lab-distance.show{display:flex}.lab-distance span{display:block;width:52px;height:1px;background:linear-gradient(90deg,var(--red),transparent)}.distance-grille{right:12%;top:44%}.distance-driver{left:15%;bottom:25%}.distance-top{right:18%;top:19%}
.lab-speaker.is-mini{--w:270px;--h:390px}.lab-speaker.is-mini .port-one{width:86px;height:86px;top:38px}.lab-speaker.is-mini .port-two{width:140px;height:140px;bottom:31px}.lab-speaker.is-mini .lab-driver-high{width:86px;height:86px;top:41px}.lab-speaker.is-mini .lab-driver-low{width:140px;height:140px;bottom:33px}.lab-speaker.is-mini .cab-wordmark{left:23px;top:22px;font-size:8px}.lab-speaker.is-mini .side-control{top:24px;width:55px;height:92px;gap:9px;padding-top:10px}.lab-speaker.is-mini .side-control i{width:15px;height:15px}.lab-speaker.is-mini .side-control b{width:21px;height:21px}.lab-speaker.is-mini .side-handle{top:136px;height:132px;width:39px}.lab-speaker.is-mini .side-battery{height:67px;bottom:14px;padding:8px}.lab-speaker.is-mini .grille-logo{width:50px;height:37px;font-size:21px}.lab-speaker.is-mini .lab-corner{width:42px;height:42px}.lab-speaker.is-mini .c-tl{left:-18px;top:-18px}.lab-speaker.is-mini .c-tr{right:-18px;top:-18px}.lab-speaker.is-mini .c-bl{left:-18px;bottom:-18px}.lab-speaker.is-mini .c-br{right:-18px;bottom:-18px}.lab-speaker.is-mini .internal-amp{width:90px;height:64px;padding:8px}.lab-speaker.is-mini .internal-battery{width:85px;height:86px;padding:8px}.lab-speaker.is-mini .internal-damping{font-size:5px}
.lab-panel{background:#edebe5;color:#111;min-height:calc(100vh - 144px);display:flex;flex-direction:column}.lab-panel-head{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 27px 20px;border-bottom:1px solid #c5c3bd}.lab-panel-head .eyebrow{color:#686762}.lab-panel-head h1{font-family:var(--display);font-size:40px;margin:7px 0 3px}.lab-panel-head small{font-size:8px;color:#77746f;text-transform:uppercase;letter-spacing:.1em}.lab-live{font-size:7px;color:#666}.lab-live i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#40c784;box-shadow:0 0 10px #40c784}.lab-demo-box{margin:16px 27px 0;padding:12px 13px;display:grid;grid-template-columns:auto 1fr;gap:10px;border:1px solid rgba(202,35,44,.3);background:#f6dcdb;color:#682328}.lab-demo-box b{padding:4px 6px;background:#c92730;color:#fff;font-size:7px;letter-spacing:.12em}.lab-demo-box span{font-size:8px;line-height:1.55}.lab-panel-section{padding:23px 27px;border-bottom:1px solid #c8c6c0}.lab-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.lab-section-title>span{color:var(--red);font-size:8px;font-weight:800}.lab-section-title b,.lab-section-title small{display:block}.lab-section-title b{text-transform:uppercase;font-size:10px}.lab-section-title small{margin-top:4px;color:#74736f;font-size:8px}.lab-action-list{display:grid;gap:6px}.lab-action-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #c5c3bd;background:#e7e5de}.lab-action-list span b,.lab-action-list span small{display:block}.lab-action-list span b{font-size:9px}.lab-action-list span small{margin-top:3px;color:#77736f;font-size:7px}.lab-action-list button{min-width:65px;padding:8px 9px;border:1px solid #aaa8a2;background:#f3f1eb;color:#333;font-size:7px;font-weight:800;text-transform:uppercase}.lab-action-list button.active{background:#111;color:#fff;border-color:#111}.lab-explode-all,.lab-reset-parts{width:100%;margin-top:9px;padding:11px;border:0;font-size:8px;font-weight:800;text-transform:uppercase}.lab-explode-all{background:var(--red);color:#fff}.lab-reset-parts{background:#111;color:#fff}.lab-colours{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lab-colours button{padding:8px 4px;border:1px solid #c4c2bc;background:transparent;color:#222;font-size:7px}.lab-colours button.active{border:2px solid #111;padding:7px 3px}.lab-colours i{display:block;width:27px;height:27px;margin:0 auto 6px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.lab-light-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lab-light-buttons button{padding:10px 3px;border:1px solid #c3c1bb;background:transparent;color:#555;font-size:7px;text-transform:uppercase}.lab-light-buttons button.active{background:#111;color:#fff;border-color:#111}.lab-part-info{margin-top:auto;padding:22px 27px 27px;background:#111318;color:#f3f1eb;min-height:235px}.lab-info-head{display:flex;justify-content:space-between;color:var(--red);font-size:7px;letter-spacing:.13em}.lab-info-head button{border:0;background:none;color:#777;font-size:20px}.lab-part-info h2{font-family:var(--display);font-size:26px;line-height:1;margin:13px 0}.lab-part-info p{color:#8e9299;font-size:9px;line-height:1.7}.lab-part-info dl{margin:16px 0 0}.lab-part-info dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.1);font-size:7px}.lab-part-info dt{color:#757982}.lab-part-info dd{margin:0;text-align:right}.lab-part-info>small{display:block;margin-top:14px;color:#555960;font-size:6px}.lab-explainer{display:grid;grid-template-columns:1.05fr .7fr;gap:10vw;padding:110px 6vw;background:#efede7;color:#111}.lab-explainer h2{font-family:var(--display);font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.06em;margin:20px 0}.lab-explainer>p{align-self:end;color:#62615e;line-height:1.9}.lab-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#090a0c}.lab-feature-grid article{min-height:290px;padding:50px 5vw;border-right:1px solid rgba(255,255,255,.12)}.lab-feature-grid b{color:var(--red)}.lab-feature-grid h3{font-family:var(--display);font-size:27px;margin:34px 0 13px}.lab-feature-grid p{color:#7c8087;line-height:1.7}
@media(max-width:1050px){.lab-layout{display:block}.lab-stage{position:relative;height:760px}.lab-panel{min-height:auto}.lab-product-bar{align-items:flex-start;flex-direction:column}.lab-model-tabs{width:100%}.lab-model-tabs button{flex:1}.lab-explainer{grid-template-columns:1fr}.lab-feature-grid{grid-template-columns:1fr}.lab-feature-grid article{min-height:auto}}@media(max-width:620px){.lab-product-bar{padding:14px 18px}.lab-product-copy{display:grid;gap:5px}.lab-model-tabs{display:grid;grid-template-columns:1fr 1fr}.lab-model-tabs button{min-width:0}.lab-stage{height:620px;min-height:620px}.lab-stage-head{left:15px;right:15px}.lab-stage-head span:last-child{display:none}.lab-view-buttons{right:14px;top:46px}.lab-view-buttons button{padding:8px 9px;font-size:6px}.lab-hint{left:15px;right:15px;bottom:45px;font-size:6px}.lab-speaker.is-one{--w:225px;--h:377px;--depth:78px}.lab-speaker.is-mini{--w:185px;--h:270px;--depth:64px}.lab-speaker.is-one .port-one{width:82px;height:82px;top:35px}.lab-speaker.is-one .port-two{width:132px;height:132px;bottom:30px}.lab-speaker.is-one .lab-driver-high{width:82px;height:82px;top:38px}.lab-speaker.is-one .lab-driver-low{width:132px;height:132px;bottom:32px}.side-control,.side-handle,.side-battery{transform:translateX(-50%) scale(.72);transform-origin:top center}.lab-corner{width:38px;height:38px}.c-tl{left:-16px;top:-16px}.c-tr{right:-16px;top:-16px}.c-bl{left:-16px;bottom:-16px}.c-br{right:-16px;bottom:-16px}.lab-distance{display:none!important}.lab-panel-head,.lab-panel-section,.lab-part-info{padding-left:18px;padding-right:18px}.lab-demo-box{margin-left:18px;margin-right:18px}.lab-explainer{padding:75px 20px}.lab-feature-grid article{padding:42px 20px}}


/* FINAL PRODUCT MODEL 360 REBUILD */
.lab-scene{perspective:1800px;perspective-origin:50% 46%}
.lab-speaker{
  --w:350px;
  --h:570px;
  --depth:124px;
  transform-origin:50% 50% 0;
  will-change:transform;
}
.lab-speaker.is-one{--w:350px;--h:570px}
.lab-speaker.is-mini{--w:470px;--h:265px}

/* Cabinet: true rectangular box with matching front/back/side/top/bottom planes */
.lab-cabinet{transform-style:preserve-3d}
.cab-face,.cab-top{backface-visibility:visible;transform-style:preserve-3d}
.cab-front{transform:translateZ(calc(var(--depth)/2))}
.cab-back{transform:rotateY(180deg) translateZ(calc(var(--depth)/2))}
.cab-right{
  width:var(--depth);
  height:var(--h);
  left:calc(var(--w)/2 - var(--depth)/2);
  top:0;
  margin:0;
  transform:translateX(calc(var(--w)/2)) rotateY(90deg);
}
.cab-left{
  width:var(--depth);
  height:var(--h);
  left:calc(var(--w)/2 - var(--depth)/2);
  top:0;
  margin:0;
  transform:translateX(calc(var(--w)/-2)) rotateY(-90deg);
}
.cab-bottom{
  width:var(--w);
  height:var(--depth);
  left:0;
  top:calc(var(--h)/2 - var(--depth)/2);
  margin:0;
  transform:translateY(calc(var(--h)/2)) rotateX(-90deg);
}
.cab-top{
  width:var(--w);
  height:var(--depth);
  left:0;
  top:calc(var(--h)/2 - var(--depth)/2);
  margin:0;
  transform:translateY(calc(var(--h)/-2 - var(--lift-top))) rotateX(90deg);
}

/* Front baffle openings are NOT duplicate loudspeaker units.
   They only appear when the matching removable driver is pulled away. */
.front-baffle{z-index:4}
.baffle-port{
  opacity:0;
  background:#050607!important;
  border:3px solid #272a2f!important;
  box-shadow:inset 0 0 25px #000!important;
  transition:opacity .2s;
}
.lab-cabinet.high-open .port-one{opacity:1}
.lab-cabinet.low-open .port-two{opacity:1}

/* Drivers are the only visible cones in assembled view */
.lab-driver{
  z-index:10;
  filter:drop-shadow(0 12px 15px rgba(0,0,0,.48));
}
.lab-driver-high{transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 20px + var(--pull-high)))}
.lab-driver-low{transform:translate(-50%,50%) translateZ(calc(var(--depth)/2 + 20px + var(--pull-low)))}

/* Grille sits above drivers and carries only the SIKEVENTURES wordmark */
.lab-grille{
  z-index:15;
  transform:translateZ(calc(var(--depth)/2 + 35px + var(--pull-grille)));
}
.grille-logo{display:none!important}
.grille-wordmark{
  position:absolute;
  z-index:4;
  left:22px;
  top:20px;
  padding:0;
  color:#f7f7f4;
  font-family:var(--display);
  font-size:11px;
  font-style:italic;
  letter-spacing:-.035em;
  text-shadow:0 2px 6px #000;
}
.lab-speaker.is-mini .grille-wordmark{left:20px;top:18px;font-size:10px}

/* 3D spherical ball corners at all eight box vertices */
.lab-corner{display:none!important}
.lab-ball-corner{
  --ball:54px;
  position:absolute;
  z-index:30;
  width:var(--ball);
  height:var(--ball);
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 31% 25%,rgba(255,255,255,.22) 0 5%,rgba(255,255,255,.05) 13%,transparent 27%),
    radial-gradient(circle at 40% 36%,#35383c 0 8%,#17191c 38%,#08090b 73%,#020304 100%);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:
    inset -13px -16px 19px rgba(0,0,0,.78),
    inset 7px 6px 11px rgba(255,255,255,.045),
    0 9px 18px rgba(0,0,0,.65);
  transform-style:preserve-3d;
}
.ball-ftl{left:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-ftr{right:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-fbl{left:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-fbr{right:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-btl{left:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}
.ball-btr{right:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}
.ball-bbl{left:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}
.ball-bbr{right:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}

/* SIKE ONE: vertical two-driver layout */
.lab-speaker.is-one .port-one{width:118px;height:118px;top:70px;left:50%}
.lab-speaker.is-one .port-two{width:190px;height:190px;bottom:58px;left:50%}
.lab-speaker.is-one .lab-driver-high{width:118px;height:118px;top:129px;left:50%}
.lab-speaker.is-one .lab-driver-low{width:190px;height:190px;bottom:153px;left:50%}

/* SIKE MINI: horizontal carry-case design, two drivers side by side */
.lab-speaker.is-mini{
  --depth:106px;
}
.lab-speaker.is-mini .port-one,
.lab-speaker.is-mini .port-two{
  width:148px;
  height:148px;
  top:50%;
  bottom:auto;
}
.lab-speaker.is-mini .port-one{left:29%}
.lab-speaker.is-mini .port-two{left:71%}
.lab-speaker.is-mini .lab-driver-high,
.lab-speaker.is-mini .lab-driver-low{
  width:148px;
  height:148px;
  top:50%;
  bottom:auto;
}
.lab-speaker.is-mini .lab-driver-high{left:29%}
.lab-speaker.is-mini .lab-driver-low{left:71%;transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 20px + var(--pull-low)))}
.lab-speaker.is-mini .cab-wordmark{left:26px;top:24px;font-size:9px}
.lab-speaker.is-mini .side-control{
  top:24px;
  left:50%;
  transform:translateX(-50%);
  width:66px;
  height:92px;
}
.lab-speaker.is-mini .side-handle{
  top:128px;
  left:50%;
  transform:translateX(-50%);
  width:48px;
  height:88px;
}
.lab-speaker.is-mini .side-battery{
  display:none;
}
.lab-speaker.is-mini .cab-bottom span{font-size:7px}
.lab-speaker.is-mini .lab-ball-corner{--ball:48px}
.lab-speaker.is-mini .cabinet-interior{width:calc(var(--w) - 34px);height:calc(var(--h) - 32px)}
.lab-speaker.is-mini .internal-amp{right:7%;top:12%;width:105px;height:68px}
.lab-speaker.is-mini .internal-battery{left:7%;bottom:12%;width:105px;height:80px}
.lab-speaker.is-mini .internal-damping{left:39%;top:30%;width:25%;height:42%}

/* Make rear view meaningful */
.cab-back{
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 40%),
    var(--cab-side);
}
.cab-back:before{
  content:"SIKEVENTURES";
  position:absolute;
  left:26px;
  top:25px;
  color:#6d7178;
  font-family:var(--display);
  font-style:italic;
  font-size:10px;
}
.cab-back:after{
  content:"SERVICE / AUX / LINK";
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  padding:10px 14px;
  border:1px solid #34373d;
  background:#090a0c;
  color:#666b73;
  font-size:6px;
  letter-spacing:.13em;
  white-space:nowrap;
}

/* Top and bottom details visible in 360 view */
.cab-top{
  background:
    linear-gradient(90deg,transparent 7%,rgba(255,255,255,.055) 7% 8%,transparent 8% 92%,rgba(255,255,255,.055) 92% 93%,transparent 93%),
    linear-gradient(#24272c,var(--cab-main));
}
.cab-bottom{
  background:
    radial-gradient(circle at 14% 50%,#08090a 0 5px,#33363a 6px 8px,transparent 9px),
    radial-gradient(circle at 86% 50%,#08090a 0 5px,#33363a 6px 8px,transparent 9px),
    linear-gradient(#101216,var(--cab-side));
}

/* More compact view toolbar to fit 7 360-view buttons */
.lab-view-buttons{flex-wrap:wrap;max-width:390px;justify-content:flex-end}
.lab-view-buttons button{padding:9px 10px}

/* Correct component cursor direction */
.lab-grille,.lab-driver{cursor:grab}
.lab-grille.dragging-part,.lab-driver.dragging-part{cursor:grabbing}

/* model-focused stage */
.lab-stage{background:radial-gradient(circle at 52% 48%,#26282e 0,#101216 34%,#050609 76%)}
.lab-glow{opacity:.7}
.lab-watermark{opacity:.2}
.lab-floor{width:700px}

@media(max-width:1050px){
  .lab-speaker.is-mini{--w:430px;--h:245px}
}
@media(max-width:620px){
  .lab-view-buttons{max-width:285px}
  .lab-view-buttons button{padding:7px 7px;font-size:5px}
  .lab-speaker.is-one{--w:225px;--h:365px;--depth:82px}
  .lab-speaker.is-mini{--w:310px;--h:175px;--depth:72px}
  .lab-speaker.is-one .lab-driver-high{width:76px;height:76px;top:86px}
  .lab-speaker.is-one .lab-driver-low{width:122px;height:122px;bottom:99px}
  .lab-speaker.is-one .port-one{width:76px;height:76px;top:48px}
  .lab-speaker.is-one .port-two{width:122px;height:122px;bottom:38px}
  .lab-speaker.is-mini .lab-driver-high,
  .lab-speaker.is-mini .lab-driver-low,
  .lab-speaker.is-mini .port-one,
  .lab-speaker.is-mini .port-two{width:96px;height:96px}
  .lab-ball-corner{--ball:36px}
  .lab-speaker.is-mini .lab-ball-corner{--ball:32px}
  .grille-wordmark{font-size:7px;left:15px;top:13px}
  .lab-speaker.is-mini .grille-wordmark{font-size:7px;left:14px;top:12px}
}


/* POPUP + REMOVABLE BATTERY + TRUE 3D BALL CORNERS */
.lab-stage{isolation:isolate}
.lab-panel .lab-part-info{display:none!important}

/* Floating component information directly over the 3D stage */
.lab-model-popup{
  --popup-x:58%;
  --popup-y:36%;
  position:absolute!important;
  z-index:80!important;
  left:var(--popup-x)!important;
  top:var(--popup-y)!important;
  width:min(390px,calc(100% - 32px))!important;
  margin:0!important;
  padding:24px 26px 21px!important;
  background:rgba(11,13,17,.94)!important;
  color:#f5f5f1!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(239,48,57,.08)!important;
  backdrop-filter:blur(17px);
  transform:translateY(10px) scale(.97);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s,transform .2s,visibility .2s;
}
.lab-model-popup.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.lab-model-popup:before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  width:3px;
  height:100%;
  background:linear-gradient(var(--red),rgba(239,48,57,.08));
}
.lab-model-popup .lab-info-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.lab-model-popup .lab-info-head span{color:var(--red);font-size:7px;font-weight:800;letter-spacing:.16em}
.lab-model-popup .lab-info-head button{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:#14161a;color:#fff;font-size:16px}
.lab-model-popup h2{margin:0 0 12px!important;font-family:var(--display);font-size:25px!important;letter-spacing:-.035em}
.lab-model-popup p{margin:0 0 17px!important;color:#9da1a8!important;font-size:10px!important;line-height:1.65!important}
.lab-model-popup dl{margin:0!important}
.lab-model-popup dl div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-top:1px solid rgba(255,255,255,.09)}
.lab-model-popup dt{color:#656a72;font-size:7px}
.lab-model-popup dd{margin:0;color:#eef0f2;font-size:7px;text-align:right}
.lab-model-popup>small{display:block;margin-top:13px;color:#555a62!important;font-size:6px!important}

/* External removable battery on right-side local 3D plane */
.side-battery.component-part{
  appearance:none;
  color:#fff;
  text-align:left;
  cursor:grab;
  transform:translateZ(var(--pull-battery,0px));
  transform-style:preserve-3d;
  transition:transform .16s ease-out,box-shadow .2s;
  box-shadow:0 12px 22px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.03);
}
.side-battery.component-part:hover{border-color:#555b64}
.side-battery.component-part.dragging-part{cursor:grabbing;transition:none}
.side-battery.component-part:before{
  content:"";
  position:absolute;
  left:-9px;
  top:9px;
  bottom:9px;
  width:8px;
  background:linear-gradient(90deg,#050607,#262a30);
  transform:rotateY(90deg);
  transform-origin:right center;
}
.side-battery.component-part:after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:-8px;
  height:7px;
  background:linear-gradient(#34383e,#101216);
  transform:rotateX(90deg);
  transform-origin:center bottom;
}
.side-battery em{
  position:absolute;
  right:8px;
  top:9px;
  color:#686d75;
  font-size:5px;
  font-style:normal;
  letter-spacing:.12em;
}
.lab-cabinet.battery-open .side-battery{
  box-shadow:22px 18px 34px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.05);
}
.distance-battery{right:12%;bottom:19%}

/* MINI is compact and does not expose the full-size external battery module */
.lab-speaker.is-mini .side-battery.component-part{
  opacity:.28;
  pointer-events:none;
}
.lab-speaker.is-mini .side-battery em{display:none}

/* 3D ball corners: central shaded sphere + orthogonal spherical cross-sections */
.lab-ball-corner{
  --ball:58px;
  position:absolute;
  z-index:40;
  width:var(--ball);
  height:var(--ball);
  border:0;
  border-radius:50%;
  overflow:visible;
  transform-style:preserve-3d;
  pointer-events:none;
  background:
    radial-gradient(circle at 26% 20%,rgba(255,255,255,.42) 0 3%,rgba(255,255,255,.14) 9%,transparent 21%),
    radial-gradient(circle at 38% 34%,#494d52 0 6%,#26292e 26%,#111316 53%,#060709 75%,#010203 100%);
  box-shadow:
    inset -14px -16px 22px rgba(0,0,0,.72),
    inset 9px 7px 14px rgba(255,255,255,.06),
    0 14px 22px rgba(0,0,0,.58);
}
.lab-ball-corner>i,
.lab-ball-corner>b{
  position:absolute;
  inset:8%;
  display:block;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.09);
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.10),rgba(0,0,0,.20) 66%,rgba(0,0,0,.45));
  transform-style:preserve-3d;
}
.lab-ball-corner>i{
  transform:rotateY(90deg);
  box-shadow:inset 4px 0 7px rgba(255,255,255,.035),inset -7px 0 10px rgba(0,0,0,.4);
}
.lab-ball-corner>b{
  transform:rotateX(90deg);
  box-shadow:inset 0 4px 7px rgba(255,255,255,.03),inset 0 -7px 10px rgba(0,0,0,.4);
}
.lab-ball-corner:before{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:50%;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.18),transparent 26%),rgba(0,0,0,.10);
  transform:translateZ(calc(var(--ball)*.27));
  box-shadow:0 0 10px rgba(0,0,0,.25);
}
.lab-ball-corner:after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:-11%;
  height:23%;
  border-radius:50%;
  background:rgba(0,0,0,.58);
  filter:blur(5px);
  transform:translateZ(calc(var(--ball)*-.13)) rotateX(70deg);
}

/* each sphere is centred exactly on a cabinet vertex */
.ball-ftl{left:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-ftr{right:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-fbl{left:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-fbr{right:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/2))}
.ball-btl{left:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}
.ball-btr{right:calc(var(--ball)/-2);top:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}
.ball-bbl{left:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}
.ball-bbr{right:calc(var(--ball)/-2);bottom:calc(var(--ball)/-2);transform:translateZ(calc(var(--depth)/-2))}

/* Add a visible recessed receiver behind the battery when it is pulled out */
.cab-right:after{
  content:"BATTERY RECEIVER";
  position:absolute;
  left:8px;
  right:8px;
  bottom:22px;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #262a30;
  background:repeating-linear-gradient(90deg,#090a0c,#090a0c 8px,#0d0f12 8px,#0d0f12 10px);
  color:#373b42;
  font-size:5px;
  letter-spacing:.14em;
  opacity:0;
  transition:opacity .2s;
}
.lab-cabinet.battery-open .cab-right:after{opacity:1}
.side-battery{z-index:2}

/* Popup must remain usable on narrow screens */
@media(max-width:1050px){
  .lab-model-popup{
    width:min(360px,calc(100% - 28px))!important;
  }
}
@media(max-width:620px){
  .lab-model-popup{
    left:14px!important;
    right:14px!important;
    top:auto!important;
    bottom:74px!important;
    width:auto!important;
    max-height:280px;
    overflow:auto;
    --popup-x:14px!important;
    --popup-y:auto!important;
  }
  .lab-model-popup h2{font-size:20px!important}
  .lab-model-popup p{font-size:9px!important}
  .lab-ball-corner{--ball:39px}
  .lab-speaker.is-mini .lab-ball-corner{--ball:34px}
}


/* CHAT-CONSOLIDATED CUSTOMIZER UPDATE */

.pro-lab-layout{grid-template-columns:minmax(0,1fr) 390px}.pro-customizer-panel{background:#f0eee8;color:#111}.customizer-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 24px 16px}.customizer-mode-switch button{min-height:64px;padding:10px;display:flex;gap:10px;align-items:center;border:1px solid #cbc8c1;background:#f7f5ef;text-align:left}.customizer-mode-switch button>i{width:31px;height:31px;display:grid;place-items:center;background:#dedbd4;font-style:normal;font-weight:900}.customizer-mode-switch b,.customizer-mode-switch small{display:block}.customizer-mode-switch b{font-size:9px}.customizer-mode-switch small{font-size:6px;color:#777}.customizer-mode-switch button.active{background:#111;color:#fff;border-color:#111}.customizer-mode-switch button.active>i{background:var(--red)}.customizer-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #cbc8c1}.customizer-tabs button{padding:12px 3px;border:0;border-right:1px solid #d2cfc8;background:transparent;font-size:7px;font-weight:800;text-transform:uppercase}.customizer-tabs button.active{background:#111;color:#fff}.customizer-tab-panel{display:none}.customizer-tab-panel.active{display:block}.customizer-card{padding:21px 24px;border-bottom:1px solid #cbc8c1}.customizer-card-title{display:flex;gap:10px;margin-bottom:15px}.customizer-card-title>span{color:var(--red);font-size:7px;font-weight:900}.customizer-card-title b,.customizer-card-title small{display:block}.customizer-card-title b{font-size:9px;text-transform:uppercase}.customizer-card-title small{font-size:6px;color:#777;margin-top:3px}.customizer-primary,.customizer-secondary{min-height:40px;padding:0 12px;border:1px solid #111;font-size:7px;font-weight:900;text-transform:uppercase}.customizer-primary{background:var(--red);border-color:var(--red);color:#fff}.customizer-secondary{background:transparent;color:#111}.full{width:100%}.knob-colours{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.knob-colours button{padding:8px 4px;border:1px solid #c9c6bf;background:#f7f5ef;font-size:6px}.knob-colours i{display:block;width:24px;height:24px;margin:0 auto 5px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8,transparent 20%),var(--knob);box-shadow:inset -5px -6px 8px #0004}.knob-colours button.active{border:2px solid #111}.customizer-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.customizer-preset-grid button{padding:6px;border:1px solid #cbc8c1;background:#f7f5ef;text-align:left}.preset-preview{display:block;height:42px}.preset-preview.stealth{background:linear-gradient(135deg,#08090b,#2b2e32)}.preset-preview.energy{background:linear-gradient(135deg,#17191c,#9a2229)}.preset-preview.ice{background:linear-gradient(135deg,#afb5b8,#e7f9ff)}.customizer-preset-grid b,.customizer-preset-grid small{display:block}.customizer-preset-grid b{font-size:7px;margin-top:5px}.customizer-preset-grid small{font-size:5px;color:#777}.battery-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.battery-type-grid button{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #c9c6bf;background:#f7f5ef;text-align:left}.battery-type-grid button>i{width:42px;height:53px;display:grid;place-items:center;background:#17191c;color:#fff;font-style:normal}.battery-type-grid strong,.battery-type-grid small{display:block}.battery-type-grid strong{font-size:7px}.battery-type-grid small{font-size:5px;color:#777}.battery-type-grid button.active{border:2px solid #111}.battery-type-grid button.active>i{background:var(--red)}.battery-side-status{display:grid;gap:6px}.battery-side-status>div{display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #cbc8c1;background:#f8f6f0}.battery-side-status>div>i{width:29px;height:29px;display:grid;place-items:center;background:#111;color:#fff;font-style:normal}.battery-side-status b,.battery-side-status small{display:block;font-size:7px}.battery-side-status small{font-size:5px;color:#777}.battery-side-status button{padding:6px 8px;border:1px solid #aaa;background:transparent;font-size:5px}.battery-side-status button.active{background:#111;color:#fff}.power-summary-card{background:#111;color:#fff}.power-summary-card>strong{display:block;font-family:var(--display);font-size:22px;margin:8px 0}.power-summary-card>small{font-size:6px;color:#777}.cabinet-upload-drop{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #9e9a94;background:#e6e3dc;cursor:pointer}.cabinet-upload-drop i{font-size:22px;font-style:normal}.cabinet-upload-drop b{font-size:7px}.cabinet-upload-drop small{font-size:5px;color:#777;margin-top:4px}.surface-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.surface-selector button{padding:8px;border:1px solid #bbb;background:transparent;font-size:6px}.surface-selector button.active{background:#111;color:#fff}.art-fit-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.art-fit-controls label{font-size:6px;color:#777}.art-fit-controls select,.art-fit-controls input{width:100%;margin-top:5px}.explore-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.explore-actions button{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #cbc8c1;background:#f7f5ef;text-align:left}.explore-actions i{width:29px;height:29px;display:grid;place-items:center;background:#111;color:#fff;font-style:normal}.explore-actions b,.explore-actions small{display:block}.explore-actions b{font-size:7px}.explore-actions small{font-size:5px;color:#777}.explore-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.ai-customizer-panel{display:none;padding:18px 24px;background:#101216;color:#fff}.ai-customizer-panel.active{display:block}.ai-customizer-head{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.ai-customizer-head>i{width:36px;height:36px;display:grid;place-items:center;background:var(--red);font-style:normal;font-weight:900}.ai-customizer-head b,.ai-customizer-head small{display:block}.ai-customizer-head b{font-size:10px}.ai-customizer-head small{font-size:6px;color:#777}.ai-customizer-head button{border:0;background:transparent;color:#fff;font-size:20px}.ai-customizer-panel p{font-size:7px;line-height:1.6;color:#999}.ai-customizer-panel textarea{width:100%;min-height:80px;padding:10px;background:#08090b;color:#fff;border:1px solid #333}.ai-suggestion-chips{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.ai-suggestion-chips button{padding:5px 7px;border:1px solid #34383e;background:#17191d;color:#bbb;font-size:6px}.ai-customizer-panel>[data-ai-status]{display:block;margin-top:8px;color:#747982;font-size:5px}.compact-object-popup{width:250px!important;padding:14px 15px!important}.compact-object-popup h2{font-size:16px!important;margin:0 0 6px!important}.compact-object-popup p{font-size:6.5px!important;line-height:1.45!important;margin:0!important}.compact-object-popup dl,.compact-object-popup>small{display:none!important}.compact-object-popup .lab-info-head{margin-bottom:7px!important}.cab-surface-art{position:absolute;z-index:2;inset:12px;pointer-events:none}.surface-art-front{inset:18px}.cab-wordmark,.cab-rib,.round-carry-handle,.pro-control-panel,.side-battery{z-index:5}.round-carry-handle{position:absolute;top:29%;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;border:7px solid #24272b;background:radial-gradient(circle,#07080a 0 53%,#22262b 54% 64%,#090a0c 65%);box-shadow:inset 0 0 0 2px #51565d,0 8px 18px #0008;overflow:hidden}.round-carry-handle i{position:absolute;left:50%;top:14px;bottom:14px;width:19px;transform:translateX(-50%);border-radius:9px;background:linear-gradient(90deg,#111,#393d42,#111)}.round-carry-handle b{position:absolute;left:11px;right:11px;top:50%;height:7px;transform:translateY(-50%);border-radius:4px;background:#111}.round-carry-handle span{position:absolute;bottom:5px;left:0;right:0;color:#777;font-size:4px}.pro-control-panel{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:84px;height:105px;padding:9px;background:#090a0c;border:4px solid #25282d;border-radius:9px;box-shadow:inset 0 0 18px #000}.volume-ring{--knob-colour:#c4c8ca;position:relative;width:52px;height:52px;margin:0 auto;border-radius:50%;background:conic-gradient(#dff8ff 0 78%,#30343a 78%);box-shadow:0 0 13px #c9edff55}.volume-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#101216}.volume-ring i{position:absolute;z-index:2;inset:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9,transparent 20%),var(--knob-colour);box-shadow:inset -7px -8px 10px #0006}.volume-ring b{position:absolute;z-index:3;left:50%;top:8px;width:2px;height:8px;background:#fff;transform:translateX(-50%)}.volume-ring span{position:absolute;z-index:4;left:0;right:0;bottom:-11px;color:#6e737a;font-size:4px}.panel-led-strip{display:flex;justify-content:center;gap:3px;margin-top:15px}.panel-led-strip i{width:4px;height:4px;border-radius:50%;background:#4be98d;box-shadow:0 0 4px #4be98d}.panel-usb{display:flex;gap:4px;justify-content:center;margin-top:6px}.panel-usb span{font-size:4px;color:#777}.panel-usb b{width:18px;height:7px;border:1px solid #555;background:#020304;box-shadow:inset 0 0 0 2px #111}.side-battery{height:82px!important}.battery-left{position:absolute;left:10px;right:10px;bottom:18px;padding:9px 7px;border:1px solid #30343a;background:linear-gradient(145deg,#191b1f,#090a0c);color:#fff;text-align:left;transform:translateZ(var(--pull-battery-left,0px));cursor:grab}.battery-right{transform:translateZ(var(--pull-battery-right,0px))!important}.side-battery small,.side-battery b,.side-battery i,.side-battery em{display:block}.side-battery em{position:absolute;top:6px;font-size:4px;color:#666;font-style:normal}.battery-left em{left:6px}.battery-right em{right:6px}.side-battery i{height:3px;background:linear-gradient(90deg,#4be98d 78%,#333 78%);margin-top:8px}.lab-grille{transform:translateZ(calc(var(--depth)/2 + 12px + var(--pull-grille)))!important}.lab-driver-high{transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 7px + var(--pull-high)))!important}.lab-driver-low{transform:translate(-50%,50%) translateZ(calc(var(--depth)/2 + 7px + var(--pull-low)))!important}.lab-speaker.is-mini .lab-driver-low{transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 7px + var(--pull-low)))!important}.lab-speaker.is-mini .round-carry-handle{width:58px;height:58px;top:25%}.lab-speaker.is-mini .pro-control-panel{width:72px;height:88px;top:7%}.lab-speaker.is-mini .volume-ring{width:43px;height:43px}.lab-speaker.is-mini .side-battery{height:55px!important;bottom:9px}.markup-studio{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:20px;background:#000c;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.2s}.markup-studio.active{opacity:1;visibility:visible}.markup-window{width:min(1100px,96vw);max-height:94vh;display:flex;flex-direction:column;background:#15171b;color:#fff;border:1px solid #34383e}.markup-head,.markup-actions{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.markup-head{border-bottom:1px solid #30343a}.markup-head h2{margin:4px 0 0;font-family:var(--display);font-size:23px}.markup-head button{border:0;background:transparent;color:#fff;font-size:25px}.markup-toolbar{display:flex;gap:15px;align-items:center;padding:10px 20px;background:#0c0d10}.markup-toolbar label{font-size:7px;color:#999}.markup-toolbar button{padding:6px 9px;background:#17191d;color:#fff;border:1px solid #34383e;font-size:6px}.markup-toolbar button.active{background:var(--red)}.markup-board{position:relative;display:grid;place-items:center;padding:16px;background:#656a70;overflow:auto}.markup-board canvas{max-width:100%;max-height:62vh;background:#777b80;touch-action:none}.markup-empty{position:absolute;color:#fff9;text-align:center}.markup-empty.hidden{display:none}.markup-empty b,.markup-empty span{display:block}.markup-empty b{font-size:14px}.markup-empty span{font-size:7px;margin-top:5px}.markup-actions{border-top:1px solid #30343a}.markup-actions small{font-size:6px;color:#777}.markup-actions>div{display:flex;gap:6px}@media(max-width:1100px){.pro-lab-layout{grid-template-columns:minmax(0,1fr) 355px}}@media(max-width:900px){.pro-lab-layout{grid-template-columns:1fr}.customizer-tabs{position:sticky;top:0;z-index:8;background:#f0eee8}}@media(max-width:620px){.customizer-mode-switch{grid-template-columns:1fr}.battery-type-grid,.customizer-preset-grid{grid-template-columns:1fr}.compact-object-popup{left:10px!important;top:auto!important;bottom:70px!important;width:220px!important}.markup-studio{padding:7px}.markup-toolbar{flex-wrap:wrap}.markup-actions{align-items:flex-start;flex-direction:column;gap:7px}}


/* THICKER CABINET + REALISTIC HANDLE FIX */

/* Slightly deeper enclosure – still portable, but less flat */
.lab-speaker.is-one{
  --depth:150px !important;
}
.lab-speaker.is-mini{
  --depth:122px !important;
}

/* Side/top/bottom planes follow the new depth */
.lab-speaker .cab-right,
.lab-speaker .cab-left{
  width:var(--depth) !important;
  left:calc(var(--w)/2 - var(--depth)/2) !important;
}
.lab-speaker .cab-top,
.lab-speaker .cab-bottom{
  height:var(--depth) !important;
  top:calc(var(--h)/2 - var(--depth)/2) !important;
}

/* Keep front grille and drivers visually tight to the cabinet */
.lab-grille{
  transform:translateZ(calc(var(--depth)/2 + 9px + var(--pull-grille,0px))) !important;
}
.lab-driver-high{
  transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 5px + var(--pull-high,0px))) !important;
}
.lab-driver-low{
  transform:translate(-50%,50%) translateZ(calc(var(--depth)/2 + 5px + var(--pull-low,0px))) !important;
}
.lab-speaker.is-mini .lab-driver-low{
  transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 5px + var(--pull-low,0px))) !important;
}

/* Reference-style recessed round carry handle */
.realistic-handle{
  position:absolute !important;
  z-index:10 !important;
  left:50% !important;
  top:42% !important;
  width:92px !important;
  height:118px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:48% 48% 44% 44% / 38% 38% 58% 58% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  pointer-events:none;
}

/* Thick rounded mounting flange */
.realistic-handle .handle-outer-ring{
  position:absolute;
  inset:0;
  display:block;
  border-radius:48% 48% 44% 44% / 38% 38% 58% 58%;
  background:
    radial-gradient(circle at 31% 23%,rgba(255,255,255,.08),transparent 17%),
    linear-gradient(145deg,#36393d 0,#1b1d20 42%,#0b0c0e 100%);
  border:1px solid #4a4e54;
  box-shadow:
    inset 0 0 0 5px #202327,
    inset 0 0 0 7px #0b0c0e,
    0 10px 20px rgba(0,0,0,.45);
}

/* Deep hand recess */
.realistic-handle .handle-cup{
  position:absolute;
  left:18px;
  right:18px;
  top:17px;
  bottom:20px;
  display:block;
  border-radius:50% 50% 46% 46% / 43% 43% 60% 60%;
  background:
    radial-gradient(ellipse at 50% 30%,#25282c 0,#111316 45%,#030405 78%);
  box-shadow:
    inset 0 18px 20px rgba(255,255,255,.025),
    inset 0 -16px 22px rgba(0,0,0,.78),
    0 0 0 1px #090a0c;
}

/* Horizontal grip crossing the recess */
.realistic-handle .handle-grip{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:56px !important;
  height:25px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:7px !important;
  background:
    linear-gradient(180deg,#32353a,#17191c 48%,#090a0c) !important;
  border:1px solid #44484e !important;
  box-shadow:
    0 6px 11px rgba(0,0,0,.55),
    inset 0 1px rgba(255,255,255,.05) !important;
  color:#787d85 !important;
  font-size:5px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  transform:none !important;
  writing-mode:horizontal-tb !important;
}

/* Eight mounting screws around the flange */
.realistic-handle .handle-screw{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 34%,#35393f 0 16%,#090a0c 38%,#000 70%);
  border:1px solid #44484e;
  box-shadow:inset 0 0 0 1px #050607;
}
.realistic-handle .handle-screw:after{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  top:2px;
  height:1px;
  background:#555a60;
  transform:rotate(-18deg);
}
.realistic-handle .hs1{left:19px;top:5px}
.realistic-handle .hs2{right:19px;top:5px}
.realistic-handle .hs3{left:4px;top:30px}
.realistic-handle .hs4{right:4px;top:30px}
.realistic-handle .hs5{left:5px;bottom:29px}
.realistic-handle .hs6{right:5px;bottom:29px}
.realistic-handle .hs7{left:23px;bottom:4px}
.realistic-handle .hs8{right:23px;bottom:4px}

/* Left face handle faces out from the opposite side */
.realistic-handle-left{
  transform:translate(-50%,-50%) rotateY(180deg) !important;
}

/* Keep controls from colliding with handle after increasing depth */
.lab-speaker.is-one .side-control{
  top:22px !important;
}
.lab-speaker.is-one .side-battery,
.lab-speaker.is-one .side-battery-left{
  bottom:18px !important;
}

/* MINI keeps the same design language, but in a compact horizontal scale */
.lab-speaker.is-mini .realistic-handle{
  width:74px !important;
  height:92px !important;
  top:50% !important;
}
.lab-speaker.is-mini .realistic-handle .handle-cup{
  left:14px;
  right:14px;
  top:14px;
  bottom:16px;
}
.lab-speaker.is-mini .realistic-handle .handle-grip{
  left:14px !important;
  right:14px !important;
  top:44px !important;
  height:20px !important;
  font-size:4px !important;
}
.lab-speaker.is-mini .realistic-handle .handle-screw{
  width:6px;
  height:6px;
}

/* Slightly stronger side-face shading so the added cabinet depth is visible */
.cab-right,
.cab-left{
  background:
    linear-gradient(90deg,rgba(255,255,255,.055),transparent 16%,transparent 82%,rgba(0,0,0,.28)),
    linear-gradient(180deg,var(--cab-main),var(--cab-side)) !important;
}
.cab-top{
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 45%),
    var(--cab-main) !important;
}
.cab-bottom{
  background:
    linear-gradient(180deg,var(--cab-side),#090a0c) !important;
}

@media(max-width:620px){
  .lab-speaker.is-one{--depth:96px !important}
  .lab-speaker.is-mini{--depth:80px !important}
  .realistic-handle{
    width:62px !important;
    height:80px !important;
  }
  .realistic-handle .handle-cup{left:12px;right:12px;top:12px;bottom:14px}
  .realistic-handle .handle-grip{
    left:12px !important;
    right:12px !important;
    top:38px !important;
    height:18px !important;
    font-size:3px !important;
  }
  .realistic-handle .handle-screw{width:5px;height:5px}
}


/* DEFINITIVE VISIBLE DEPTH + HANDLE GEOMETRY */

/* JS sets --depth inline, so all 3D planes consume that actual value. */
.lab-speaker{
  transform-style:preserve-3d !important;
}
.lab-speaker.is-one{
  --depth:178px;
}
.lab-speaker.is-mini{
  --depth:138px;
}

/* Correct six-sided box geometry around the actual depth */
.lab-cabinet{
  transform-style:preserve-3d !important;
}
.cab-front{
  transform:translateZ(calc(var(--depth)/2)) !important;
}
.cab-back{
  transform:rotateY(180deg) translateZ(calc(var(--depth)/2)) !important;
}
.cab-right{
  width:var(--depth) !important;
  height:var(--h) !important;
  left:calc(var(--w)/2 - var(--depth)/2) !important;
  top:0 !important;
  transform:translateX(calc(var(--w)/2)) rotateY(90deg) !important;
}
.cab-left{
  width:var(--depth) !important;
  height:var(--h) !important;
  left:calc(var(--w)/2 - var(--depth)/2) !important;
  top:0 !important;
  transform:translateX(calc(var(--w)/-2)) rotateY(-90deg) !important;
}
.cab-top{
  width:var(--w) !important;
  height:var(--depth) !important;
  left:0 !important;
  top:calc(var(--h)/2 - var(--depth)/2) !important;
  transform:translateY(calc(var(--h)/-2 - var(--lift-top,0px))) rotateX(90deg) !important;
}
.cab-bottom{
  width:var(--w) !important;
  height:var(--depth) !important;
  left:0 !important;
  top:calc(var(--h)/2 - var(--depth)/2) !important;
  transform:translateY(calc(var(--h)/2)) rotateX(-90deg) !important;
}

/* Make front components remain attached to the thicker box */
.lab-grille{
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px))) !important;
}
.lab-driver-high{
  transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 4px + var(--pull-high,0px))) !important;
}
.lab-driver-low{
  transform:translate(-50%,50%) translateZ(calc(var(--depth)/2 + 4px + var(--pull-low,0px))) !important;
}
.lab-speaker.is-mini .lab-driver-low{
  transform:translate(-50%,-50%) translateZ(calc(var(--depth)/2 + 4px + var(--pull-low,0px))) !important;
}

/* Kill legacy handle styles completely */
.round-carry-handle{
  display:none !important;
}

/* Realistic recessed handle anchored inside the side face */
.realistic-handle{
  position:absolute !important;
  z-index:20 !important;
  left:50% !important;
  top:43% !important;
  width:112px !important;
  height:145px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% 50% 46% 46% / 40% 40% 60% 60% !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  background:transparent !important;
}

/* Thick mounting flange */
.realistic-handle .handle-outer-ring{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 28% 19%,rgba(255,255,255,.11),transparent 17%),
    linear-gradient(145deg,#464a4f 0%,#282b2f 23%,#17191c 54%,#08090b 100%);
  border:1px solid #53585f;
  box-shadow:
    inset 0 0 0 5px #282b30,
    inset 0 0 0 8px #0c0d0f,
    0 11px 26px rgba(0,0,0,.55);
}

/* Proper dark recessed cavity */
.realistic-handle .handle-cup{
  position:absolute;
  left:21px;
  right:21px;
  top:19px;
  bottom:22px;
  border-radius:52% 52% 46% 46% / 42% 42% 60% 60%;
  background:
    radial-gradient(ellipse at 50% 25%,#2b2e33 0%,#15171a 36%,#090a0b 62%,#010203 88%);
  box-shadow:
    inset 0 16px 20px rgba(255,255,255,.025),
    inset 0 -26px 30px rgba(0,0,0,.82),
    inset 11px 0 13px rgba(0,0,0,.35),
    inset -11px 0 13px rgba(0,0,0,.35);
}

/* Thick horizontal grip like the reference */
.realistic-handle .handle-grip{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:70px !important;
  height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:8px !important;
  background:
    linear-gradient(180deg,#3d4146 0%,#24272b 30%,#111316 70%,#08090a 100%) !important;
  border:1px solid #4b5057 !important;
  box-shadow:
    0 7px 13px rgba(0,0,0,.64),
    inset 0 2px 2px rgba(255,255,255,.045),
    inset 0 -4px 6px rgba(0,0,0,.40) !important;
  color:#747982 !important;
  font-size:5px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  transform:none !important;
  writing-mode:horizontal-tb !important;
}

/* Mounting screws */
.realistic-handle .handle-screw{
  position:absolute;
  width:8px !important;
  height:8px !important;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#41464c 0 12%,#141619 35%,#040506 72%);
  border:1px solid #4c5158;
  box-shadow:inset 0 0 0 1px #050607;
}
.realistic-handle .handle-screw:after{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  top:3px;
  height:1px;
  background:#60666e;
  transform:rotate(-18deg);
}
.realistic-handle .hs1{left:24px;top:6px}
.realistic-handle .hs2{right:24px;top:6px}
.realistic-handle .hs3{left:5px;top:37px}
.realistic-handle .hs4{right:5px;top:37px}
.realistic-handle .hs5{left:6px;bottom:36px}
.realistic-handle .hs6{right:6px;bottom:36px}
.realistic-handle .hs7{left:28px;bottom:5px}
.realistic-handle .hs8{right:28px;bottom:5px}

/* Side orientation – handle stays visually centred on each panel */
.realistic-handle-left,
.realistic-handle-right{
  transform:translate(-50%,-50%) !important;
}

/* Make thicker side faces read clearly */
.cab-right,
.cab-left{
  background:
    linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 18%,transparent 42%,rgba(0,0,0,.20) 78%,rgba(0,0,0,.43)),
    linear-gradient(180deg,var(--cab-main),var(--cab-side)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

/* Shift panel and batteries so the bigger handle actually has space */
.lab-speaker.is-one .pro-control-panel{
  top:22px !important;
}
.lab-speaker.is-one .realistic-handle{
  top:44% !important;
}
.lab-speaker.is-one .side-battery{
  bottom:18px !important;
  height:92px !important;
}

/* MINI: horizontal case, proportionally smaller recessed handles */
.lab-speaker.is-mini .realistic-handle{
  width:86px !important;
  height:105px !important;
  top:50% !important;
}
.lab-speaker.is-mini .realistic-handle .handle-cup{
  left:16px;
  right:16px;
  top:15px;
  bottom:17px;
}
.lab-speaker.is-mini .realistic-handle .handle-grip{
  left:14px !important;
  right:14px !important;
  top:50px !important;
  height:23px !important;
}

@media(max-width:620px){
  .lab-speaker.is-one{--depth:118px !important}
  .lab-speaker.is-mini{--depth:94px !important}
  .realistic-handle{
    width:72px !important;
    height:94px !important;
  }
  .realistic-handle .handle-cup{left:13px;right:13px;top:12px;bottom:15px}
  .realistic-handle .handle-grip{
    left:12px !important;
    right:12px !important;
    top:45px !important;
    height:20px !important;
  }
}


/* FINAL HANDLE ORIENTATION + TRUE 3D BATTERY BOX */

/* Correct handle orientation:
   right handle opens naturally toward the viewer;
   left handle is mirrored inside its local side plane. */
.cab-right-with-handle .realistic-handle-right{
  transform:translate(-50%,-50%) rotateY(0deg) !important;
}
.cab-left-with-handle .realistic-handle-left{
  transform:translate(-50%,-50%) rotateY(180deg) scaleX(-1) !important;
}
.cab-left-with-handle .realistic-handle-left .handle-grip{
  transform:scaleX(-1) !important;
}
.cab-left-with-handle .realistic-handle-left .handle-screw{
  transform:scaleX(-1) !important;
}

/* Make both handle recesses visibly point INTO the cabinet */
.cab-right-with-handle .realistic-handle .handle-cup{
  box-shadow:
    inset -10px 0 18px rgba(0,0,0,.55),
    inset 0 16px 20px rgba(255,255,255,.025),
    inset 0 -26px 30px rgba(0,0,0,.82) !important;
}
.cab-left-with-handle .realistic-handle .handle-cup{
  box-shadow:
    inset 10px 0 18px rgba(0,0,0,.55),
    inset 0 16px 20px rgba(255,255,255,.025),
    inset 0 -26px 30px rgba(0,0,0,.82) !important;
}

/* True 3D battery module */
.battery-box{
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform-style:preserve-3d !important;
  perspective:700px;
}
.battery-box-shell{
  --battery-depth:58px;
  position:absolute;
  inset:0;
  display:block;
  transform-style:preserve-3d;
  pointer-events:none;
}
.battery-box-front{
  position:absolute;
  inset:0;
  display:block;
  padding:12px 10px;
  border:1px solid #34383f;
  border-radius:3px;
  background:
    linear-gradient(145deg,#1c1f24,#0a0b0d 72%);
  color:#fff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 10px 20px rgba(0,0,0,.42);
  transform:translateZ(calc(var(--battery-depth)/2));
}
.battery-box-front small,
.battery-box-front b,
.battery-box-front i,
.battery-box-front strong{
  display:block;
}
.battery-box-front small{
  color:#ff4b54;
  font-size:6px;
  font-weight:800;
}
.battery-box-front b{
  margin-top:5px;
  font-size:7px;
  letter-spacing:.03em;
}
.battery-box-front i{
  height:4px;
  margin-top:13px;
  background:linear-gradient(90deg,#4be693 78%,#2a2e34 78%);
}
.battery-box-front strong{
  position:absolute;
  right:8px;
  top:9px;
  color:#6b7078;
  font-size:5px;
  letter-spacing:.12em;
}

/* long side walls */
.battery-box-side{
  position:absolute;
  top:0;
  bottom:0;
  width:var(--battery-depth);
  background:
    linear-gradient(90deg,#25292f,#0a0b0d 72%);
  border:1px solid #32363c;
  transform-style:preserve-3d;
}
.battery-box-side-a{
  right:calc(var(--battery-depth)/-2);
  transform:rotateY(90deg);
}
.battery-box-side-b{
  left:calc(var(--battery-depth)/-2);
  transform:rotateY(-90deg);
}

/* top + bottom walls */
.battery-box-top,
.battery-box-bottom{
  position:absolute;
  left:0;
  right:0;
  height:var(--battery-depth);
  border:1px solid #32363c;
  background:linear-gradient(#2b2f35,#101216);
}
.battery-box-top{
  top:calc(var(--battery-depth)/-2);
  transform:rotateX(90deg);
}
.battery-box-bottom{
  bottom:calc(var(--battery-depth)/-2);
  transform:rotateX(-90deg);
}

/* metal slide rails on the actual battery box */
.battery-box-rail{
  position:absolute;
  z-index:4;
  top:16px;
  width:7px;
  bottom:16px;
  border-radius:2px;
  background:linear-gradient(90deg,#8e949c,#34383e 45%,#c3c8cd);
  box-shadow:0 0 0 1px #17191c;
  transform:translateZ(calc(var(--battery-depth)/2 + 3px));
}
.battery-box-rail.rail-a{left:-3px}
.battery-box-rail.rail-b{right:-3px}

/* physical pull handle */
.battery-box-handle{
  position:absolute;
  z-index:5;
  left:24%;
  right:24%;
  bottom:-11px;
  height:16px;
  border-radius:5px;
  background:linear-gradient(#40454b,#17191d);
  border:1px solid #535960;
  box-shadow:0 7px 11px rgba(0,0,0,.52);
  transform:translateZ(calc(var(--battery-depth)/2 + 4px));
}
.battery-box-handle:before{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  top:4px;
  height:5px;
  border-radius:3px;
  background:#090a0c;
}

/* battery receiver becomes obvious when module is pulled */
.lab-cabinet.battery-right-open .cab-right:after,
.lab-cabinet.battery-left-open .cab-left:after{
  opacity:1 !important;
}
.cab-left:after,
.cab-right:after{
  content:"BATTERY RECEIVER";
  position:absolute;
  left:9px;
  right:9px;
  bottom:17px;
  height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #282c32;
  background:
    repeating-linear-gradient(
      90deg,
      #07080a 0,
      #07080a 8px,
      #0d0f12 8px,
      #0d0f12 11px
    );
  color:#353941;
  font-size:5px;
  letter-spacing:.12em;
  opacity:0;
  transition:opacity .2s;
}

/* keep proper local translation when dragging the battery box */
.side-battery-right.battery-box{
  transform:translateZ(var(--pull-battery-right,0px)) !important;
}
.side-battery-left.battery-box{
  transform:translateZ(var(--pull-battery-left,0px)) !important;
}

/* stronger visual separation while pulled out */
.lab-cabinet.battery-right-open .battery-box-right .battery-box-shell,
.lab-cabinet.battery-left-open .battery-box-left .battery-box-shell{
  filter:drop-shadow(18px 18px 18px rgba(0,0,0,.58));
}

/* 24V/48V still changes the physical battery look */
.lab-cabinet.battery-24 .battery-box-front{
  background:linear-gradient(145deg,#343940,#111419 72%);
}
.lab-cabinet.battery-48 .battery-box-front{
  background:linear-gradient(145deg,#1c1f24,#0a0b0d 72%);
}

/* MINI battery remains compact */
.lab-speaker.is-mini .battery-box-shell{
  --battery-depth:42px;
}
.lab-speaker.is-mini .battery-box-front{
  padding:7px 6px;
}
.lab-speaker.is-mini .battery-box-handle{
  bottom:-8px;
  height:12px;
}

/* mobile */
@media(max-width:620px){
  .battery-box-shell{--battery-depth:36px}
  .battery-box-front{padding:6px 5px}
  .battery-box-front small{font-size:4px}
  .battery-box-front b{font-size:5px}
  .battery-box-handle{height:10px;bottom:-6px}
}


/* ACTUAL BATTERY MARKUP + HANDLE DIRECTION FIX */

/* HANDLE:
   Each side face already rotates in 3D. The handle itself should NOT receive
   another 180-degree Y rotation. That was making the recess look reversed. */
.cab-left-with-handle .realistic-handle-left,
.cab-right-with-handle .realistic-handle-right{
  transform:translate(-50%,-50%) !important;
}
.cab-left-with-handle .realistic-handle-left .handle-grip,
.cab-left-with-handle .realistic-handle-left .handle-screw{
  transform:none !important;
}

/* Make the mounting flange look embedded in the panel rather than stuck on top. */
.realistic-handle .handle-outer-ring{
  box-shadow:
    inset 0 0 0 5px #202328,
    inset 0 0 0 8px #07080a,
    inset 0 12px 18px rgba(255,255,255,.035),
    0 2px 5px rgba(0,0,0,.32) !important;
}

/* Actual cavity: darkens toward the inside of the cabinet. */
.realistic-handle .handle-cup{
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 28%,#25282c 0,#101215 42%,#040506 73%,#000 100%) !important;
}
.realistic-handle .handle-cavity-depth{
  position:absolute;
  left:10px;
  right:10px;
  top:11px;
  bottom:12px;
  border-radius:48%;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%),
    radial-gradient(ellipse at 50% 60%,transparent 0 40%,rgba(0,0,0,.55) 72%);
  box-shadow:
    inset 12px 0 16px rgba(0,0,0,.34),
    inset -12px 0 16px rgba(0,0,0,.34),
    inset 0 -18px 22px rgba(0,0,0,.68);
}

/* Horizontal grip stays in front of the cavity. */
.realistic-handle .handle-grip{
  z-index:4 !important;
}

/* TRUE BATTERY CUBE
   The button is the sliding object; its child is a six-faced 3D cuboid. */
.battery-box{
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform-style:preserve-3d !important;
  perspective:none !important;
  cursor:grab !important;
}
.battery-box:active{cursor:grabbing !important}

.battery-cube{
  --battery-z:64px;
  position:absolute;
  inset:0;
  display:block;
  transform-style:preserve-3d;
  pointer-events:none;
}

/* six physical faces */
.battery-face{
  position:absolute;
  display:block;
  border:1px solid #34383e;
  background:#111318;
  backface-visibility:visible;
}
.battery-face-front{
  inset:0;
  padding:11px 9px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 26%),
    linear-gradient(180deg,#1c1f24,#090a0c);
  transform:translateZ(calc(var(--battery-z)/2));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.battery-face-back{
  inset:0;
  background:linear-gradient(180deg,#111318,#07080a);
  transform:rotateY(180deg) translateZ(calc(var(--battery-z)/2));
}
.battery-face-side{
  width:var(--battery-z);
  top:0;
  bottom:0;
  background:linear-gradient(90deg,#2b2f35,#111318 42%,#07080a);
}
.battery-face-side-1{
  left:calc(var(--battery-z)/-2);
  transform:rotateY(-90deg);
}
.battery-face-side-2{
  right:calc(var(--battery-z)/-2);
  transform:rotateY(90deg);
}
.battery-face-top,
.battery-face-bottom{
  left:0;
  right:0;
  height:var(--battery-z);
  background:linear-gradient(180deg,#30343a,#101216);
}
.battery-face-top{
  top:calc(var(--battery-z)/-2);
  transform:rotateX(90deg);
}
.battery-face-bottom{
  bottom:calc(var(--battery-z)/-2);
  transform:rotateX(-90deg);
}

/* Front labeling */
.battery-face-front small,
.battery-face-front b,
.battery-face-front strong{
  display:block;
}
.battery-face-front small{
  color:#ff4a53;
  font-size:6px;
  font-weight:900;
}
.battery-face-front b{
  margin-top:4px;
  font-size:7px;
}
.battery-face-front strong{
  position:absolute;
  right:7px;
  top:7px;
  color:#555b63;
  font-size:4px;
  letter-spacing:.12em;
}
.battery-level{
  display:block;
  height:4px;
  margin-top:13px;
  background:linear-gradient(90deg,#4be693 77%,#30343a 77%);
}

/* Real slide rails visibly run along the battery body. */
.battery-slide-rail{
  position:absolute;
  z-index:5;
  left:8px;
  right:8px;
  height:7px;
  border-radius:2px;
  background:
    linear-gradient(180deg,#b8bec4 0,#575d64 28%,#25292e 62%,#92989e 100%);
  box-shadow:0 0 0 1px #08090b;
  transform:translateZ(calc(var(--battery-z)/2 + 4px));
}
.battery-slide-rail.rail-top{top:13px}
.battery-slide-rail.rail-bottom{bottom:13px}

/* Physical pull grip on the battery itself. */
.battery-pull-handle{
  position:absolute;
  z-index:7;
  left:24%;
  right:24%;
  bottom:-13px;
  height:18px;
  border-radius:6px;
  background:
    linear-gradient(180deg,#454a50,#191b1f 68%,#090a0b);
  border:1px solid #575d64;
  box-shadow:0 8px 12px rgba(0,0,0,.52);
  transform:translateZ(calc(var(--battery-z)/2 + 5px));
}
.battery-pull-handle:after{
  content:"";
  position:absolute;
  left:19%;
  right:19%;
  top:5px;
  height:6px;
  border-radius:4px;
  background:#07080a;
}

/* The ACTUAL class names used by the markup. */
.battery-right.battery-box{
  transform:translateZ(var(--pull-battery-right,0px)) !important;
}
.battery-left.battery-box{
  transform:translateZ(var(--pull-battery-left,0px)) !important;
}

/* Strong depth shadow appears only when pulled. */
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:drop-shadow(24px 18px 20px rgba(0,0,0,.62));
}

/* Show an empty receiving bay in the cabinet when battery leaves. */
.cab-left-with-handle:after,
.cab-right-with-handle:after{
  content:"POWERCELL BAY";
  position:absolute;
  left:8px;
  right:8px;
  bottom:16px;
  height:88px;
  display:grid;
  place-items:center;
  border:1px solid #292d33;
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent),
    repeating-linear-gradient(90deg,#060709 0 7px,#0b0d0f 7px 10px);
  color:#30353c;
  font-size:5px;
  font-weight:800;
  letter-spacing:.15em;
  opacity:0;
  transition:opacity .18s;
}
.lab-cabinet.battery-left-open .cab-left-with-handle:after,
.lab-cabinet.battery-right-open .cab-right-with-handle:after{
  opacity:1;
}

/* 24V gets a lighter graphite shell; 48V stays deep black. */
.lab-cabinet.battery-24 .battery-face-front{
  background:linear-gradient(180deg,#343940,#111418);
}
.lab-cabinet.battery-48 .battery-face-front{
  background:linear-gradient(180deg,#1c1f24,#090a0c);
}

/* MINI uses a smaller but still volumetric battery cube. */
.lab-speaker.is-mini .battery-cube{--battery-z:46px}
.lab-speaker.is-mini .battery-pull-handle{height:13px;bottom:-9px}

/* Stop old flat battery decoration from interfering. */
.battery-box > small,
.battery-box > b,
.battery-box > i,
.battery-box > em{
  display:none !important;
}

@media(max-width:620px){
  .battery-cube{--battery-z:38px}
  .battery-face-front{padding:6px 5px}
  .battery-face-front small{font-size:4px}
  .battery-face-front b{font-size:5px}
  .battery-pull-handle{height:10px;bottom:-7px}
}


/* HIGHER PRODUCT + INTEGRATED BATTERY SYSTEM */

/* Move the complete 3D product visibly higher in the builder stage. */
.lab-product-scene,
.lab-scene{
  align-items:flex-start !important;
}
.lab-speaker{
  top:39% !important;
  transform-origin:50% 50% !important;
}
.lab-product-scene .lab-speaker{
  margin-top:-92px !important;
}
@media(min-width:1200px){
  .lab-product-scene .lab-speaker{
    margin-top:-125px !important;
  }
}
@media(max-width:900px){
  .lab-product-scene .lab-speaker{
    margin-top:-55px !important;
  }
}
@media(max-width:620px){
  .lab-product-scene .lab-speaker{
    margin-top:-25px !important;
  }
}

/* Battery bay is physically part of the side cabinet. */
.integrated-battery-bay{
  position:absolute;
  z-index:3;
  left:9px;
  right:9px;
  bottom:14px;
  height:102px;
  display:block;
  overflow:hidden;
  border:1px solid #2a2e34;
  border-radius:3px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%),
    #060709;
  box-shadow:
    inset 0 0 0 2px #0b0d0f,
    inset 0 12px 25px rgba(0,0,0,.72);
  transform:translateZ(1px);
}
.integrated-battery-bay:before{
  content:"POWERCELL BAY";
  position:absolute;
  left:8px;
  top:8px;
  color:#30353d;
  font-size:5px;
  font-weight:900;
  letter-spacing:.15em;
}
.battery-bay-inner{
  position:absolute;
  inset:14px 8px 8px;
  display:block;
  background:
    repeating-linear-gradient(
      90deg,
      #07080a 0 8px,
      #0b0d0f 8px 11px
    );
  border:1px solid #171a1e;
  box-shadow:inset 0 0 18px rgba(0,0,0,.65);
}
.battery-bay-contacts{
  position:absolute;
  right:12px;
  top:12px;
  display:flex;
  gap:3px;
}
.battery-bay-contacts i{
  width:4px;
  height:8px;
  border-radius:1px;
  background:linear-gradient(#d0a84d,#6f5722);
  box-shadow:0 0 4px rgba(208,168,77,.20);
}

/* The battery itself starts INSIDE the bay, flush with the side panel.
   Only the front face is seen when assembled. */
.battery-box{
  z-index:6 !important;
  left:9px !important;
  right:9px !important;
  bottom:14px !important;
  height:102px !important;
  overflow:visible !important;
  transform-style:preserve-3d !important;
}
.battery-cube{
  --battery-z:58px !important;
}

/* Slight recess into the cabinet when assembled.
   Pull value moves it outward from this recessed position. */
.battery-right.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-left,0px))) !important;
}

/* When closed, hide box depth/rails so it visually reads as an integrated door. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-back,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-pull-handle,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-back,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-pull-handle{
  opacity:0 !important;
  visibility:hidden !important;
}

/* Closed battery front becomes a clean flush integrated cartridge door. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-front,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-front{
  border-color:#262a30 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 8px 16px rgba(255,255,255,.012) !important;
}

/* As soon as user pulls it, reveal the entire physical cartridge. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* Stronger depth while out of the cabinet. */
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:
    drop-shadow(25px 19px 21px rgba(0,0,0,.65))
    drop-shadow(0 0 1px rgba(255,255,255,.08)) !important;
}

/* The empty bay becomes clearly visible after removal. */
.lab-cabinet.battery-right-open .integrated-battery-bay-right,
.lab-cabinet.battery-left-open .integrated-battery-bay-left{
  border-color:#343941;
  box-shadow:
    inset 0 0 0 2px #08090b,
    inset 0 18px 30px rgba(0,0,0,.90),
    inset 0 -7px 15px rgba(255,255,255,.015);
}

/* Hide obsolete pseudo receiver because we now have a real receiver element. */
.cab-left-with-handle:after,
.cab-right-with-handle:after{
  display:none !important;
}

/* Give the front face a cartridge seam and a small release latch while installed. */
.battery-face-front:before{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  bottom:7px;
  height:8px;
  border:1px solid #282c31;
  border-radius:2px;
  background:linear-gradient(#15181c,#08090b);
}
.battery-face-front:after{
  content:"";
  position:absolute;
  right:10px;
  bottom:10px;
  width:13px;
  height:3px;
  border-radius:2px;
  background:#4a5057;
}

/* MINI integrated battery bay stays proportionate. */
.lab-speaker.is-mini .integrated-battery-bay,
.lab-speaker.is-mini .battery-box{
  height:70px !important;
  bottom:10px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:42px !important;
}

/* Mobile */
@media(max-width:620px){
  .integrated-battery-bay,
  .battery-box{
    height:56px !important;
    bottom:7px !important;
  }
  .battery-cube{
    --battery-z:34px !important;
  }
  .battery-right.battery-box{
    transform:translateZ(calc(-14px + var(--pull-battery-right,0px))) !important;
  }
  .battery-left.battery-box{
    transform:translateZ(calc(-14px + var(--pull-battery-left,0px))) !important;
  }
}


/* FINAL CENTERING + WORKING BATTERY DRAG */

/* Center the complete speaker exactly in the available 3D stage. */
.lab-scene{
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
}

/* Remove all older forced vertical offsets. */
.lab-speaker,
.lab-product-scene .lab-speaker{
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  align-self:center !important;
  justify-self:center !important;
}

/* Floor stays centered underneath. */
.lab-floor{
  left:50% !important;
  bottom:3% !important;
  transform:translateX(-50%) rotateX(72deg) !important;
}

/* Bay must never steal the drag pointer from the cartridge. */
.integrated-battery-bay{
  pointer-events:none !important;
}

/* Battery cartridge is the real drag target. */
.battery-box{
  pointer-events:auto !important;
  touch-action:none !important;
  user-select:none !important;
}

/* Flush inside cabinet while closed. */
.battery-right.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-left,0px))) !important;
}

/* Reveal full 3D geometry immediately when pulled. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* Clear depth effect while the cartridge leaves the speaker. */
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:
    drop-shadow(28px 20px 24px rgba(0,0,0,.68))
    drop-shadow(0 0 1px rgba(255,255,255,.08)) !important;
}

.battery-box.dragging-part .battery-cube{
  filter:drop-shadow(20px 15px 18px rgba(0,0,0,.62)) !important;
}

@media(max-width:1050px){
  .lab-speaker,
  .lab-product-scene .lab-speaker{
    margin:0 !important;
  }
}
@media(max-width:620px){
  .lab-speaker,
  .lab-product-scene .lab-speaker{
    margin:0 !important;
  }
}


/* FINAL SCREENSHOT-MATCHING SIDE LAYOUT */

/* RED AREA:
   Control panel fills almost the full local side-panel width. */
.full-width-control-panel{
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  top:18px !important;
  width:auto !important;
  min-width:0 !important;
  height:112px !important;
  padding:10px 9px !important;
  border-radius:5px !important;
  transform:none !important;
}
.full-width-control-panel .panel-knob{
  margin-inline:auto !important;
}
.full-width-control-panel .panel-usb-row,
.full-width-control-panel .panel-led-row{
  justify-content:center !important;
}

/* YELLOW AREA:
   Battery cartridge sits directly below the control panel,
   not at the bottom of the speaker. */
.battery-mid-right,
.battery-mid-left{
  top:148px !important;
  bottom:auto !important;
  left:9px !important;
  right:9px !important;
  height:106px !important;
}

/* Matching integrated receiver bays behind battery modules */
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:148px !important;
  bottom:auto !important;
  left:9px !important;
  right:9px !important;
  height:106px !important;
}

/* Remove any old bottom-forcing rules. */
.lab-speaker.is-one .side-battery,
.lab-speaker.is-one .battery-box,
.lab-speaker.is-one .integrated-battery-bay{
  bottom:auto !important;
}
.lab-speaker.is-mini .side-battery,
.lab-speaker.is-mini .battery-box,
.lab-speaker.is-mini .integrated-battery-bay{
  bottom:auto !important;
}

/* GREEN AREA:
   Flip the handle 180 degrees inside its own local side face.
   The side face already has its own 3D transform, so this is
   a local Z-axis flip rather than another Y mirror. */
.handle-reversed-right{
  top:68% !important;
  transform:translate(-50%,-50%) rotate(180deg) !important;
}
.handle-reversed-left{
  top:68% !important;
  transform:translate(-50%,-50%) rotate(180deg) !important;
}

/* Keep SIKEVENTURES text on grip readable after handle geometry flip. */
.handle-reversed-right .handle-grip,
.handle-reversed-left .handle-grip{
  transform:rotate(180deg) !important;
}

/* Battery remains integrated while assembled. */
.battery-right.battery-box,
.battery-left.battery-box{
  transform-style:preserve-3d !important;
  pointer-events:auto !important;
  touch-action:none !important;
  cursor:grab !important;
}
.battery-right.battery-box:active,
.battery-left.battery-box:active{
  cursor:grabbing !important;
}

/* closed battery starts recessed INSIDE the cabinet */
.battery-right.battery-box{
  transform:translateZ(calc(-30px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-30px + var(--pull-battery-left,0px))) !important;
}

/* full cuboid becomes visible during drag */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* make the receiver look embedded in the cabinet */
.integrated-battery-bay{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%),
    repeating-linear-gradient(90deg,#050607 0 9px,#0a0c0e 9px 12px) !important;
  border-color:#252a30 !important;
  box-shadow:
    inset 0 0 0 2px #080a0c,
    inset 0 20px 28px rgba(0,0,0,.88) !important;
  pointer-events:none !important;
}

/* strong visual separation when physically out */
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:
    drop-shadow(32px 20px 24px rgba(0,0,0,.70))
    drop-shadow(0 0 1px rgba(255,255,255,.10)) !important;
}

/* Keep product centered in the stage */
.lab-scene{
  display:grid !important;
  place-items:center !important;
}
.lab-speaker,
.lab-product-scene .lab-speaker{
  margin:0 !important;
  top:auto !important;
  align-self:center !important;
  justify-self:center !important;
}

/* MINI uses proportionally smaller controls. */
.lab-speaker.is-mini .full-width-control-panel{
  height:82px !important;
  top:10px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:100px !important;
  height:67px !important;
}
.lab-speaker.is-mini .handle-reversed-right,
.lab-speaker.is-mini .handle-reversed-left{
  top:71% !important;
}

@media(max-width:620px){
  .full-width-control-panel{
    height:72px !important;
    top:9px !important;
  }
  .battery-mid-right,
  .battery-mid-left,
  .integrated-battery-bay-right,
  .integrated-battery-bay-left{
    top:88px !important;
    height:55px !important;
  }
}


/* DESKTOP SIDEBAR + CENTER + BATTERY DRAG FINAL */

/* Larger, more useful customizer on desktop. The product stage is the
   remaining left column and the model is centered inside that exact area. */
@media(min-width:1400px){
  .pro-lab-layout,
  .lab-layout{
    grid-template-columns:minmax(0,1fr) 520px !important;
  }
  .pro-customizer-panel,
  .lab-customizer-panel,
  .lab-panel{
    width:520px !important;
    min-width:520px !important;
  }
  .customizer-card{
    padding-left:30px !important;
    padding-right:30px !important;
  }
  .customizer-mode-switch{
    padding-left:30px !important;
    padding-right:30px !important;
  }
}
@media(min-width:1100px) and (max-width:1399px){
  .pro-lab-layout,
  .lab-layout{
    grid-template-columns:minmax(0,1fr) 460px !important;
  }
  .pro-customizer-panel,
  .lab-customizer-panel,
  .lab-panel{
    width:460px !important;
    min-width:460px !important;
  }
}

/* Center only inside the stage column, not the full browser width. */
.lab-stage{
  position:relative !important;
}
.lab-scene{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  align-items:center !important;
  justify-items:center !important;
}
.lab-speaker,
.lab-product-scene .lab-speaker{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  align-self:center !important;
  justify-self:center !important;
}
.lab-floor{
  left:50% !important;
  transform:translateX(-50%) rotateX(72deg) !important;
}

/* CONTROL PANEL: still wide across the side, but not oversized. */
.full-width-control-panel{
  left:13px !important;
  right:13px !important;
  top:20px !important;
  width:auto !important;
  height:88px !important;
  padding:8px 8px !important;
  border-width:3px !important;
  border-radius:6px !important;
}
.full-width-control-panel .volume-ring{
  width:43px !important;
  height:43px !important;
}
.full-width-control-panel .volume-ring:before{inset:5px !important}
.full-width-control-panel .volume-ring i{inset:8px !important}
.full-width-control-panel .volume-ring b{top:6px !important;height:7px !important}
.full-width-control-panel .panel-led-strip{margin-top:11px !important}
.full-width-control-panel .panel-usb{margin-top:4px !important}

/* BATTERY: compact cartridge placed below the control panel. */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:124px !important;
  bottom:auto !important;
  left:15px !important;
  right:15px !important;
  height:72px !important;
}
.battery-cube{
  --battery-z:48px !important;
}
.battery-face-front{
  padding:8px 7px !important;
}
.battery-face-front small{font-size:5px !important}
.battery-face-front b{font-size:6px !important;margin-top:3px !important}
.battery-level{height:3px !important;margin-top:8px !important}
.battery-slide-rail{
  left:6px !important;
  right:6px !important;
  height:5px !important;
}
.battery-slide-rail.rail-top{top:9px !important}
.battery-slide-rail.rail-bottom{bottom:9px !important}
.battery-pull-handle{
  height:13px !important;
  bottom:-9px !important;
}
.battery-grab-hint{
  position:absolute;
  right:7px;
  bottom:8px;
  color:#7c828a;
  font-size:4px;
  font-weight:900;
  letter-spacing:.10em;
}

/* Important: the receiving bay sits BEHIND the battery face. */
.integrated-battery-bay{
  z-index:1 !important;
  transform:translateZ(-42px) !important;
  pointer-events:none !important;
}
.battery-box{
  z-index:30 !important;
  overflow:visible !important;
  pointer-events:auto !important;
  touch-action:none !important;
  user-select:none !important;
  cursor:ew-resize !important;
}

/* Closed cartridge: front face is flush with the cabinet and ALWAYS visible. */
.battery-right.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-left,0px))) !important;
}
.battery-right .battery-face-front,
.battery-left .battery-face-front{
  opacity:1 !important;
  visibility:visible !important;
  z-index:8 !important;
}

/* Only hide the depth pieces while fully closed. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-back,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-pull-handle,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-back,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-pull-handle{
  opacity:0 !important;
  visibility:hidden !important;
}
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* Reduce handle overlap with the relocated compact battery. */
.handle-reversed-right,
.handle-reversed-left{
  top:62% !important;
}

/* Make drag feedback unmistakable. */
.battery-box.is-battery-dragging{
  cursor:grabbing !important;
}
.battery-box.is-battery-dragging .battery-cube,
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:drop-shadow(25px 18px 22px rgba(0,0,0,.68)) !important;
}

/* MINI scales independently. */
.lab-speaker.is-mini .full-width-control-panel{
  left:9px !important;
  right:9px !important;
  top:10px !important;
  height:66px !important;
}
.lab-speaker.is-mini .full-width-control-panel .volume-ring{
  width:34px !important;
  height:34px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:86px !important;
  left:9px !important;
  right:9px !important;
  height:49px !important;
}
.lab-speaker.is-mini .battery-cube{--battery-z:34px !important}

@media(max-width:1099px){
  .pro-customizer-panel,
  .lab-customizer-panel,
  .lab-panel{
    width:auto !important;
    min-width:0 !important;
  }
}


/* BATTERY PICKUP + HANDLE REFERENCE + OUTSIDE GRAPHICS FIX */

/* -------------------------------------------------------
   BATTERY: move higher and away from the handle
   ------------------------------------------------------- */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:118px !important;
  height:62px !important;
  left:18px !important;
  right:18px !important;
}

/* Battery front is always above other side decorations. */
.battery-box{
  z-index:80 !important;
  overflow:visible !important;
  pointer-events:auto !important;
  touch-action:none !important;
  cursor:grab !important;
}
.battery-box:active{cursor:grabbing !important}

/* Big invisible pickup surface makes battery easy to grab. */
.battery-drag-surface{
  position:absolute;
  z-index:999;
  left:-12px;
  right:-12px;
  top:-12px;
  bottom:-16px;
  display:block;
  background:transparent;
  pointer-events:auto;
  cursor:grab;
  touch-action:none;
}
.battery-box.is-battery-dragging .battery-drag-surface{
  cursor:grabbing;
}

/* Keep bay under the actual cartridge and never capture input. */
.integrated-battery-bay{
  z-index:1 !important;
  pointer-events:none !important;
}

/* Compact 3D battery box. */
.battery-cube{--battery-z:44px !important}
.battery-face-front{padding:7px 7px !important}
.battery-face-front small{font-size:5px !important}
.battery-face-front b{font-size:6px !important}
.battery-level{height:3px !important;margin-top:7px !important}
.battery-pull-handle{
  height:11px !important;
  bottom:-7px !important;
}
.battery-slide-rail{height:4px !important}
.battery-grab-hint{
  right:6px !important;
  bottom:6px !important;
  font-size:4px !important;
}

/* Full 3D cartridge becomes visible immediately after a few pixels of pull. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* -------------------------------------------------------
   HANDLE: reference-style orientation and no battery overlap
   ------------------------------------------------------- */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:59% !important;
  width:108px !important;
  height:132px !important;
  transform:translate(-50%,-50%) !important;
}

/* No 180° flip anymore — the side face already supplies the 3D orientation. */
.handle-reversed-right .handle-grip,
.handle-reversed-left .handle-grip{
  transform:none !important;
}

/* Oval mounting frame. */
.realistic-handle .handle-outer-ring{
  border-radius:50% !important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.09),transparent 18%),
    linear-gradient(145deg,#42464b,#24272b 35%,#101215 76%,#07080a) !important;
  box-shadow:
    inset 0 0 0 5px #25282d,
    inset 0 0 0 8px #0a0b0d,
    0 5px 12px rgba(0,0,0,.44) !important;
}

/* Recess is divided visually into an upper and lower hand opening,
   with a solid horizontal grip across the centre like the reference. */
.realistic-handle .handle-cup{
  left:18px !important;
  right:18px !important;
  top:16px !important;
  bottom:17px !important;
  border-radius:49% !important;
  overflow:hidden !important;
  background:#050607 !important;
  box-shadow:
    inset 0 0 20px rgba(0,0,0,.95),
    inset 0 10px 14px rgba(255,255,255,.018) !important;
}
.handle-cavity-depth{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(ellipse at 50% 26%,#24272a 0%,#0c0e10 38%,#020304 69%),
    #020304 !important;
}
.handle-opening-top,
.handle-opening-bottom{
  position:absolute;
  left:11px;
  right:11px;
  height:38%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 15%,#2b2e32 0%,#111315 34%,#030405 74%) !important;
  box-shadow:inset 0 -8px 11px rgba(0,0,0,.70);
}
.handle-opening-top{top:9px}
.handle-opening-bottom{
  bottom:8px;
  transform:rotate(180deg);
}

/* Thick horizontal centre grip. */
.realistic-handle .handle-grip{
  z-index:10 !important;
  left:16px !important;
  right:16px !important;
  top:52px !important;
  height:28px !important;
  border-radius:7px !important;
  background:linear-gradient(180deg,#3a3e43,#1b1e22 53%,#090a0c) !important;
  border:1px solid #4b5056 !important;
  box-shadow:
    0 6px 11px rgba(0,0,0,.60),
    inset 0 1px rgba(255,255,255,.05) !important;
}

/* -------------------------------------------------------
   GRAPHICS: force artwork onto OUTSIDE surface
   ------------------------------------------------------- */
.cab-surface-art{
  z-index:12 !important;
  opacity:var(--art-opacity,.85);
  pointer-events:none !important;
  backface-visibility:hidden !important;
  transform-style:preserve-3d !important;
}

/* Front graphic sits OUTSIDE the front panel and below grille hardware. */
.surface-art-front{
  transform:translateZ(4px) !important;
}

/* Right side artwork faces outward from the right panel. */
.surface-art-right{
  transform:translateZ(4px) scaleX(1) !important;
  transform-origin:center center !important;
}

/* Left side face is a mirrored local plane in the 3D cabinet.
   Counter-mirror the artwork so text/images read correctly from outside. */
.surface-art-left{
  transform:translateZ(4px) scaleX(-1) !important;
  transform-origin:center center !important;
}

/* Uploaded image should not be darkened by side face overlays. */
.cab-right .cab-surface-art.has-art,
.cab-left .cab-surface-art.has-art,
.cab-front .cab-surface-art.has-art{
  mix-blend-mode:normal !important;
  filter:none !important;
}

/* Keep control panel and handle above side artwork. */
.full-width-control-panel{z-index:30 !important}
.realistic-handle{z-index:25 !important}
.battery-box{z-index:80 !important}

/* MINI */
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:82px !important;
  height:44px !important;
}
.lab-speaker.is-mini .realistic-handle{
  top:63% !important;
  width:82px !important;
  height:96px !important;
}
.lab-speaker.is-mini .realistic-handle .handle-grip{
  top:38px !important;
  height:21px !important;
}

/* mobile */
@media(max-width:620px){
  .battery-mid-right,
  .battery-mid-left,
  .integrated-battery-bay-right,
  .integrated-battery-bay-left{
    top:80px !important;
    height:45px !important;
  }
  .realistic-handle{
    width:68px !important;
    height:84px !important;
    top:62% !important;
  }
  .realistic-handle .handle-grip{
    top:33px !important;
    height:18px !important;
  }
}


/* REFINED TOP SPACE + REFERENCE HANDLES + HIDDEN BATTERIES */

/* Less dead space above speaker while preserving horizontal centering. */
.lab-scene{
  padding-bottom:118px !important;
  box-sizing:border-box !important;
}
.lab-speaker{
  transform:
    translateY(-18px)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry)) !important;
}
.lab-scene.dragging .lab-speaker{
  transition:none !important;
}
@media(max-width:1050px){
  .lab-scene{padding-bottom:78px !important}
  .lab-speaker{
    transform:
      translateY(-10px)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry)) !important;
  }
}
@media(max-width:620px){
  .lab-scene{padding-bottom:30px !important}
  .lab-speaker{
    transform:
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry)) !important;
  }
}

/* -------------------------------------------------------
   HANDLE COLOUR CUSTOMIZER
   ------------------------------------------------------- */
.lab-cabinet{
  --handle-main:#17191c;
  --handle-highlight:#272b30;
  --handle-dark:#0b0c0e;
}
.handle-colours{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.handle-colours button{
  min-height:58px;
  padding:7px 4px;
  border:1px solid #c9c6bf;
  background:#f7f5ef;
  color:#202020;
  font-size:7px;
  font-weight:700;
}
.handle-colours button.active{
  border:2px solid #111;
}
.handle-colours i{
  --handle-swatch:#17191c;
  display:block;
  width:23px;
  height:23px;
  margin:0 auto 6px;
  border-radius:50%;
  background:var(--handle-swatch);
  border:1px solid rgba(0,0,0,.22);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.16);
}

/* -------------------------------------------------------
   REFERENCE-STYLE RECESSED HANDLE
   - oval flange
   - eight screws
   - two deep openings
   - straight centre grip
   ------------------------------------------------------- */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:61% !important;
  width:106px !important;
  height:132px !important;
  transform:translate(-50%,-50%) !important;
}
.realistic-handle .handle-outer-ring{
  border-radius:50% !important;
  background:
    radial-gradient(circle at 29% 20%,rgba(255,255,255,.12),transparent 17%),
    linear-gradient(
      145deg,
      var(--handle-highlight) 0%,
      var(--handle-main) 35%,
      var(--handle-dark) 100%
    ) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    inset 0 0 0 5px color-mix(in srgb,var(--handle-main) 84%,#fff 16%),
    inset 0 0 0 8px var(--handle-dark),
    0 7px 14px rgba(0,0,0,.45) !important;
}
.realistic-handle .handle-cup{
  left:17px !important;
  right:17px !important;
  top:16px !important;
  bottom:16px !important;
  border-radius:48% !important;
  background:#030405 !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 0 22px rgba(0,0,0,.98),
    inset 0 12px 15px rgba(255,255,255,.018) !important;
}
.handle-cavity-depth{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(ellipse at 50% 25%,#292c30 0%,#101214 36%,#020304 72%) !important;
}
.handle-opening-top,
.handle-opening-bottom{
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  height:39% !important;
  border-radius:50% !important;
  background:
    radial-gradient(ellipse at 50% 20%,#272a2e 0%,#0e1012 40%,#020304 76%) !important;
  box-shadow:
    inset 0 -9px 12px rgba(0,0,0,.72) !important;
}
.handle-opening-top{top:8px !important}
.handle-opening-bottom{
  bottom:7px !important;
  transform:rotate(180deg) !important;
}
.realistic-handle .handle-grip{
  z-index:12 !important;
  left:15px !important;
  right:15px !important;
  top:51px !important;
  height:30px !important;
  border-radius:6px !important;
  color:rgba(255,255,255,.26) !important;
  background:
    linear-gradient(
      180deg,
      var(--handle-highlight),
      var(--handle-main) 50%,
      var(--handle-dark)
    ) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 7px 12px rgba(0,0,0,.62),
    inset 0 1px rgba(255,255,255,.06) !important;
  transform:none !important;
}
.handle-reversed-right .handle-grip,
.handle-reversed-left .handle-grip{
  transform:none !important;
}

/* -------------------------------------------------------
   SMALLER BATTERIES, HIDDEN INSIDE BY DEFAULT
   Same generic drag system as the front grille.
   ------------------------------------------------------- */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:116px !important;
  bottom:auto !important;
  left:27px !important;
  right:27px !important;
  height:46px !important;
}
.integrated-battery-bay{
  z-index:1 !important;
  pointer-events:none !important;
  border-color:#20242a !important;
  background:#050607 !important;
}
.battery-box{
  z-index:40 !important;
  pointer-events:auto !important;
  touch-action:none !important;
  cursor:ew-resize !important;
  overflow:visible !important;
}
.battery-cube{
  --battery-z:34px !important;
}
.battery-face-front{
  padding:5px 5px !important;
}
.battery-face-front small{font-size:4px !important}
.battery-face-front b{font-size:5px !important;margin-top:2px !important}
.battery-level{height:2px !important;margin-top:5px !important}
.battery-slide-rail{height:3px !important}
.battery-pull-handle{
  height:9px !important;
  bottom:-6px !important;
}

/* The cartridge sits deep INSIDE the enclosure when assembled. */
.battery-right.battery-box{
  transform:translateZ(calc(-62px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-62px + var(--pull-battery-left,0px))) !important;
}

/* Closed state: battery cell itself is invisible.
   Only a subtle flush access seam in the side cabinet is visible. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-pull-handle,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-pull-handle{
  opacity:0 !important;
  visibility:hidden !important;
}
.integrated-battery-bay:after{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  bottom:5px;
  height:2px;
  border-radius:2px;
  background:#363b42;
  opacity:.58;
}

/* Same component drag behaviour as grille: as soon as it begins to move,
   the physical 3D battery appears from inside the cabinet. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:drop-shadow(20px 15px 18px rgba(0,0,0,.64)) !important;
}

/* Small transparent pickup zone exactly over the flush battery access seam.
   It still uses the normal data-part pointer handler shared with grille. */
.battery-box:after{
  content:"";
  position:absolute;
  z-index:100;
  left:-8px;
  right:-8px;
  top:-8px;
  bottom:-8px;
  background:transparent;
  pointer-events:auto;
}

/* Control panel stays clearly separate from the compact battery slot. */
.full-width-control-panel{
  height:82px !important;
  top:18px !important;
  left:14px !important;
  right:14px !important;
}

/* MINI */
.lab-speaker.is-mini .realistic-handle{
  top:64% !important;
  width:79px !important;
  height:96px !important;
}
.lab-speaker.is-mini .realistic-handle .handle-grip{
  top:37px !important;
  height:22px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:82px !important;
  left:17px !important;
  right:17px !important;
  height:35px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:25px !important;
}
.lab-speaker.is-mini .battery-right.battery-box{
  transform:translateZ(calc(-46px + var(--pull-battery-right,0px))) !important;
}
.lab-speaker.is-mini .battery-left.battery-box{
  transform:translateZ(calc(-46px + var(--pull-battery-left,0px))) !important;
}

@media(max-width:620px){
  .handle-colours{grid-template-columns:repeat(2,1fr)}
}


/* EXACT REFERENCE HANDLE + VISIBLE INTEGRATED BATTERY */

/* -------------------------------------------------------
   HANDLE — shaped like the supplied reference:
   broad oval flange, large top cavity, large bottom cavity,
   straight thick crossbar through the middle.
   ------------------------------------------------------- */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:61% !important;
  width:118px !important;
  height:138px !important;
  transform:translate(-50%,-50%) !important;
}

/* Outer oval / egg-shaped flange */
.realistic-handle .handle-outer-ring{
  position:absolute !important;
  inset:0 !important;
  border-radius:52% 52% 48% 48% / 46% 46% 54% 54% !important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 15%),
    linear-gradient(145deg,var(--handle-highlight),var(--handle-main) 42%,var(--handle-dark)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    inset 0 0 0 4px color-mix(in srgb,var(--handle-main) 82%,#fff 18%),
    inset 0 0 0 7px var(--handle-dark),
    0 6px 13px rgba(0,0,0,.46) !important;
}

/* Large interior opening, like the real recessed handle cup */
.realistic-handle .handle-cup{
  left:19px !important;
  right:19px !important;
  top:14px !important;
  bottom:15px !important;
  border-radius:50% 50% 46% 46% / 46% 46% 54% 54% !important;
  background:#020304 !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.98),
    inset 0 9px 15px rgba(255,255,255,.018) !important;
}

/* Upper cavity */
.handle-opening-top{
  position:absolute !important;
  left:7px !important;
  right:7px !important;
  top:8px !important;
  height:43% !important;
  border-radius:50% 50% 38% 38% !important;
  background:
    radial-gradient(ellipse at 50% 12%,#303338 0%,#15181b 38%,#030405 78%) !important;
  box-shadow:
    inset 0 -10px 13px rgba(0,0,0,.72),
    inset 0 4px 7px rgba(255,255,255,.018) !important;
}

/* Lower cavity */
.handle-opening-bottom{
  position:absolute !important;
  left:7px !important;
  right:7px !important;
  bottom:7px !important;
  height:42% !important;
  border-radius:38% 38% 50% 50% !important;
  background:
    radial-gradient(ellipse at 50% 88%,#2a2d31 0%,#111315 38%,#020304 78%) !important;
  box-shadow:
    inset 0 10px 13px rgba(0,0,0,.72),
    inset 0 -3px 6px rgba(255,255,255,.014) !important;
  transform:none !important;
}

/* Hide old generic cavity overlay so the two real openings define the shape */
.handle-cavity-depth{
  display:none !important;
}

/* Straight centre bar spanning across the cup */
.realistic-handle .handle-grip{
  z-index:20 !important;
  left:12px !important;
  right:12px !important;
  top:54px !important;
  height:31px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:3px !important;
  background:
    linear-gradient(180deg,var(--handle-highlight),var(--handle-main) 48%,var(--handle-dark)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 6px 11px rgba(0,0,0,.62),
    inset 0 1px rgba(255,255,255,.055),
    inset 0 -3px rgba(0,0,0,.18) !important;
  transform:none !important;
}

/* Screw layout approximates the supplied reference */
.realistic-handle .handle-screw{
  width:8px !important;
  height:8px !important;
}
.realistic-handle .hs1{left:25px !important;top:5px !important}
.realistic-handle .hs2{right:25px !important;top:5px !important}
.realistic-handle .hs3{left:5px !important;top:37px !important}
.realistic-handle .hs4{right:5px !important;top:37px !important}
.realistic-handle .hs5{left:5px !important;bottom:35px !important}
.realistic-handle .hs6{right:5px !important;bottom:35px !important}
.realistic-handle .hs7{left:27px !important;bottom:4px !important}
.realistic-handle .hs8{right:27px !important;bottom:4px !important}

/* -------------------------------------------------------
   BATTERY — visible as an integrated cartridge while closed.
   Smaller than before, but obvious enough to grab.
   ------------------------------------------------------- */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:116px !important;
  left:24px !important;
  right:24px !important;
  height:48px !important;
}

.battery-cube{
  --battery-z:32px !important;
}

/* Battery is integrated slightly inside, NOT fully hidden. */
.battery-right.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-24px + var(--pull-battery-left,0px))) !important;
}

/* Closed state: show ONLY the front cartridge face,
   so the user clearly sees where the battery is. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-front,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-front{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-back,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-pull-handle,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-back,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-pull-handle{
  opacity:0 !important;
  visibility:hidden !important;
}

.battery-face-front{
  padding:5px 6px !important;
  border-color:#3b4047 !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 24%),
    linear-gradient(180deg,#202329,#0b0d0f) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 7px 11px rgba(255,255,255,.012) !important;
}
.battery-face-front small{
  font-size:4px !important;
}
.battery-face-front b{
  font-size:5px !important;
  margin-top:2px !important;
}
.battery-level{
  margin-top:5px !important;
  height:2px !important;
}
.battery-pull-lip{
  position:absolute;
  right:5px;
  bottom:5px;
  min-width:21px;
  height:8px;
  display:grid;
  place-items:center;
  border:1px solid #3b4046;
  border-radius:2px;
  background:#111318;
  color:#777d85;
  font-size:3px;
  font-weight:900;
  letter-spacing:.08em;
}

/* The actual button area is larger than the tiny visual cartridge.
   Same generic component handler as grille. */
.battery-box:after{
  content:"";
  position:absolute;
  z-index:150;
  left:-12px;
  right:-12px;
  top:-10px;
  bottom:-12px;
  background:transparent;
  pointer-events:auto;
  cursor:ew-resize;
}

/* When pulled, reveal the entire small 3D battery. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* Keep battery visually separate from handle */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:63% !important;
}

/* MINI */
.lab-speaker.is-mini .realistic-handle{
  width:83px !important;
  height:99px !important;
}
.lab-speaker.is-mini .realistic-handle .handle-grip{
  top:39px !important;
  height:22px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:82px !important;
  left:16px !important;
  right:16px !important;
  height:34px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:23px !important;
}


/* ALWAYS-VISIBLE SIDE POWERCELL MODULES */

/* In assembled view the battery is a visible side-mounted cartridge.
   It is no longer hidden inside the enclosure until Explore is used. */
.battery-mid-right,
.battery-mid-left{
  top:118px !important;
  bottom:auto !important;
  left:19px !important;
  right:19px !important;
  height:52px !important;
  z-index:65 !important;
}

/* Receiver stays directly behind the cartridge. */
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:118px !important;
  bottom:auto !important;
  left:19px !important;
  right:19px !important;
  height:52px !important;
  z-index:2 !important;
}

/* Smaller cartridge depth, so it reads as a real side-mounted battery
   instead of a huge floating card. */
.battery-cube{
  --battery-z:28px !important;
}

/* Normal assembled position: battery face sits flush/slightly proud
   of the cabinet side, always visible. */
.battery-right.battery-box{
  transform:translateZ(calc(2px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(2px + var(--pull-battery-left,0px))) !important;
}

/* Front face is ALWAYS visible in normal view. */
.battery-right .battery-face-front,
.battery-left .battery-face-front{
  opacity:1 !important;
  visibility:visible !important;
  z-index:9 !important;
}

/* While closed, keep only the battery depth pieces visually subtle,
   but do not hide the mounted cartridge itself. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-back,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-back,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom{
  opacity:.28 !important;
  visibility:visible !important;
}

/* Rails and pull handle remain subtle while installed. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail{
  opacity:.42 !important;
  visibility:visible !important;
}
.lab-cabinet:not(.battery-right-open) .battery-right .battery-pull-handle,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-pull-handle{
  opacity:.52 !important;
  visibility:visible !important;
}

/* When dragged / exploded, show complete depth strongly. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}

/* Compact face proportions */
.battery-face-front{
  padding:5px 6px !important;
  border-radius:3px !important;
  border-color:#3d4249 !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 22%),
    linear-gradient(180deg,#202329,#0b0d0f) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 3px 7px rgba(0,0,0,.34) !important;
}
.battery-face-front small{font-size:4px !important}
.battery-face-front b{font-size:5px !important;margin-top:2px !important}
.battery-level{height:2px !important;margin-top:5px !important}
.battery-pull-lip{
  right:4px !important;
  bottom:4px !important;
  min-width:19px !important;
  height:7px !important;
  font-size:3px !important;
}

/* Keep battery safely above handle so they never overlap. */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:65% !important;
}

/* Side artwork stays behind hardware. */
.surface-art-left,
.surface-art-right{
  z-index:8 !important;
}
.battery-box{
  z-index:65 !important;
}
.full-width-control-panel{
  z-index:55 !important;
}
.realistic-handle{
  z-index:40 !important;
}

/* MINI */
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:84px !important;
  left:12px !important;
  right:12px !important;
  height:34px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:20px !important;
}
.lab-speaker.is-mini .realistic-handle{
  top:68% !important;
}

/* Mobile */
@media(max-width:620px){
  .battery-mid-right,
  .battery-mid-left,
  .integrated-battery-bay-right,
  .integrated-battery-bay-left{
    top:80px !important;
    left:10px !important;
    right:10px !important;
    height:35px !important;
  }
  .battery-cube{
    --battery-z:20px !important;
  }
}


/* POLISHED SIDEBAR + FLUSH TRUE 3D POWERCELL */

/* =========================================================
   DESKTOP CUSTOMIZER SIDEBAR
   ========================================================= */
@media(min-width:1400px){
  .lab-layout,
  .pro-lab-layout{
    grid-template-columns:minmax(0,1fr) 500px !important;
  }

  .lab-panel,
  .lab-customizer-panel,
  .pro-customizer-panel{
    width:500px !important;
    min-width:500px !important;
    background:#f2f0ea !important;
    border-left:1px solid #d3d0c8 !important;
    box-shadow:-18px 0 40px rgba(0,0,0,.10) !important;
  }

  .customizer-head,
  .lab-panel-head{
    padding:28px 30px 24px !important;
  }

  .customizer-demo-box{
    margin:0 30px 16px !important;
  }

  .customizer-mode-switch{
    padding:0 30px 18px !important;
    gap:9px !important;
  }

  .customizer-tabs{
    grid-template-columns:repeat(4,1fr) !important;
    min-height:44px !important;
  }

  .customizer-tabs button{
    padding:14px 6px !important;
    font-size:8px !important;
  }

  .customizer-card{
    padding:24px 30px !important;
  }

  .customizer-card-title{
    margin-bottom:18px !important;
  }

  .customizer-card-title b{
    font-size:10px !important;
    letter-spacing:.015em !important;
  }

  .customizer-card-title small{
    font-size:7px !important;
    line-height:1.45 !important;
  }

  .lab-colours,
  .customizer-colours,
  .handle-colours{
    gap:9px !important;
  }

  .customizer-preset-grid{
    gap:9px !important;
  }
}

/* cleaner visual rhythm in right sidebar */
.lab-customizer-panel .customizer-card:nth-child(even){
  background:rgba(255,255,255,.20);
}
.lab-customizer-panel .customizer-card + .customizer-card{
  border-top:0 !important;
}
.lab-customizer-panel .customizer-card-title > span{
  width:22px !important;
  flex:0 0 22px !important;
  color:#ef3039 !important;
}
.lab-customizer-panel .customizer-card button{
  transition:transform .16s ease,border-color .16s ease,background .16s ease !important;
}
.lab-customizer-panel .customizer-card button:hover{
  transform:translateY(-1px);
}

/* keep panel scroll natural without giant blank feeling */
.lab-customizer-panel{
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}
.lab-customizer-panel:after{
  content:"SIKEVENTURES / PRODUCT LAB / DEMO";
  display:block;
  padding:20px 30px 28px;
  color:#9b9891;
  font-size:6px;
  font-weight:800;
  letter-spacing:.16em;
}

/* =========================================================
   POWERCELL — FLUSH AGAINST CABINET IN ASSEMBLED VIEW
   ========================================================= */

/* battery visual is smaller and sits tight against the cabinet */
.battery-mid-right,
.battery-mid-left{
  top:119px !important;
  bottom:auto !important;
  left:22px !important;
  right:22px !important;
  height:48px !important;
  z-index:72 !important;
}

.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:119px !important;
  bottom:auto !important;
  left:22px !important;
  right:22px !important;
  height:48px !important;
}

/* true battery thickness */
.battery-cube{
  --battery-z:26px !important;
  transform-style:preserve-3d !important;
}

/* crucial: zero pull = flush to the external cabinet side.
   It no longer floats/bulges away from the enclosure. */
.battery-right.battery-box{
  transform:translateZ(calc(-11px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-11px + var(--pull-battery-left,0px))) !important;
}

/* front face looks like the front panel of a physical miniature enclosure */
.battery-face-front{
  inset:0 !important;
  padding:5px 6px !important;
  border:1px solid #343941 !important;
  border-radius:2px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),transparent 24%),
    linear-gradient(180deg,#20242a 0%,#111419 55%,#090b0d 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.022),
    inset 0 5px 8px rgba(255,255,255,.015),
    0 1px 2px rgba(0,0,0,.45) !important;
}

/* rear face */
.battery-face-back{
  inset:0 !important;
  background:
    linear-gradient(180deg,#171a1e,#080a0c) !important;
  border:1px solid #24282e !important;
}

/* physical left/right side walls */
.battery-face-side{
  width:var(--battery-z) !important;
  top:0 !important;
  bottom:0 !important;
  background:
    linear-gradient(90deg,#2c3137 0%,#171a1f 42%,#08090b 100%) !important;
  border:1px solid #30353b !important;
}
.battery-face-side-1{
  left:calc(var(--battery-z)/-2) !important;
  transform:rotateY(-90deg) !important;
}
.battery-face-side-2{
  right:calc(var(--battery-z)/-2) !important;
  transform:rotateY(90deg) !important;
}

/* top and bottom walls */
.battery-face-top,
.battery-face-bottom{
  left:0 !important;
  right:0 !important;
  height:var(--battery-z) !important;
  border:1px solid #30353b !important;
  background:
    linear-gradient(180deg,#30353b,#111419) !important;
}
.battery-face-top{
  top:calc(var(--battery-z)/-2) !important;
  transform:rotateX(90deg) !important;
}
.battery-face-bottom{
  bottom:calc(var(--battery-z)/-2) !important;
  transform:rotateX(-90deg) !important;
}

/* visible micro rails make it feel like a slide-in battery box */
.battery-slide-rail{
  left:5px !important;
  right:5px !important;
  height:3px !important;
  background:
    linear-gradient(180deg,#a5abb1,#4b5158 50%,#24282d) !important;
  box-shadow:0 0 0 1px #090a0c !important;
}
.battery-slide-rail.rail-top{top:7px !important}
.battery-slide-rail.rail-bottom{bottom:7px !important}

/* small physical pull lip */
.battery-pull-handle{
  left:31% !important;
  right:31% !important;
  bottom:-6px !important;
  height:9px !important;
  border-radius:3px !important;
  background:linear-gradient(#41464d,#171a1e) !important;
  border:1px solid #50565d !important;
}
.battery-pull-handle:before{
  left:20% !important;
  right:20% !important;
  top:2px !important;
  height:3px !important;
}

/* installed battery: show front, subtle side depth, so it reads as a
   small box tightly attached to the speaker instead of a floating card. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-front,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-front{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom{
  opacity:.52 !important;
  visibility:visible !important;
}
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-back,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-back{
  opacity:.12 !important;
  visibility:visible !important;
}

/* rails/pull handle are present but understated while installed */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail{
  opacity:.32 !important;
  visibility:visible !important;
}
.lab-cabinet:not(.battery-right-open) .battery-right .battery-pull-handle,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-pull-handle{
  opacity:.45 !important;
  visibility:visible !important;
}

/* when dragged, full 3D box pops visually away from enclosure */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:
    drop-shadow(18px 12px 14px rgba(0,0,0,.58))
    drop-shadow(0 0 1px rgba(255,255,255,.08)) !important;
}

/* keep batteries well clear of the handle */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:66% !important;
}

/* preserve side artwork under physical hardware */
.surface-art-left,
.surface-art-right{
  z-index:7 !important;
}
.full-width-control-panel{z-index:50 !important}
.battery-box{z-index:72 !important}
.realistic-handle{z-index:38 !important}

/* MINI variant */
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:83px !important;
  left:12px !important;
  right:12px !important;
  height:32px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:18px !important;
}
.lab-speaker.is-mini .battery-right.battery-box{
  transform:translateZ(calc(-8px + var(--pull-battery-right,0px))) !important;
}
.lab-speaker.is-mini .battery-left.battery-box{
  transform:translateZ(calc(-8px + var(--pull-battery-left,0px))) !important;
}

/* standard desktop responsive widths */
@media(min-width:1100px) and (max-width:1399px){
  .lab-layout,
  .pro-lab-layout{
    grid-template-columns:minmax(0,1fr) 445px !important;
  }
  .lab-panel,
  .lab-customizer-panel,
  .pro-customizer-panel{
    width:445px !important;
    min-width:445px !important;
  }
}

@media(max-width:1099px){
  .lab-panel,
  .lab-customizer-panel,
  .pro-customizer-panel{
    width:auto !important;
    min-width:0 !important;
  }
}


/* SMALL BATTERY + RGB KNOB LED + RELIABLE BATTERY DRAG */

/* =========================================================
   CONTROL PANEL — LED ARC / RING AROUND LARGE VOLUME KNOB
   ========================================================= */
.rgb-control-panel{
  height:86px !important;
  top:18px !important;
  left:14px !important;
  right:14px !important;
  padding:8px 9px !important;
}

.rgb-volume-ring{
  position:relative !important;
  width:48px !important;
  height:48px !important;
  margin:0 auto !important;
  overflow:visible !important;
}

/* Keep existing luminous ring, but make room for discrete LEDs. */
.rgb-volume-ring:before{
  inset:6px !important;
}
.rgb-volume-ring > i{
  inset:10px !important;
}
.rgb-volume-ring > b{
  top:5px !important;
  height:7px !important;
}

/* 18 discrete LED points around the volume knob. */
.knob-led-orbit{
  position:absolute;
  inset:-5px;
  z-index:8;
  display:block;
  pointer-events:none;
  border-radius:50%;
}
.knob-led{
  --a:0deg;
  position:absolute;
  left:50%;
  top:50%;
  width:4px;
  height:4px;
  margin:-2px;
  border-radius:50%;
  background:#70ff62;
  box-shadow:
    0 0 4px currentColor,
    0 0 8px currentColor;
  transform:
    rotate(var(--a))
    translateY(-28px);
  transform-origin:center center;
}
.knob-led:nth-child(1){--a:-132deg;color:#ff403b;background:#ff403b}
.knob-led:nth-child(2){--a:-116deg;color:#ff493c;background:#ff493c}
.knob-led:nth-child(3){--a:-100deg;color:#ff5c35;background:#ff5c35}
.knob-led:nth-child(4){--a:-84deg;color:#ff7b2f;background:#ff7b2f}
.knob-led:nth-child(5){--a:-68deg;color:#f3d62d;background:#f3d62d}
.knob-led:nth-child(6){--a:-52deg;color:#99ed3d;background:#99ed3d}
.knob-led:nth-child(7){--a:-36deg;color:#42e65a;background:#42e65a}
.knob-led:nth-child(8){--a:-20deg;color:#34e678;background:#34e678}
.knob-led:nth-child(9){--a:-4deg;color:#31e69c;background:#31e69c}
.knob-led:nth-child(10){--a:12deg;color:#31d7cf;background:#31d7cf}
.knob-led:nth-child(11){--a:28deg;color:#37b8ff;background:#37b8ff}
.knob-led:nth-child(12){--a:44deg;color:#3a8cff;background:#3a8cff}
.knob-led:nth-child(13){--a:60deg;color:#4d65ff;background:#4d65ff}
.knob-led:nth-child(14){--a:76deg;color:#5e5eff;background:#5e5eff}
.knob-led:nth-child(15){--a:92deg;color:#477eff;background:#477eff}
.knob-led:nth-child(16){--a:108deg;color:#399fff;background:#399fff}
.knob-led:nth-child(17){--a:124deg;color:#35c5ff;background:#35c5ff}
.knob-led:nth-child(18){--a:140deg;color:#38e3c1;background:#38e3c1}

/* LED animation is subtle, not nightclub-like. */
@keyframes sikeLedPulse{
  0%,100%{opacity:.62;filter:brightness(.85)}
  50%{opacity:1;filter:brightness(1.25)}
}
.rgb-control-panel .knob-led{
  animation:sikeLedPulse 2.4s ease-in-out infinite;
}
.rgb-control-panel .knob-led:nth-child(3n){animation-delay:-.8s}
.rgb-control-panel .knob-led:nth-child(3n+1){animation-delay:-1.6s}

.status-led-strip{
  margin-top:6px !important;
}
.status-led-strip i{
  width:4px !important;
  height:4px !important;
  box-shadow:0 0 5px #4df07c !important;
}

/* =========================================================
   POWERCELL — SMALLER, TIGHTER, BUT STILL TRUE 3D
   ========================================================= */
.battery-mid-right,
.battery-mid-left{
  top:116px !important;
  left:28px !important;
  right:28px !important;
  height:40px !important;
  z-index:90 !important;
}
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:116px !important;
  left:28px !important;
  right:28px !important;
  height:40px !important;
}

.battery-cube{
  --battery-z:20px !important;
}
.battery-face-front{
  padding:4px 5px !important;
}
.battery-face-front small{
  font-size:3.5px !important;
}
.battery-face-front b{
  font-size:4.5px !important;
  margin-top:1px !important;
}
.battery-level{
  height:2px !important;
  margin-top:4px !important;
}
.battery-pull-lip{
  min-width:16px !important;
  height:6px !important;
  right:3px !important;
  bottom:3px !important;
  font-size:2.5px !important;
}

/* Smaller side walls but preserve visible volume. */
.battery-face-side{
  width:var(--battery-z) !important;
}
.battery-face-top,
.battery-face-bottom{
  height:var(--battery-z) !important;
}
.battery-slide-rail{
  height:2px !important;
}
.battery-slide-rail.rail-top{top:5px !important}
.battery-slide-rail.rail-bottom{bottom:5px !important}
.battery-pull-handle{
  left:34% !important;
  right:34% !important;
  height:7px !important;
  bottom:-5px !important;
}

/* Zero pull sits flush with speaker. */
.battery-right.battery-box{
  transform:translateZ(calc(-9px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-9px + var(--pull-battery-left,0px))) !important;
}

/* The visual battery is small, but the mouse hit area is intentionally larger. */
.battery-box{
  overflow:visible !important;
  pointer-events:auto !important;
  touch-action:none !important;
  user-select:none !important;
  cursor:ew-resize !important;
}
.battery-box:before{
  content:"";
  position:absolute;
  z-index:999;
  left:-18px;
  right:-18px;
  top:-14px;
  bottom:-14px;
  background:transparent;
  pointer-events:auto;
  cursor:ew-resize;
}

/* Installed: show the front and subtle physical depth. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-front,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-front{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom{
  opacity:.38 !important;
  visibility:visible !important;
}

/* Pulled out: show entire box strongly. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-right-open .battery-right .battery-pull-handle,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:drop-shadow(17px 12px 13px rgba(0,0,0,.60)) !important;
}

/* MINI */
.lab-speaker.is-mini .rgb-control-panel{
  height:65px !important;
}
.lab-speaker.is-mini .rgb-volume-ring{
  width:36px !important;
  height:36px !important;
}
.lab-speaker.is-mini .knob-led{
  width:3px;
  height:3px;
  margin:-1.5px;
  transform:rotate(var(--a)) translateY(-21px);
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:82px !important;
  left:16px !important;
  right:16px !important;
  height:28px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:14px !important;
}


/* NARROW POWERCELL + POLISHED SIDEBAR + 6-SIDE GRAPHICS */

/* ======================================================
   NARROWER POWERCELL
   ====================================================== */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:116px !important;
  left:34px !important;
  right:34px !important;
  height:36px !important;
}
.battery-cube{
  --battery-z:18px !important;
}
.battery-face-front{
  padding:4px 5px !important;
}
.battery-face-front small{font-size:3px !important}
.battery-face-front b{font-size:4px !important;margin-top:1px !important}
.battery-level{height:2px !important;margin-top:3px !important}
.battery-pull-lip{
  min-width:14px !important;
  height:5px !important;
  font-size:2px !important;
  right:3px !important;
  bottom:3px !important;
}
.battery-right.battery-box{
  transform:translateZ(calc(-8px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-8px + var(--pull-battery-left,0px))) !important;
}
.battery-pull-handle{
  left:35% !important;
  right:35% !important;
  bottom:-4px !important;
  height:6px !important;
}

/* ======================================================
   SIDEBAR — more deliberate grouped panel design
   ====================================================== */
@media(min-width:1400px){
  .lab-layout,.pro-lab-layout{
    grid-template-columns:minmax(0,1fr) 500px !important;
  }
  .lab-panel,.lab-customizer-panel,.pro-customizer-panel{
    width:500px !important;
    min-width:500px !important;
  }
}
@media(min-width:1100px) and (max-width:1399px){
  .lab-layout,.pro-lab-layout{
    grid-template-columns:minmax(0,1fr) 450px !important;
  }
  .lab-panel,.lab-customizer-panel,.pro-customizer-panel{
    width:450px !important;
    min-width:450px !important;
  }
}

.lab-customizer-panel,
.pro-customizer-panel{
  background:#ebe9e2 !important;
  border-left:1px solid #c9c6bd !important;
  box-shadow:-18px 0 36px rgba(0,0,0,.12) !important;
}
.customizer-head,
.lab-panel-head{
  background:#f5f3ed !important;
  border-bottom:1px solid #d2cfc6 !important;
}
.customizer-mode-switch{
  background:#f5f3ed !important;
  border-bottom:1px solid #d2cfc6 !important;
}
.customizer-tabs{
  position:sticky;
  top:0;
  z-index:40;
  background:#eceae4 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
}
.customizer-tab-panel{
  padding:12px 13px 28px !important;
}
.customizer-card{
  margin:0 0 12px !important;
  padding:19px 20px !important;
  background:#f8f6f1 !important;
  border:1px solid #d8d4ca !important;
  box-shadow:0 4px 11px rgba(0,0,0,.035) !important;
}
.customizer-card:last-child{margin-bottom:0 !important}
.customizer-card-title{
  padding-bottom:13px;
  margin-bottom:14px !important;
  border-bottom:1px solid #e1ded6;
}
.customizer-card-title > span{
  color:#ef3039 !important;
  font-weight:900 !important;
}
.customizer-card-title b{
  font-size:9px !important;
}
.customizer-card-title small{
  display:block;
  margin-top:3px;
  line-height:1.45 !important;
}

/* ======================================================
   GRAPHICS UX
   ====================================================== */
.surface-selector-six{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:7px !important;
}
.surface-selector-six button{
  min-height:38px !important;
  background:#efede7 !important;
  border:1px solid #cbc7bd !important;
  font-size:7px !important;
  font-weight:800 !important;
}
.surface-selector-six button.active{
  color:#fff !important;
  background:#111316 !important;
  border-color:#111316 !important;
}
.selected-surface-status{
  margin-top:10px;
  padding:9px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#e9e6de;
  border:1px solid #d1cdc3;
}
.selected-surface-status span{
  color:#77736d;
  font-size:6px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.selected-surface-status b{
  font-size:7px;
  letter-spacing:.08em;
}

.ai-map-choice{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:10px;
}
.ai-map-choice button{
  padding:11px;
  display:flex;
  gap:9px;
  align-items:center;
  text-align:left;
  background:#efede7;
  border:1px solid #cbc7bd;
}
.ai-map-choice button.active{
  background:#111316;
  color:#fff;
  border-color:#111316;
}
.ai-map-choice i{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  background:#ef3039;
  color:#fff;
  font-style:normal;
  font-size:7px;
  font-weight:900;
}
.ai-map-choice b{display:block;font-size:7px}
.ai-map-choice small{display:block;margin-top:2px;font-size:5px;line-height:1.35;opacity:.65}
.ai-graphics-scope-card textarea{
  width:100%;
  min-height:72px;
  resize:vertical;
  margin:0 0 9px;
  padding:10px;
  border:1px solid #cbc7bd;
  background:#fff;
  font:inherit;
  font-size:7px;
}
.ai-map-status{
  display:block;
  margin-top:8px;
  color:#77736d;
  font-size:6px;
}
.graphics-action-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

/* Clickable cabinet faces get a subtle cursor without adding visible overlays */
[data-graphics-target]{
  cursor:crosshair;
}

/* ======================================================
   ART ON ALL SIX OUTSIDE FACES
   ====================================================== */
.cab-surface-art{
  pointer-events:none !important;
  backface-visibility:hidden !important;
  opacity:var(--art-opacity,.85);
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.surface-art-front{
  transform:translateZ(4px) !important;
}
.surface-art-left{
  transform:translateZ(4px) scaleX(-1) !important;
}
.surface-art-right{
  transform:translateZ(4px) !important;
}
.surface-art-back{
  position:absolute;
  inset:3px;
  z-index:4;
  transform:translateZ(4px) scaleX(-1) !important;
}
.surface-art-top{
  position:absolute;
  inset:3px;
  z-index:3;
  transform:translateZ(3px) !important;
  border-radius:2px;
}
.surface-art-bottom{
  position:absolute;
  inset:3px;
  z-index:3;
  transform:translateZ(3px) scaleY(-1) !important;
}
.cab-back > span,
.cab-bottom > span,
.cab-top > span,
.cab-wordmark{
  position:relative;
  z-index:12 !important;
}

/* Ensure physical hardware remains over side artwork */
.full-width-control-panel{z-index:55 !important}
.battery-box{z-index:72 !important}
.realistic-handle{z-index:42 !important}

/* MINI battery remains narrow */
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  left:20px !important;
  right:20px !important;
  height:26px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:13px !important;
}

@media(max-width:1099px){
  .lab-panel,.lab-customizer-panel,.pro-customizer-panel{
    width:auto !important;
    min-width:0 !important;
  }
}


/* USER BASELINE REFINED BATTERY LED HANDLES */

/* ==========================================================
   POWERCELL — smaller, narrower, still a real 3D box
   ========================================================== */
.battery-mid-right,
.battery-mid-left,
.battery-right.battery-box,
.battery-left.battery-box,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  left:36px !important;
  right:36px !important;
}

/* Compact visual cartridge */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  height:34px !important;
}

/* Real box thickness */
.battery-cube{
  --battery-z:17px !important;
  transform-style:preserve-3d !important;
}

/* Flush with side cabinet instead of floating away */
.battery-right.battery-box{
  transform:translateZ(calc(-7px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-7px + var(--pull-battery-left,0px))) !important;
}

.battery-face-front{
  padding:4px 5px !important;
  border:1px solid #363b42 !important;
  border-radius:2px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),transparent 24%),
    linear-gradient(180deg,#1d2025,#0a0c0e) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 1px 2px rgba(0,0,0,.38) !important;
}
.battery-face-front small{font-size:3px !important}
.battery-face-front b{font-size:4px !important;margin-top:1px !important}
.battery-level{height:2px !important;margin-top:3px !important}
.battery-pull-lip{
  min-width:13px !important;
  height:5px !important;
  right:3px !important;
  bottom:3px !important;
  font-size:2px !important;
}

/* Six-face battery geometry */
.battery-face-back{
  background:linear-gradient(180deg,#15181c,#07090b) !important;
  border:1px solid #272c32 !important;
}
.battery-face-side{
  width:var(--battery-z) !important;
  background:linear-gradient(90deg,#2c3036,#15181c 48%,#07090b) !important;
  border:1px solid #30353b !important;
}
.battery-face-side-1{
  left:calc(var(--battery-z)/-2) !important;
  transform:rotateY(-90deg) !important;
}
.battery-face-side-2{
  right:calc(var(--battery-z)/-2) !important;
  transform:rotateY(90deg) !important;
}
.battery-face-top,
.battery-face-bottom{
  height:var(--battery-z) !important;
  background:linear-gradient(180deg,#2c3137,#101317) !important;
  border:1px solid #30353b !important;
}
.battery-face-top{
  top:calc(var(--battery-z)/-2) !important;
  transform:rotateX(90deg) !important;
}
.battery-face-bottom{
  bottom:calc(var(--battery-z)/-2) !important;
  transform:rotateX(-90deg) !important;
}

.battery-slide-rail{
  left:4px !important;
  right:4px !important;
  height:2px !important;
}
.battery-slide-rail.rail-top{top:5px !important}
.battery-slide-rail.rail-bottom{bottom:5px !important}
.battery-pull-handle{
  left:36% !important;
  right:36% !important;
  height:6px !important;
  bottom:-4px !important;
}

/* ==========================================================
   VOLUME CONTROL — LEDs placed cleanly around the knob
   ========================================================== */
.precision-volume-ring,
.volume-ring{
  position:relative !important;
  overflow:visible !important;
}

.knob-led-orbit{
  position:absolute !important;
  z-index:12 !important;
  inset:-6px !important;
  display:block !important;
  border-radius:50% !important;
  pointer-events:none !important;
}

.knob-led{
  --a:0deg;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:3.5px !important;
  height:3.5px !important;
  margin:-1.75px !important;
  border-radius:50% !important;
  transform:rotate(var(--a)) translateY(-27px) !important;
  transform-origin:center center !important;
  opacity:.92;
  background:#50e873;
  box-shadow:0 0 4px currentColor,0 0 7px currentColor;
}
.knob-led:nth-child(1){--a:-138deg;color:#ff3f3f;background:#ff3f3f}
.knob-led:nth-child(2){--a:-120deg;color:#ff5140;background:#ff5140}
.knob-led:nth-child(3){--a:-102deg;color:#ff7137;background:#ff7137}
.knob-led:nth-child(4){--a:-84deg;color:#ffd536;background:#ffd536}
.knob-led:nth-child(5){--a:-66deg;color:#a5eb42;background:#a5eb42}
.knob-led:nth-child(6){--a:-48deg;color:#58e65a;background:#58e65a}
.knob-led:nth-child(7){--a:-30deg;color:#35e579;background:#35e579}
.knob-led:nth-child(8){--a:-12deg;color:#34df9e;background:#34df9e}
.knob-led:nth-child(9){--a:12deg;color:#36cde4;background:#36cde4}
.knob-led:nth-child(10){--a:30deg;color:#38b6ff;background:#38b6ff}
.knob-led:nth-child(11){--a:48deg;color:#438dff;background:#438dff}
.knob-led:nth-child(12){--a:66deg;color:#536eff;background:#536eff}
.knob-led:nth-child(13){--a:84deg;color:#5a62ff;background:#5a62ff}
.knob-led:nth-child(14){--a:102deg;color:#4c78ff;background:#4c78ff}
.knob-led:nth-child(15){--a:120deg;color:#3ca8ff;background:#3ca8ff}
.knob-led:nth-child(16){--a:138deg;color:#35d8d4;background:#35d8d4}

/* Keep the LED orbit centered on the real control knob */
.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring{
  width:46px !important;
  height:46px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ==========================================================
   HANDLE — cleaner oval reference geometry
   ========================================================== */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  width:112px !important;
  height:136px !important;
  transform:translate(-50%,-50%) !important;
}

/* broad oval mounting flange */
.realistic-handle .handle-outer-ring{
  border-radius:52% 52% 48% 48% / 45% 45% 55% 55% !important;
  background:
    radial-gradient(circle at 29% 18%,rgba(255,255,255,.10),transparent 16%),
    linear-gradient(145deg,var(--handle-highlight,#3b4046),var(--handle-main,#17191c) 45%,var(--handle-dark,#08090b)) !important;
  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,.06),
    inset 0 0 0 7px var(--handle-dark,#08090b),
    0 6px 13px rgba(0,0,0,.46) !important;
}

/* central deep recessed cup */
.realistic-handle .handle-cup{
  left:18px !important;
  right:18px !important;
  top:14px !important;
  bottom:15px !important;
  border-radius:50% 50% 46% 46% / 44% 44% 56% 56% !important;
  background:#020304 !important;
  box-shadow:inset 0 0 23px rgba(0,0,0,.98) !important;
}

/* two visible openings like the supplied recessed handle */
.handle-opening-top,
.handle-opening-bottom{
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  height:40% !important;
  background:
    radial-gradient(ellipse at 50% 20%,#292d31,#111315 43%,#020304 80%) !important;
}
.handle-opening-top{
  top:8px !important;
  border-radius:50% 50% 38% 38% !important;
}
.handle-opening-bottom{
  bottom:7px !important;
  border-radius:38% 38% 50% 50% !important;
  transform:none !important;
}

/* straight horizontal centre grip */
.realistic-handle .handle-grip{
  z-index:15 !important;
  left:13px !important;
  right:13px !important;
  top:53px !important;
  height:30px !important;
  border-radius:4px !important;
  transform:none !important;
  background:
    linear-gradient(180deg,var(--handle-highlight,#3b4046),var(--handle-main,#17191c) 50%,var(--handle-dark,#08090b)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 6px 11px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04) !important;
}

/* preserve screw layout around oval */
.realistic-handle .handle-screw{
  width:7px !important;
  height:7px !important;
}

/* MINI scales proportionally */
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  left:22px !important;
  right:22px !important;
  height:25px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:12px !important;
}
.lab-speaker.is-mini .realistic-handle{
  width:80px !important;
  height:98px !important;
}
.lab-speaker.is-mini .realistic-handle .handle-grip{
  top:38px !important;
  height:22px !important;
}


/* FINAL LED RING + HALF BATTERY + FACE CLICK GRAPHICS */

/* ==========================================================
   CONTROL PANEL — ONLY the LED points around the volume knob
   ========================================================== */
.panel-led-strip,
.status-led-strip{
  display:none !important;
}

.full-width-control-panel,
.pro-control-panel{
  height:78px !important;
  padding:8px 9px !important;
}

.precision-volume-ring,
.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring{
  width:46px !important;
  height:46px !important;
  margin:0 auto !important;
}

.knob-led-orbit{
  inset:-5px !important;
}

.knob-led{
  width:3.5px !important;
  height:3.5px !important;
  margin:-1.75px !important;
  transform:rotate(var(--a)) translateY(-26px) !important;
}

/* USB row sits directly below the knob without green status dots. */
.panel-usb{
  margin-top:8px !important;
}

/* ==========================================================
   POWERCELL — roughly half the previous visual height
   ========================================================== */
.battery-mid-right,
.battery-mid-left,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:107px !important;
  left:40px !important;
  right:40px !important;
  height:19px !important;
}

.battery-cube{
  --battery-z:13px !important;
}

.battery-face-front{
  padding:2px 4px !important;
  min-height:19px !important;
}

.battery-face-front small{
  font-size:2.6px !important;
  line-height:1 !important;
}
.battery-face-front b{
  font-size:3.2px !important;
  line-height:1 !important;
  margin-top:1px !important;
}
.battery-level{
  height:1px !important;
  margin-top:2px !important;
}
.battery-pull-lip{
  min-width:10px !important;
  height:4px !important;
  right:2px !important;
  bottom:2px !important;
  font-size:1.7px !important;
}

.battery-right.battery-box{
  transform:translateZ(calc(-5px + var(--pull-battery-right,0px))) !important;
}
.battery-left.battery-box{
  transform:translateZ(calc(-5px + var(--pull-battery-left,0px))) !important;
}

.battery-face-side{
  width:var(--battery-z) !important;
}
.battery-face-top,
.battery-face-bottom{
  height:var(--battery-z) !important;
}
.battery-slide-rail{
  height:1px !important;
}
.battery-slide-rail.rail-top{top:3px !important}
.battery-slide-rail.rail-bottom{bottom:3px !important}
.battery-pull-handle{
  left:38% !important;
  right:38% !important;
  bottom:-3px !important;
  height:4px !important;
}

/* Keep battery clearly separated from handle and its popup. */
.realistic-handle,
.handle-reversed-right,
.handle-reversed-left{
  top:65% !important;
}

/* Battery is visually small but still easy to grab. */
.battery-box:after{
  content:"";
  position:absolute;
  z-index:300;
  left:-12px;
  right:-12px;
  top:-10px;
  bottom:-10px;
  background:transparent;
  pointer-events:auto;
  cursor:ew-resize;
}

/* ==========================================================
   CLICK CABINET FACES TO OPEN GRAPHICS
   ========================================================== */
[data-graphics-target]{
  cursor:crosshair !important;
}

[data-graphics-target]:hover{
  outline:1px solid rgba(239,48,57,.18);
  outline-offset:-2px;
}

/* keep physical controls clickable above graphics target */
.full-width-control-panel,
.battery-box,
.realistic-handle,
.component-part{
  pointer-events:auto !important;
}

/* MINI proportions */
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:74px !important;
  left:24px !important;
  right:24px !important;
  height:14px !important;
}
.lab-speaker.is-mini .battery-cube{
  --battery-z:9px !important;
}

/* ==========================================================
   2026-08-07 — INTERACTIVE VOLUME + TRUE LED ORBIT + MICRO POWERCELL
   Final overrides for the SIKE Product Lab.
   ========================================================== */

/* Control panel: keep the volume control as the visual focus. */
.full-width-control-panel,
.pro-control-panel{
  height:82px !important;
  padding:7px 9px 8px !important;
}

.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring,
.precision-volume-ring,
.rgb-volume-ring{
  --volume-angle:40.5deg;
  --volume-value:65;
  width:48px !important;
  height:48px !important;
  margin:0 auto !important;
  overflow:visible !important;
  cursor:grab !important;
  touch-action:none !important;
  user-select:none !important;
  background:#080a0c !important;
  border:1px solid #272c31 !important;
  box-shadow:inset 0 0 0 2px #101317,0 2px 8px rgba(0,0,0,.48) !important;
}
.full-width-control-panel .volume-ring:active,
.pro-control-panel .volume-ring:active{
  cursor:grabbing !important;
}

/* Real metal/rubber knob inside the LED orbit. */
.full-width-control-panel .volume-ring:before,
.pro-control-panel .volume-ring:before{
  inset:8px !important;
  background:#0c0f12 !important;
  border:1px solid #30353b !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,.8) !important;
}
.full-width-control-panel .volume-ring > i:not(.knob-led),
.pro-control-panel .volume-ring > i:not(.knob-led){
  inset:11px !important;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.72),transparent 22%),var(--knob-colour) !important;
  box-shadow:inset -5px -6px 8px rgba(0,0,0,.5),0 1px 2px rgba(255,255,255,.08) !important;
}

/* Indicator rotates with the actual volume value. */
.full-width-control-panel .volume-ring > b,
.pro-control-panel .volume-ring > b{
  z-index:18 !important;
  left:50% !important;
  top:8px !important;
  width:2px !important;
  height:8px !important;
  border-radius:2px !important;
  background:#f7fbff !important;
  transform-origin:50% 16px !important;
  transform:translateX(-50%) rotate(var(--volume-angle)) !important;
  box-shadow:0 0 3px rgba(255,255,255,.7) !important;
}

/* Place every LED on one exact concentric orbit around the knob. */
.knob-led-orbit{
  position:absolute !important;
  z-index:15 !important;
  inset:0 !important;
  display:block !important;
  border-radius:50% !important;
  pointer-events:none !important;
  transform:none !important;
}
.knob-led{
  --a:0deg;
  --led-on:#58ed79;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:3px !important;
  height:3px !important;
  margin:-1.5px !important;
  border-radius:50% !important;
  transform:rotate(var(--a)) translateY(-29px) !important;
  transform-origin:center center !important;
  background:#20262a !important;
  color:#20262a !important;
  opacity:1 !important;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08) !important;
  transition:background .08s linear,box-shadow .08s linear,transform .08s linear !important;
}
.knob-led.is-active{
  background:var(--led-on) !important;
  color:var(--led-on) !important;
  box-shadow:0 0 3px var(--led-on),0 0 7px color-mix(in srgb,var(--led-on) 70%,transparent) !important;
}
/* 18 points over a 270° working arc, leaving a clean bottom gap for VOL. */
.knob-led:nth-child(1){--a:-135deg}
.knob-led:nth-child(2){--a:-119.12deg}
.knob-led:nth-child(3){--a:-103.24deg}
.knob-led:nth-child(4){--a:-87.35deg}
.knob-led:nth-child(5){--a:-71.47deg}
.knob-led:nth-child(6){--a:-55.59deg}
.knob-led:nth-child(7){--a:-39.71deg}
.knob-led:nth-child(8){--a:-23.82deg}
.knob-led:nth-child(9){--a:-7.94deg}
.knob-led:nth-child(10){--a:7.94deg}
.knob-led:nth-child(11){--a:23.82deg}
.knob-led:nth-child(12){--a:39.71deg}
.knob-led:nth-child(13){--a:55.59deg}
.knob-led:nth-child(14){--a:71.47deg}
.knob-led:nth-child(15){--a:87.35deg}
.knob-led:nth-child(16){--a:103.24deg}
.knob-led:nth-child(17){--a:119.12deg}
.knob-led:nth-child(18){--a:135deg}

/* The VOL label is below the ring, never mixed into the LEDs. */
.full-width-control-panel .volume-ring > span:not(.knob-led-orbit),
.pro-control-panel .volume-ring > span:not(.knob-led-orbit){
  bottom:-9px !important;
  font-size:3.7px !important;
  letter-spacing:.12em !important;
  color:#7f858c !important;
}
.panel-usb{margin-top:9px !important}

/* POWERCELL: compact cartridge centered below the control panel. */
.battery-mid-right,
.battery-mid-left,
.battery-right.battery-box,
.battery-left.battery-box,
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:103px !important;
  left:29% !important;
  right:29% !important;
  height:18px !important;
  min-height:18px !important;
}
.battery-cube{--battery-z:11px !important}
.battery-face-front{
  min-height:18px !important;
  padding:2px 3px !important;
  border-radius:2px !important;
}
.battery-face-front small{font-size:2.2px !important}
.battery-face-front b{font-size:2.8px !important;letter-spacing:.03em !important}
.battery-face-front strong{display:none !important}
.battery-level{height:1px !important;margin-top:1px !important}
.battery-pull-lip{
  min-width:8px !important;
  height:3px !important;
  line-height:3px !important;
  right:2px !important;
  bottom:2px !important;
  font-size:1.3px !important;
}
.battery-face-front:before{
  left:4px !important;
  right:4px !important;
  bottom:3px !important;
  height:4px !important;
}
.battery-face-front:after{
  right:5px !important;
  bottom:4px !important;
  width:7px !important;
  height:1px !important;
}
.battery-right.battery-box{transform:translateZ(calc(-4px + var(--pull-battery-right,0px))) !important}
.battery-left.battery-box{transform:translateZ(calc(-4px + var(--pull-battery-left,0px))) !important}
.battery-pull-handle{left:40% !important;right:40% !important;bottom:-2px !important;height:3px !important}
.battery-box:after{left:-9px !important;right:-9px !important;top:-8px !important;bottom:-8px !important}

/* MINI keeps the same proportions, just scaled down. */
.lab-speaker.is-mini .full-width-control-panel .volume-ring,
.lab-speaker.is-mini .pro-control-panel .volume-ring{
  width:38px !important;
  height:38px !important;
}
.lab-speaker.is-mini .knob-led{transform:rotate(var(--a)) translateY(-23px) !important;width:2.5px !important;height:2.5px !important;margin:-1.25px !important}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .battery-right.battery-box,
.lab-speaker.is-mini .battery-left.battery-box,
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:72px !important;
  left:31% !important;
  right:31% !important;
  height:12px !important;
  min-height:12px !important;
}
.lab-speaker.is-mini .battery-cube{--battery-z:7px !important}

/* ==========================================================
   2026-08-07 — LOW-PROFILE POWERCELL BAY REFINEMENT
   Reference direction: shallow recessed horizontal battery slot
   above the carry handle, with a compact cartridge inside.
   ========================================================== */

/* Recessed receiver frame: wider than the cartridge, but visually shallow. */
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:111px !important;
  left:25% !important;
  right:25% !important;
  height:23px !important;
  min-height:23px !important;
  border-radius:4px !important;
  padding:3px !important;
  box-sizing:border-box !important;
}

/* The actual POWERCELL is deliberately low-profile, like the reference. */
.battery-mid-right,
.battery-mid-left,
.battery-right.battery-box,
.battery-left.battery-box{
  top:117px !important;
  left:29% !important;
  right:29% !important;
  height:11px !important;
  min-height:11px !important;
}
.battery-cube{--battery-z:8px !important}
.battery-face-front{
  min-height:11px !important;
  height:11px !important;
  padding:1px 3px !important;
  border-radius:2px !important;
  overflow:hidden !important;
}
.battery-face-front small{font-size:1.8px !important;line-height:1 !important}
.battery-face-front b{font-size:2.35px !important;line-height:1 !important;letter-spacing:.035em !important}
.battery-level{height:1px !important;margin-top:0 !important}
.battery-pull-lip{
  min-width:7px !important;
  height:2px !important;
  line-height:2px !important;
  right:2px !important;
  bottom:1px !important;
  font-size:1px !important;
}
.battery-face-front:before{
  left:4px !important;
  right:4px !important;
  bottom:2px !important;
  height:3px !important;
}
.battery-face-front:after{
  right:5px !important;
  bottom:3px !important;
  width:6px !important;
  height:1px !important;
}
.battery-pull-handle{
  left:41% !important;
  right:41% !important;
  bottom:-2px !important;
  height:2px !important;
}

/* Keep the small visual cartridge easy to grab without making it look large. */
.battery-box:after{
  left:-10px !important;
  right:-10px !important;
  top:-11px !important;
  bottom:-11px !important;
}

/* MINI equivalent proportions. */
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:78px !important;
  left:27% !important;
  right:27% !important;
  height:16px !important;
  min-height:16px !important;
  padding:2px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .battery-right.battery-box,
.lab-speaker.is-mini .battery-left.battery-box{
  top:82px !important;
  left:31% !important;
  right:31% !important;
  height:8px !important;
  min-height:8px !important;
}
.lab-speaker.is-mini .battery-cube{--battery-z:6px !important}

/* ==========================================================
   2026-08-07 — REFERENCE-STYLE POWERCELL CASSETTE
   Shallow recessed receiver with two compact battery blocks,
   center retention strap, linking cable and five charge slots.
   Keeps existing click/drag/remove battery behaviour intact.
   ========================================================== */

/* Bay proportions taken from the supplied reference: wide + shallow. */
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:108px !important;
  left:22% !important;
  right:22% !important;
  height:30px !important;
  min-height:30px !important;
  padding:4px !important;
  border:1px solid #50555a !important;
  border-radius:7px !important;
  background:linear-gradient(180deg,#3b4045,#1d2024 45%,#111316) !important;
  box-shadow:
    inset 0 0 0 2px #17191c,
    inset 0 5px 8px rgba(0,0,0,.72),
    0 1px 1px rgba(255,255,255,.08) !important;
}
.integrated-battery-bay-right .battery-bay-inner,
.integrated-battery-bay-left .battery-bay-inner{
  position:absolute !important;
  inset:4px !important;
  border-radius:4px !important;
  background:
    linear-gradient(180deg,#090b0d,#15181b 50%,#070809) !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,.95) !important;
}
/* Small bay fasteners echo the visible screws in the reference. */
.integrated-battery-bay-right:before,
.integrated-battery-bay-left:before,
.integrated-battery-bay-right:after,
.integrated-battery-bay-left:after{
  content:"" !important;
  position:absolute !important;
  z-index:4 !important;
  top:50% !important;
  width:3px !important;
  height:3px !important;
  margin-top:-1.5px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 38% 35%,#92989e 0 18%,#262a2e 22% 60%,#090a0c 64%) !important;
  box-shadow:0 0 0 .5px #050607 !important;
}
.integrated-battery-bay-right:before,
.integrated-battery-bay-left:before{left:1px !important}
.integrated-battery-bay-right:after,
.integrated-battery-bay-left:after{right:1px !important}

/* Actual removable cassette sits neatly inside the receiver. */
.battery-mid-right,
.battery-mid-left,
.battery-right.battery-box,
.battery-left.battery-box{
  top:114px !important;
  left:25.5% !important;
  right:25.5% !important;
  height:18px !important;
  min-height:18px !important;
}
.battery-cube{--battery-z:9px !important}
.battery-face-front{
  height:18px !important;
  min-height:18px !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:2px !important;
  background:transparent !important;
  box-shadow:none !important;
}
/* Hide old oversized product labeling on the physical face; controls still update via JS. */
.battery-face-front > small,
.battery-face-front > b,
.battery-face-front > .battery-level,
.battery-face-front > .battery-pull-lip,
.battery-face-front > strong{display:none !important}
.battery-slide-rail,.battery-pull-handle{display:none !important}

.ref-battery-pack{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  border-radius:2px !important;
  transform:translateZ(1px) !important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.55));
}
.ref-pack-half{
  position:absolute !important;
  top:1px !important;
  bottom:1px !important;
  width:48% !important;
  border:1px solid #202328 !important;
  border-radius:2px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 30%),
    linear-gradient(180deg,#30343a,#181b1f 58%,#0e1013) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.ref-pack-left{left:0 !important}
.ref-pack-right{right:0 !important}
/* Slight bevels on each battery block. */
.ref-pack-half:before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:1px;
  background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 36%);
}

/* Five vertical indicator slots on the right block. */
.ref-level-slot{
  position:absolute !important;
  z-index:3 !important;
  bottom:3px !important;
  width:2px !important;
  height:5px !important;
  border-radius:1px !important;
  background:#c9d1d8 !important;
  box-shadow:0 0 2px rgba(223,238,247,.22) !important;
}
.ref-level-slot.s1{right:14px !important}.ref-level-slot.s2{right:11px !important}.ref-level-slot.s3{right:8px !important}.ref-level-slot.s4{right:5px !important}.ref-level-slot.s5{right:2px !important}

/* Fabric retention strap running vertically through the center. */
.ref-center-strap{
  position:absolute !important;
  z-index:6 !important;
  left:50% !important;
  top:-2px !important;
  bottom:-2px !important;
  width:7px !important;
  transform:translateX(-50%) !important;
  border-left:1px solid #0a0b0d !important;
  border-right:1px solid #393d42 !important;
  background:
    repeating-linear-gradient(90deg,#23262a 0 1px,#30343a 1px 2px) !important;
  box-shadow:2px 0 3px rgba(0,0,0,.45),-1px 0 2px rgba(0,0,0,.35) !important;
}

/* Curved-looking interconnect cable crossing the batteries. */
.ref-link-cable{
  position:absolute !important;
  z-index:8 !important;
  left:7px !important;
  right:7px !important;
  top:9px !important;
  height:5px !important;
  border-bottom:2px solid #17191d !important;
  border-radius:0 0 50% 50% !important;
  transform:translateZ(2px) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.09) !important;
}
.ref-plug{
  position:absolute !important;
  z-index:9 !important;
  top:7px !important;
  width:7px !important;
  height:4px !important;
  border-radius:2px !important;
  background:linear-gradient(180deg,#4a4f55,#16191d) !important;
  border:1px solid #090a0b !important;
}
.ref-plug-left{left:2px !important;transform:rotate(3deg) !important}
.ref-plug-right{right:2px !important;transform:rotate(-3deg) !important}

/* Pulled state still gets real depth, but the module remains shallow. */
.battery-right.battery-box{transform:translateZ(calc(-3px + var(--pull-battery-right,0px))) !important}
.battery-left.battery-box{transform:translateZ(calc(-3px + var(--pull-battery-left,0px))) !important}
.battery-box:after{left:-8px !important;right:-8px !important;top:-7px !important;bottom:-7px !important}

/* Hide legacy empty-bay label; the real recessed receiver is always visible now. */
.cab-left-with-handle:after,.cab-right-with-handle:after{display:none !important}

/* MINI follows the exact same reference silhouette at reduced scale. */
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:76px !important;left:23% !important;right:23% !important;height:21px !important;min-height:21px !important;padding:3px !important;border-radius:5px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .battery-right.battery-box,
.lab-speaker.is-mini .battery-left.battery-box{
  top:80px !important;left:27% !important;right:27% !important;height:13px !important;min-height:13px !important;
}
.lab-speaker.is-mini .battery-face-front{height:13px !important;min-height:13px !important}
.lab-speaker.is-mini .battery-cube{--battery-z:6px !important}
.lab-speaker.is-mini .ref-center-strap{width:5px !important}
.lab-speaker.is-mini .ref-link-cable{left:5px !important;right:5px !important;top:6px !important;height:4px !important}
.lab-speaker.is-mini .ref-level-slot{height:3px !important;bottom:2px !important;width:1px !important}
.lab-speaker.is-mini .ref-level-slot.s1{right:10px !important}.lab-speaker.is-mini .ref-level-slot.s2{right:8px !important}.lab-speaker.is-mini .ref-level-slot.s3{right:6px !important}.lab-speaker.is-mini .ref-level-slot.s4{right:4px !important}.lab-speaker.is-mini .ref-level-slot.s5{right:2px !important}

/* ==========================================================
   2026-08-07 — FINAL SIDE CONTROL + POWERCELL INTERACTION FIX
   ========================================================== */

/* LED points: one perfectly concentric ring around the actual volume dial. */
.rgb-volume-ring,
.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring{
  --led-on:#3f8cff;
}
.knob-led{
  transform:rotate(var(--a)) translateY(-27px) !important;
}
/* 18 equally-spaced points around the full dial. */
.knob-led:nth-child(1){--a:0deg !important}
.knob-led:nth-child(2){--a:20deg !important}
.knob-led:nth-child(3){--a:40deg !important}
.knob-led:nth-child(4){--a:60deg !important}
.knob-led:nth-child(5){--a:80deg !important}
.knob-led:nth-child(6){--a:100deg !important}
.knob-led:nth-child(7){--a:120deg !important}
.knob-led:nth-child(8){--a:140deg !important}
.knob-led:nth-child(9){--a:160deg !important}
.knob-led:nth-child(10){--a:180deg !important}
.knob-led:nth-child(11){--a:200deg !important}
.knob-led:nth-child(12){--a:220deg !important}
.knob-led:nth-child(13){--a:240deg !important}
.knob-led:nth-child(14){--a:260deg !important}
.knob-led:nth-child(15){--a:280deg !important}
.knob-led:nth-child(16){--a:300deg !important}
.knob-led:nth-child(17){--a:320deg !important}
.knob-led:nth-child(18){--a:340deg !important}
.knob-led.is-active{
  background:var(--led-on) !important;
  color:var(--led-on) !important;
  box-shadow:0 0 4px var(--led-on),0 0 9px color-mix(in srgb,var(--led-on) 72%,transparent) !important;
}

/* Battery receiver hugs the cartridge closely — no oversized extra box. */
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  top:112px !important;
  left:24.5% !important;
  right:24.5% !important;
  height:22px !important;
  min-height:22px !important;
  padding:2px !important;
  border-radius:4px !important;
  border:1px solid #3b4045 !important;
  background:#15181b !important;
  box-shadow:inset 0 0 0 1px #090b0d,inset 0 3px 5px rgba(0,0,0,.75) !important;
  pointer-events:none !important;
}
.integrated-battery-bay-right .battery-bay-inner,
.integrated-battery-bay-left .battery-bay-inner{
  inset:2px !important;
  border-radius:2px !important;
  background:#090b0d !important;
  box-shadow:inset 0 0 4px rgba(0,0,0,.9) !important;
}
.integrated-battery-bay-right:before,
.integrated-battery-bay-left:before,
.integrated-battery-bay-right:after,
.integrated-battery-bay-left:after{
  display:none !important;
}
.battery-mid-right,
.battery-mid-left,
.battery-right.battery-box,
.battery-left.battery-box{
  top:114px !important;
  left:25.5% !important;
  right:25.5% !important;
  height:18px !important;
  min-height:18px !important;
  z-index:150 !important;
  cursor:grab !important;
  touch-action:none !important;
}
.battery-right.battery-box:active,
.battery-left.battery-box:active,
.battery-right.battery-box.dragging-part,
.battery-left.battery-box.dragging-part{cursor:grabbing !important}
/* Keep a larger invisible mouse target without adding visible geometry. */
.battery-box:before,
.battery-box:after{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.battery-box:before{left:-16px !important;right:-16px !important;top:-12px !important;bottom:-12px !important}
.battery-box:after{left:-10px !important;right:-10px !important;top:-9px !important;bottom:-9px !important}

.lab-speaker.is-mini .knob-led{transform:rotate(var(--a)) translateY(-22px) !important}
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  top:78px !important;left:25% !important;right:25% !important;height:16px !important;min-height:16px !important;padding:2px !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left,
.lab-speaker.is-mini .battery-right.battery-box,
.lab-speaker.is-mini .battery-left.battery-box{
  top:80px !important;left:27% !important;right:27% !important;height:12px !important;min-height:12px !important;
}

/* ==========================================================
   2026-08-07 — CONTROL DIAL MODE + CLEAN POWERCELL FINAL FIX
   ========================================================== */

/* One precise 270° LED arc, centred on the physical volume knob. */
.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring,
.rgb-volume-ring{
  --mode-led-color:#3f8cff;
  position:relative !important;
  width:48px !important;
  height:48px !important;
  overflow:visible !important;
}
.full-width-control-panel .knob-led-orbit,
.pro-control-panel .knob-led-orbit,
.rgb-volume-ring .knob-led-orbit{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  pointer-events:none !important;
}
.full-width-control-panel .knob-led,
.pro-control-panel .knob-led,
.rgb-volume-ring .knob-led{
  --led-on:var(--mode-led-color) !important;
  left:50% !important;
  top:50% !important;
  width:3px !important;
  height:3px !important;
  margin:-1.5px 0 0 -1.5px !important;
  transform-origin:1.5px 1.5px !important;
  transform:rotate(var(--a)) translateY(-25.5px) !important;
  background:#20262a !important;
  color:#20262a !important;
  opacity:1 !important;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08) !important;
}
/* 18 evenly spaced LEDs on the same arc as the volume sweep. */
.knob-led:nth-child(1){--a:-135deg !important}
.knob-led:nth-child(2){--a:-119.1176deg !important}
.knob-led:nth-child(3){--a:-103.2353deg !important}
.knob-led:nth-child(4){--a:-87.3529deg !important}
.knob-led:nth-child(5){--a:-71.4706deg !important}
.knob-led:nth-child(6){--a:-55.5882deg !important}
.knob-led:nth-child(7){--a:-39.7059deg !important}
.knob-led:nth-child(8){--a:-23.8235deg !important}
.knob-led:nth-child(9){--a:-7.9412deg !important}
.knob-led:nth-child(10){--a:7.9412deg !important}
.knob-led:nth-child(11){--a:23.8235deg !important}
.knob-led:nth-child(12){--a:39.7059deg !important}
.knob-led:nth-child(13){--a:55.5882deg !important}
.knob-led:nth-child(14){--a:71.4706deg !important}
.knob-led:nth-child(15){--a:87.3529deg !important}
.knob-led:nth-child(16){--a:103.2353deg !important}
.knob-led:nth-child(17){--a:119.1176deg !important}
.knob-led:nth-child(18){--a:135deg !important}
.full-width-control-panel .knob-led.is-active,
.pro-control-panel .knob-led.is-active,
.rgb-volume-ring .knob-led.is-active{
  background:var(--mode-led-color) !important;
  color:var(--mode-led-color) !important;
  box-shadow:0 0 4px var(--mode-led-color),0 0 9px var(--mode-led-color) !important;
}

/* Remove all legacy/extra battery geometry. The visible object is only the
   shallow reference-style POWERCELL cartridge. */
.battery-box,
.battery-box:before,
.battery-box:after,
.battery-cube,
.battery-face-front,
.battery-face-front:before,
.battery-face-front:after{
  box-shadow:none !important;
  outline:0 !important;
}
.battery-box:before,
.battery-box:after,
.battery-face-front:before,
.battery-face-front:after{
  content:none !important;
  display:none !important;
}
.battery-face-back,
.battery-face-side,
.battery-face-side-1,
.battery-face-side-2,
.battery-face-top,
.battery-face-bottom,
.battery-slide-rail,
.battery-pull-handle{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
.battery-cube{
  transform-style:flat !important;
  filter:none !important;
}
.battery-face-front{
  transform:none !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
/* Keep only a very tight receiver lip behind the battery, not a second box. */
.integrated-battery-bay-right,
.integrated-battery-bay-left{
  left:25.2% !important;
  right:25.2% !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:3px !important;
  background:#0a0c0e !important;
  box-shadow:inset 0 0 0 1px rgba(90,96,103,.32) !important;
  overflow:hidden !important;
}
.integrated-battery-bay .battery-bay-inner,
.integrated-battery-bay .battery-bay-contacts,
.integrated-battery-bay:before,
.integrated-battery-bay:after{
  display:none !important;
}
/* Battery itself sits directly on top of that slim receiver. */
.battery-mid-right,
.battery-mid-left,
.battery-right.battery-box,
.battery-left.battery-box{
  left:25.7% !important;
  right:25.7% !important;
  height:17px !important;
  min-height:17px !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
}
.battery-right.battery-box{transform:translateZ(var(--pull-battery-right,0px)) !important}
.battery-left.battery-box{transform:translateZ(var(--pull-battery-left,0px)) !important}
.battery-box.dragging-part .battery-cube,
.battery-box.is-battery-dragging .battery-cube,
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:none !important;
}

/* ==========================================================
   2026-08-07 — TRUE DIAL-CENTRED LED ARC + ANIMATED RGB GRILLE
   Final override: deliberately resets all legacy <i> positioning.
   ========================================================== */
.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring,
.rgb-volume-ring{
  position:relative !important;
  width:48px !important;
  height:48px !important;
  overflow:visible !important;
}
.full-width-control-panel .knob-led-orbit,
.pro-control-panel .knob-led-orbit,
.rgb-volume-ring .knob-led-orbit{
  position:absolute !important;
  z-index:20 !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}
.full-width-control-panel .knob-led,
.pro-control-panel .knob-led,
.rgb-volume-ring .knob-led{
  position:absolute !important;
  inset:auto !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:3.2px !important;
  height:3.2px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  transform-origin:center center !important;
  transform:translate(-50%,-50%) rotate(var(--dial-led-angle)) translateX(27px) !important;
  background:#1b2127 !important;
  color:#1b2127 !important;
  opacity:1 !important;
  box-shadow:inset 0 0 0 .55px rgba(255,255,255,.1) !important;
  transition:background .12s linear,box-shadow .12s linear !important;
}
/* Sweep starts at the lower-left, travels over the top, and ends lower-right. */
.knob-led:nth-child(1){--dial-led-angle:135deg !important}
.knob-led:nth-child(2){--dial-led-angle:150.8824deg !important}
.knob-led:nth-child(3){--dial-led-angle:166.7647deg !important}
.knob-led:nth-child(4){--dial-led-angle:182.6471deg !important}
.knob-led:nth-child(5){--dial-led-angle:198.5294deg !important}
.knob-led:nth-child(6){--dial-led-angle:214.4118deg !important}
.knob-led:nth-child(7){--dial-led-angle:230.2941deg !important}
.knob-led:nth-child(8){--dial-led-angle:246.1765deg !important}
.knob-led:nth-child(9){--dial-led-angle:262.0588deg !important}
.knob-led:nth-child(10){--dial-led-angle:277.9412deg !important}
.knob-led:nth-child(11){--dial-led-angle:293.8235deg !important}
.knob-led:nth-child(12){--dial-led-angle:309.7059deg !important}
.knob-led:nth-child(13){--dial-led-angle:325.5882deg !important}
.knob-led:nth-child(14){--dial-led-angle:341.4706deg !important}
.knob-led:nth-child(15){--dial-led-angle:357.3529deg !important}
.knob-led:nth-child(16){--dial-led-angle:373.2353deg !important}
.knob-led:nth-child(17){--dial-led-angle:389.1176deg !important}
.knob-led:nth-child(18){--dial-led-angle:405deg !important}
.full-width-control-panel .knob-led.is-active,
.pro-control-panel .knob-led.is-active,
.rgb-volume-ring .knob-led.is-active{
  background:var(--mode-led-color,#3f8cff) !important;
  color:var(--mode-led-color,#3f8cff) !important;
  box-shadow:0 0 3px var(--mode-led-color,#3f8cff),0 0 7px var(--mode-led-color,#3f8cff) !important;
}
.lab-speaker.is-mini .full-width-control-panel .knob-led-orbit,
.lab-speaker.is-mini .pro-control-panel .knob-led-orbit,
.lab-speaker.is-mini .rgb-volume-ring .knob-led-orbit{
  width:50px !important;height:50px !important;
}
.lab-speaker.is-mini .full-width-control-panel .knob-led,
.lab-speaker.is-mini .pro-control-panel .knob-led,
.lab-speaker.is-mini .rgb-volume-ring .knob-led{
  transform:translate(-50%,-50%) rotate(var(--dial-led-angle)) translateX(23px) !important;
}

/* Animated RGB grille: continuous colour travel when RGB is selected. */
.lab-cabinet[data-light-mode="rgb"] .lab-grille:before{
  background:conic-gradient(from var(--rgb-grille-angle,0deg),#ff3040,#ff9a2f,#ffe74a,#42ef80,#35d9ff,#5d72ff,#b84cff,#ff3da9,#ff3040) !important;
  opacity:.82 !important;
  filter:blur(24px) saturate(1.35) !important;
  animation:sikeRgbGrilleSpin 4.2s linear infinite !important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-mesh{
  background-color:rgba(8,9,11,.82) !important;
  box-shadow:inset 0 0 70px #000,0 0 24px rgba(90,110,255,.18) !important;
  animation:sikeRgbMeshPulse 2.2s ease-in-out infinite alternate !important;
}
@property --rgb-grille-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes sikeRgbGrilleSpin{to{--rgb-grille-angle:360deg}}
@keyframes sikeRgbMeshPulse{0%{filter:saturate(1) brightness(.95)}100%{filter:saturate(1.35) brightness(1.12)}}


/* ==========================================================
   2026-08-07 — SVG DIAL LED ALIGNMENT — FINAL OVERRIDE
   The LED geometry is now drawn in one SVG coordinate system so
   every dot stays mathematically centred on the physical volume dial.
   ========================================================== */
.full-width-control-panel .volume-ring,
.pro-control-panel .volume-ring,
.rgb-volume-ring{
  position:relative !important;
  width:48px !important;
  height:48px !important;
  overflow:visible !important;
}
.full-width-control-panel svg.knob-led-orbit,
.pro-control-panel svg.knob-led-orbit,
.rgb-volume-ring svg.knob-led-orbit{
  position:absolute !important;
  z-index:30 !important;
  left:-6px !important;
  top:-6px !important;
  width:60px !important;
  height:60px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.full-width-control-panel svg.knob-led-orbit .knob-led,
.pro-control-panel svg.knob-led-orbit .knob-led,
.rgb-volume-ring svg.knob-led-orbit .knob-led{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  transform-origin:center !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  fill:#1a2026 !important;
  stroke:rgba(255,255,255,.08) !important;
  stroke-width:.45 !important;
  background:none !important;
  color:transparent !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
  transition:fill .12s linear,filter .12s linear !important;
}
.full-width-control-panel svg.knob-led-orbit .knob-led.is-active,
.pro-control-panel svg.knob-led-orbit .knob-led.is-active,
.rgb-volume-ring svg.knob-led-orbit .knob-led.is-active{
  fill:var(--mode-led-color,#3f8cff) !important;
  stroke:var(--mode-led-color,#3f8cff) !important;
  filter:drop-shadow(0 0 1.2px var(--mode-led-color,#3f8cff)) drop-shadow(0 0 2.8px var(--mode-led-color,#3f8cff)) !important;
}
.lab-speaker.is-mini .full-width-control-panel svg.knob-led-orbit,
.lab-speaker.is-mini .pro-control-panel svg.knob-led-orbit,
.lab-speaker.is-mini .rgb-volume-ring svg.knob-led-orbit{
  left:-6px !important;
  top:-6px !important;
  width:60px !important;
  height:60px !important;
}

/* ============================================================
   2026-08-07 — FINAL REFERENCE HANDLE GEOMETRY
   Rebuild both recessed side handles to match the supplied oval
   flightcase handle: broad oval flange, deep top/bottom pockets,
   winged horizontal bridge and 8 perimeter screws.
   ============================================================ */
.realistic-handle,
.realistic-handle-left,
.realistic-handle-right,
.handle-reversed-left,
.handle-reversed-right{
  width:118px !important;
  height:142px !important;
  border-radius:50% !important;
  transform:translate(-50%,-50%) !important;
  overflow:visible !important;
}

.realistic-handle .handle-outer-ring{
  inset:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(146,151,157,.72) !important;
  background:
    radial-gradient(circle at 31% 16%,rgba(255,255,255,.12),transparent 17%),
    linear-gradient(145deg,var(--handle-highlight,#484d53) 0%,var(--handle-main,#22252a) 38%,var(--handle-dark,#0b0c0e) 100%) !important;
  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,.045),
    inset 0 0 0 7px rgba(0,0,0,.58),
    0 7px 17px rgba(0,0,0,.48) !important;
}

/* One uninterrupted oval recess behind the bridge. */
.realistic-handle .handle-cup{
  left:17px !important;
  right:17px !important;
  top:15px !important;
  bottom:15px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#1b1e22 0%,#07090b 48%,#020304 100%) !important;
  box-shadow:
    inset 0 14px 17px rgba(255,255,255,.025),
    inset 0 -18px 25px rgba(0,0,0,.88),
    inset 9px 0 12px rgba(0,0,0,.34),
    inset -9px 0 12px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,0,0,.9) !important;
}
.realistic-handle .handle-cavity-depth{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse at 50% 50%,transparent 43%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.88) 100%) !important;
  pointer-events:none !important;
}

/* Clearly separated upper/lower hand openings, as in the reference. */
.realistic-handle .handle-opening-top,
.realistic-handle .handle-opening-bottom{
  position:absolute !important;
  left:5px !important;
  right:5px !important;
  display:block !important;
  height:47px !important;
  z-index:2 !important;
  background:
    radial-gradient(ellipse at 50% 20%,#2b2f34 0%,#181b1f 30%,#080a0c 65%,#020304 100%) !important;
  box-shadow:inset 0 10px 18px rgba(255,255,255,.025),inset 0 -13px 17px rgba(0,0,0,.72) !important;
}
.realistic-handle .handle-opening-top{
  top:5px !important;
  border-radius:50% 50% 28% 28% / 66% 66% 34% 34% !important;
}
.realistic-handle .handle-opening-bottom{
  bottom:5px !important;
  border-radius:28% 28% 50% 50% / 34% 34% 66% 66% !important;
  transform:none !important;
}

/* Wide winged bridge across the middle — same silhouette as reference. */
.realistic-handle .handle-grip{
  z-index:20 !important;
  left:9px !important;
  right:9px !important;
  top:56px !important;
  height:31px !important;
  border-radius:5px !important;
  clip-path:polygon(0 18%,8% 0,92% 0,100% 18%,100% 82%,92% 100%,8% 100%,0 82%) !important;
  background:
    linear-gradient(180deg,var(--handle-highlight,#50555b) 0%,var(--handle-main,#292d31) 43%,var(--handle-dark,#111316) 100%) !important;
  border:0 !important;
  box-shadow:
    0 6px 12px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -4px 7px rgba(0,0,0,.42) !important;
  color:#777c82 !important;
  font-size:4.8px !important;
  font-weight:800 !important;
  letter-spacing:.09em !important;
}
.realistic-handle .handle-grip:after{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  top:10px !important;
  height:10px !important;
  border-radius:2px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.018) !important;
  pointer-events:none !important;
}

/* 8 screws in the same perimeter pattern as the physical handle. */
.realistic-handle .handle-screw{
  z-index:30 !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  border:1px solid rgba(124,129,136,.72) !important;
  background:radial-gradient(circle at 36% 31%,#555b62 0 11%,#22262a 24%,#08090b 63%,#020304 100%) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.65),inset 0 0 0 1px rgba(0,0,0,.55) !important;
}
.realistic-handle .handle-screw:after{
  left:1px !important;
  right:1px !important;
  top:3px !important;
  height:1px !important;
  background:#6b7178 !important;
  transform:rotate(-20deg) !important;
}
.realistic-handle .hs1{left:25px !important;top:5px !important}
.realistic-handle .hs2{right:25px !important;top:5px !important}
.realistic-handle .hs3{left:4px !important;top:38px !important}
.realistic-handle .hs4{right:4px !important;top:38px !important}
.realistic-handle .hs5{left:5px !important;bottom:37px !important}
.realistic-handle .hs6{right:5px !important;bottom:37px !important}
.realistic-handle .hs7{left:27px !important;bottom:4px !important}
.realistic-handle .hs8{right:27px !important;bottom:4px !important}

/* Keep both side handles identical; the cabinet face supplies the orientation. */
.realistic-handle-left,
.realistic-handle-right{
  transform:translate(-50%,-50%) !important;
}

.lab-speaker.is-mini .realistic-handle{
  width:91px !important;
  height:109px !important;
}
.lab-speaker.is-mini .realistic-handle .handle-cup{left:13px !important;right:13px !important;top:12px !important;bottom:12px !important}
.lab-speaker.is-mini .realistic-handle .handle-opening-top,
.lab-speaker.is-mini .realistic-handle .handle-opening-bottom{height:36px !important}
.lab-speaker.is-mini .realistic-handle .handle-grip{left:7px !important;right:7px !important;top:43px !important;height:24px !important;font-size:4px !important}

/* ============================================================
   2026-08-07 — REFERENCE RECESSED CONTROL PANEL + USB CHARGING
   Physical flightcase-style inset panel inspired by the supplied
   reference. Centre volume dial, one charging port on each side.
   ============================================================ */
.reference-control-panel,
.full-width-control-panel.reference-control-panel{
  box-sizing:border-box !important;
  left:9px !important;
  right:9px !important;
  top:18px !important;
  width:auto !important;
  height:96px !important;
  padding:12px 10px !important;
  display:grid !important;
  grid-template-columns:30px minmax(52px,1fr) 30px !important;
  grid-template-rows:1fr !important;
  align-items:center !important;
  justify-items:center !important;
  gap:3px !important;
  overflow:visible !important;
  border:5px solid #2b2f34 !important;
  border-radius:13px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%),
    linear-gradient(145deg,#16191d 0%,#0b0d10 52%,#050608 100%) !important;
  box-shadow:
    0 0 0 1px #050607,
    inset 0 0 0 1px rgba(131,139,148,.28),
    inset 0 9px 15px rgba(255,255,255,.02),
    inset 0 -15px 24px rgba(0,0,0,.6),
    0 8px 18px rgba(0,0,0,.42) !important;
}
.reference-control-panel:before{
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:8px !important;
  border:1px solid rgba(0,0,0,.9) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.reference-control-panel>*{position:relative;z-index:2}

/* Four recessed panel fasteners. */
.reference-control-panel .panel-fastener{
  position:absolute !important;
  width:7px !important;
  height:7px !important;
  z-index:8 !important;
  border-radius:50% !important;
  border:1px solid #060708 !important;
  background:radial-gradient(circle at 35% 30%,#697078 0 11%,#292d32 21%,#090a0c 65%,#020304 100%) !important;
  box-shadow:0 1px 2px #000,inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
.reference-control-panel .panel-fastener:after{
  content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:#7c838a;transform:rotate(-22deg)
}
.reference-control-panel .pf1{left:5px !important;top:5px !important}
.reference-control-panel .pf2{right:5px !important;top:5px !important}
.reference-control-panel .pf3{left:5px !important;bottom:5px !important}
.reference-control-panel .pf4{right:5px !important;bottom:5px !important}

/* Centre dial: larger physical knob, but LEDs remain in the same local SVG system. */
.reference-control-panel .volume-ring,
.full-width-control-panel.reference-control-panel .volume-ring{
  grid-column:2 !important;
  grid-row:1 !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  align-self:center !important;
  justify-self:center !important;
  border-radius:50% !important;
  background:radial-gradient(circle,#0a0c0f 0 54%,#24282d 55% 68%,#090a0c 69% 100%) !important;
  box-shadow:0 0 0 1px #41464d,inset 0 0 0 3px #08090b,0 6px 12px #0008 !important;
  cursor:grab !important;
}
.reference-control-panel .volume-ring:active{cursor:grabbing !important}
.reference-control-panel .volume-ring:before{
  inset:8px !important;
  background:linear-gradient(145deg,#292d31,#0d0f11) !important;
  box-shadow:inset 0 0 0 1px #555b62,inset 0 0 9px #000 !important;
}
.reference-control-panel .volume-ring > i:not(.knob-led){
  inset:12px !important;
  background:
    radial-gradient(circle at 31% 25%,rgba(255,255,255,.8),transparent 21%),
    radial-gradient(circle at 50% 45%,var(--knob-colour,#c4c8ca),#747a7f 68%,#24272b 100%) !important;
  box-shadow:inset -6px -7px 9px #0006,0 2px 5px #000b !important;
}
.reference-control-panel .volume-ring > b{
  top:11px !important;
  width:2px !important;
  height:8px !important;
  transform:translateX(-50%) rotate(var(--volume-angle,40deg)) !important;
  transform-origin:50% 18px !important;
  background:#fff !important;
  box-shadow:0 0 3px #fff !important;
}
.reference-control-panel .volume-ring > span{
  bottom:-12px !important;
  font-size:4px !important;
  color:#8c9298 !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
}
.reference-control-panel svg.knob-led-orbit{
  left:-4px !important;
  top:-4px !important;
  width:66px !important;
  height:66px !important;
  overflow:visible !important;
}
.reference-control-panel svg.knob-led-orbit .knob-led{
  r:1.55px;
}

/* Real charging-port blocks replacing the two side buttons in the reference. */
.reference-control-panel .panel-charge-port{
  width:27px !important;
  min-width:0 !important;
  height:48px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  color:#c4c8cc !important;
  text-align:center !important;
  user-select:none !important;
  pointer-events:none !important;
}
.reference-control-panel .panel-charge-left{grid-column:1 !important;grid-row:1 !important}
.reference-control-panel .panel-charge-right{grid-column:3 !important;grid-row:1 !important}
.reference-control-panel .panel-charge-port small{
  display:block !important;
  margin:0 !important;
  font-size:3.7px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  color:#cdd2d6 !important;
  text-shadow:0 1px 1px #000 !important;
}
.reference-control-panel .panel-charge-port>b{
  display:block !important;
  margin:0 !important;
  font-size:3.4px !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:#737a81 !important;
  letter-spacing:.12em !important;
}
.reference-control-panel .usb-charge-socket{
  position:relative !important;
  display:block !important;
  width:24px !important;
  height:11px !important;
  box-sizing:border-box !important;
  background:linear-gradient(180deg,#353a40,#111418 32%,#020304 100%) !important;
  border:1px solid #5b6269 !important;
  box-shadow:inset 0 0 0 2px #07090b,0 1px 2px #000 !important;
}
.reference-control-panel .usb-charge-socket i{
  position:absolute !important;
  display:block !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.reference-control-panel .usb-charge-c{border-radius:6px !important}
.reference-control-panel .usb-charge-c i{
  left:5px !important;right:5px !important;top:4px !important;height:2px !important;border-radius:2px !important;background:#737a82 !important;
}
.reference-control-panel .usb-charge-a{border-radius:2px !important}
.reference-control-panel .usb-charge-a i{
  left:4px !important;right:4px !important;bottom:2px !important;height:3px !important;border-radius:1px !important;background:#2f6fa8 !important;
}

/* Old generic 2× USB row no longer exists in this panel. */
.reference-control-panel .panel-usb{display:none !important}

/* Maintain comfortable separation from POWERCELL below. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .integrated-battery-bay-right{
  top:128px !important;
}

@media(max-width:620px){
  .reference-control-panel,
  .full-width-control-panel.reference-control-panel{
    height:91px !important;
    grid-template-columns:28px minmax(49px,1fr) 28px !important;
    padding-inline:8px !important;
  }
  .reference-control-panel .volume-ring{width:54px !important;height:54px !important}
  .reference-control-panel svg.knob-led-orbit{left:-5px !important;top:-5px !important;width:64px !important;height:64px !important}
  .reference-control-panel .usb-charge-socket{width:21px !important;height:10px !important}
}

/* ============================================================
   2026-08-07 — COMPACT CONTROL METAL PLATE — FINAL OVERRIDE
   Smaller centred recessed plate while keeping the dial and USB
   charging layout intact.
   ============================================================ */
.reference-control-panel,
.full-width-control-panel.reference-control-panel{
  left:50% !important;
  right:auto !important;
  width:78% !important;
  height:86px !important;
  transform:translateX(-50%) !important;
  padding:9px 8px !important;
  grid-template-columns:27px minmax(50px,1fr) 27px !important;
  gap:2px !important;
  border-width:4px !important;
  border-radius:11px !important;
}
.reference-control-panel:before{
  inset:4px !important;
  border-radius:7px !important;
}
.reference-control-panel .pf1{left:4px !important;top:4px !important}
.reference-control-panel .pf2{right:4px !important;top:4px !important}
.reference-control-panel .pf3{left:4px !important;bottom:4px !important}
.reference-control-panel .pf4{right:4px !important;bottom:4px !important}
.reference-control-panel .panel-charge-port{
  width:24px !important;
  height:43px !important;
  gap:3px !important;
}
.reference-control-panel .usb-charge-socket{
  width:21px !important;
  height:10px !important;
}
.reference-control-panel .volume-ring,
.full-width-control-panel.reference-control-panel .volume-ring{
  width:56px !important;
  height:56px !important;
}
.reference-control-panel svg.knob-led-orbit{
  left:-4px !important;
  top:-4px !important;
  width:64px !important;
  height:64px !important;
}
/* Give the smaller plate a little more visual breathing room above POWERCELL. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .integrated-battery-bay-right{
  top:122px !important;
}
@media(max-width:620px){
  .reference-control-panel,
  .full-width-control-panel.reference-control-panel{
    width:82% !important;
    height:82px !important;
    padding:8px 7px !important;
    grid-template-columns:25px minmax(48px,1fr) 25px !important;
  }
  .reference-control-panel .volume-ring,
  .full-width-control-panel.reference-control-panel .volume-ring{
    width:52px !important;
    height:52px !important;
  }
  .reference-control-panel svg.knob-led-orbit{
    left:-4px !important;
    top:-4px !important;
    width:60px !important;
    height:60px !important;
  }
}

/* ============================================================
   2026-08-07 — CLEAN CONTROL / FOUR DIAL MODES — FINAL OVERRIDE
   ============================================================ */

/* Remove the floating internal AMP/DSP plate visible in top/service view. */
.internal-amp{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}

/* Cleaner, tighter control panel: a shallow recessed control pocket rather
   than a large floating slab. USB ports stay symmetrical around the dial. */
.reference-control-panel,
.full-width-control-panel.reference-control-panel{
  left:50% !important;
  right:auto !important;
  top:20px !important;
  width:72% !important;
  height:76px !important;
  transform:translateX(-50%) !important;
  display:grid !important;
  grid-template-columns:30px 1fr 30px !important;
  align-items:center !important;
  justify-items:center !important;
  gap:3px !important;
  padding:7px 8px !important;
  border:2px solid #4f555d !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#1b1f24 0%,#111419 48%,#0b0d10 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    inset 0 7px 12px rgba(255,255,255,.025),
    inset 0 -10px 18px rgba(0,0,0,.55),
    0 2px 5px rgba(0,0,0,.45) !important;
  overflow:visible !important;
}
.reference-control-panel:before{
  content:"" !important;
  position:absolute !important;
  inset:4px !important;
  border:1px solid rgba(0,0,0,.78) !important;
  border-radius:6px !important;
  background:transparent !important;
  pointer-events:none !important;
}
.reference-control-panel .panel-fastener{
  width:4px !important;height:4px !important;border-radius:50% !important;
  background:radial-gradient(circle at 40% 35%,#899099 0 13%,#3d434a 20% 50%,#111419 58% 100%) !important;
  box-shadow:0 0 0 .5px #07090b !important;
}
.reference-control-panel .pf1{left:5px !important;top:5px !important}
.reference-control-panel .pf2{right:5px !important;top:5px !important}
.reference-control-panel .pf3{left:5px !important;bottom:5px !important}
.reference-control-panel .pf4{right:5px !important;bottom:5px !important}

.reference-control-panel .panel-charge-port{
  width:28px !important;height:44px !important;
  display:flex !important;flex-direction:column !important;
  align-items:center !important;justify-content:center !important;
  gap:3px !important;
  position:relative !important;z-index:5 !important;
}
.reference-control-panel .panel-charge-port small{
  font-size:4.5px !important;line-height:1 !important;letter-spacing:.18px !important;
  color:#d6d9dd !important;font-weight:800 !important;white-space:nowrap !important;
}
.reference-control-panel .panel-charge-port>b{
  font-size:4px !important;line-height:1 !important;color:#747b83 !important;
  font-weight:800 !important;letter-spacing:.18px !important;
}
.reference-control-panel .usb-charge-socket{width:23px !important;height:10px !important}

/* Volume is the visual centre of the panel. */
.reference-control-panel .volume-ring,
.full-width-control-panel.reference-control-panel .volume-ring{
  width:58px !important;height:58px !important;
  position:relative !important;z-index:7 !important;
  justify-self:center !important;
}
.reference-control-panel svg.knob-led-orbit{
  left:-5px !important;top:-5px !important;width:68px !important;height:68px !important;
}

/* Exactly four click modes: Blue → Purple → Orange → RGB. In RGB mode each
   active diode receives its own hue instead of every LED sharing one colour. */
.rgb-volume-ring.is-rgb-mode .knob-led.is-active,
.reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active{
  background:var(--individual-led-color) !important;
  color:var(--individual-led-color) !important;
  box-shadow:0 0 3px var(--individual-led-color),0 0 8px var(--individual-led-color) !important;
  animation:sikeDialRgbBreath 1.7s ease-in-out infinite alternate !important;
}
.rgb-volume-ring.is-rgb-mode .knob-led.is-active:nth-child(2n){animation-delay:-.45s !important}
.rgb-volume-ring.is-rgb-mode .knob-led.is-active:nth-child(3n){animation-delay:-.9s !important}
@keyframes sikeDialRgbBreath{from{filter:brightness(.82) saturate(1.05)}to{filter:brightness(1.28) saturate(1.3)}}

/* Slightly more space between the improved control and removable POWERCELL. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .integrated-battery-bay-right{top:112px !important}

@media(max-width:620px){
  .reference-control-panel,
  .full-width-control-panel.reference-control-panel{
    width:76% !important;height:72px !important;
    grid-template-columns:27px 1fr 27px !important;
    padding:6px 7px !important;
  }
  .reference-control-panel .volume-ring,
  .full-width-control-panel.reference-control-panel .volume-ring{width:54px !important;height:54px !important}
  .reference-control-panel svg.knob-led-orbit{left:-5px !important;top:-5px !important;width:64px !important;height:64px !important}
}

/* ============================================================
   2026-08-07 — CONTROL PANEL TRUE-CENTER + CLEAN OPEN CABINET
   Final override for SIKE ONE side control geometry.
   ============================================================ */

/* Remove the remaining floating architecture/panel pieces visible when the
   top lid is lifted. Keep only the dark inner cavity itself. */
.cabinet-interior .internal-amp,
.cabinet-interior .internal-battery,
.cabinet-interior .internal-damping,
.cabinet-interior .internal-brace,
.cabinet-interior .internal-wire{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.cabinet-interior .interior-back{
  background:linear-gradient(180deg,#080a0d 0%,#050608 100%) !important;
  border:1px solid #1e2227 !important;
  box-shadow:inset 0 12px 28px rgba(0,0,0,.72),inset 0 -10px 30px rgba(0,0,0,.55) !important;
}

/* The control assembly is centred from one shared geometry. Fixed dimensions
   avoid the old percentage/grid mismatch that made the dial look offset. */
.lab-speaker.is-one .reference-control-panel,
.lab-speaker.is-one .full-width-control-panel.reference-control-panel{
  box-sizing:border-box !important;
  left:50% !important;
  right:auto !important;
  top:20px !important;
  width:106px !important;
  height:76px !important;
  margin:0 !important;
  transform:translateX(-50%) translateZ(2px) !important;
  display:grid !important;
  grid-template-columns:20px 54px 20px !important;
  grid-template-rows:1fr !important;
  align-items:center !important;
  justify-items:center !important;
  column-gap:1px !important;
  padding:5px !important;
  border:2px solid #555c64 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#1c2025 0%,#111419 52%,#0a0c0f 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 -9px 15px rgba(0,0,0,.5),0 2px 5px rgba(0,0,0,.48) !important;
  overflow:visible !important;
}
.lab-speaker.is-one .reference-control-panel:before{
  inset:3px !important;
  border-radius:6px !important;
  border:1px solid rgba(0,0,0,.82) !important;
  background:transparent !important;
}

/* Exact centre column: knob + LED orbit share the same 54×54 origin. */
.lab-speaker.is-one .reference-control-panel .volume-ring,
.lab-speaker.is-one .full-width-control-panel.reference-control-panel .volume-ring{
  grid-column:2 !important;
  grid-row:1 !important;
  box-sizing:border-box !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
  transform:none !important;
  transform-origin:50% 50% !important;
}
.lab-speaker.is-one .reference-control-panel svg.knob-led-orbit{
  position:absolute !important;
  left:-5px !important;
  top:-5px !important;
  width:64px !important;
  height:64px !important;
  margin:0 !important;
  transform:none !important;
  transform-origin:50% 50% !important;
  overflow:visible !important;
}

/* Compact flush charging ports, mirrored around the exact dial centre. */
.lab-speaker.is-one .reference-control-panel .panel-charge-port{
  box-sizing:border-box !important;
  width:20px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
}
.lab-speaker.is-one .reference-control-panel .panel-charge-left{grid-column:1 !important;grid-row:1 !important}
.lab-speaker.is-one .reference-control-panel .panel-charge-right{grid-column:3 !important;grid-row:1 !important}
.lab-speaker.is-one .reference-control-panel .panel-charge-port small{
  font-size:3.6px !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.lab-speaker.is-one .reference-control-panel .panel-charge-port>b{
  font-size:3.3px !important;
  letter-spacing:.05em !important;
}
.lab-speaker.is-one .reference-control-panel .usb-charge-socket{
  width:18px !important;
  height:9px !important;
}

/* Fasteners follow the actual smaller panel corners. */
.lab-speaker.is-one .reference-control-panel .panel-fastener{width:4px !important;height:4px !important}
.lab-speaker.is-one .reference-control-panel .pf1{left:4px !important;top:4px !important}
.lab-speaker.is-one .reference-control-panel .pf2{right:4px !important;top:4px !important}
.lab-speaker.is-one .reference-control-panel .pf3{left:4px !important;bottom:4px !important}
.lab-speaker.is-one .reference-control-panel .pf4{right:4px !important;bottom:4px !important}

/* Put the removable battery clearly below the control, with no overlap. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .integrated-battery-bay-right{top:108px !important}

/* Keep the same geometry sensible on the MINI variant. */
.lab-speaker.is-mini .reference-control-panel,
.lab-speaker.is-mini .full-width-control-panel.reference-control-panel{
  left:50% !important;
  right:auto !important;
  width:82px !important;
  height:64px !important;
  transform:translateX(-50%) translateZ(2px) !important;
  grid-template-columns:16px 42px 16px !important;
  gap:0 !important;
  padding:4px !important;
}
.lab-speaker.is-mini .reference-control-panel .volume-ring{width:42px !important;height:42px !important}
.lab-speaker.is-mini .reference-control-panel svg.knob-led-orbit{left:-4px !important;top:-4px !important;width:50px !important;height:50px !important}
.lab-speaker.is-mini .reference-control-panel .panel-charge-port{width:16px !important;height:36px !important}
.lab-speaker.is-mini .reference-control-panel .usb-charge-socket{width:15px !important;height:8px !important}

/* ============================================================
   2026-08-07 — DEEP PHYSICAL POWERCELL / CLEAN INTERIOR
   Baseline: CENTERED-CONTROL-CLEAN-INTERIOR-COMPLETE (1)
   Final override. Makes the removable POWERCELL a real 3D box
   rather than a flat face, and leaves no floating inner panel.
   ============================================================ */

/* Absolutely no mid-cabinet architecture when the lid is opened. */
.clean-cabinet-interior > :not(.interior-back),
.cabinet-interior .internal-amp,
.cabinet-interior .internal-battery,
.cabinet-interior .internal-damping,
.cabinet-interior .internal-brace,
.cabinet-interior .internal-wire{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
.clean-cabinet-interior .interior-back{
  display:block !important;
  background:linear-gradient(180deg,#07090b 0%,#040506 100%) !important;
  border:1px solid #181c20 !important;
  box-shadow:inset 0 16px 34px rgba(0,0,0,.82),inset 0 -18px 38px rgba(0,0,0,.68) !important;
}

/* Deep recessed receiver: still compact on the side, but visibly a cavity. */
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  top:108px !important;
  left:24% !important;
  right:24% !important;
  height:24px !important;
  min-height:24px !important;
  padding:2px !important;
  border:1px solid #41474e !important;
  border-radius:4px !important;
  background:linear-gradient(180deg,#171b20,#090b0e) !important;
  box-shadow:inset 0 0 0 1px #050608,inset 0 5px 10px rgba(0,0,0,.92),0 1px 0 rgba(255,255,255,.045) !important;
  overflow:hidden !important;
  transform:translateZ(-1px) !important;
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  inset:2px !important;
  border-radius:2px !important;
  background:linear-gradient(180deg,#050608,#0a0c0e 52%,#030405) !important;
  box-shadow:inset 0 0 8px #000 !important;
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-contacts{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  right:5px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  gap:1px !important;
  z-index:3 !important;
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-contacts i{
  display:block !important;
  width:2px !important;
  height:8px !important;
  border-radius:1px !important;
  background:linear-gradient(90deg,#7c6951,#d5bb82,#705f49) !important;
  box-shadow:0 0 2px rgba(219,188,125,.35) !important;
}

/* Real removable cartridge dimensions. 3D depth is 30px. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .battery-mid-left,
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  top:111px !important;
  left:25% !important;
  right:25% !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  transform-style:preserve-3d !important;
  perspective:none !important;
  z-index:160 !important;
  cursor:grab !important;
  touch-action:none !important;
}
.lab-speaker.is-one .battery-right.battery-box{
  transform:translateZ(var(--pull-battery-right,0px)) !important;
}
.lab-speaker.is-one .battery-left.battery-box{
  transform:translateZ(var(--pull-battery-left,0px)) !important;
}
.lab-speaker.is-one .battery-box.dragging-part{cursor:grabbing !important}

.lab-speaker.is-one .battery-cube{
  --battery-z:30px !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  transform-style:preserve-3d !important;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.58)) !important;
}
.lab-speaker.is-one .battery-face{
  position:absolute !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  box-sizing:border-box !important;
  backface-visibility:visible !important;
}
.lab-speaker.is-one .battery-face-front{
  inset:0 !important;
  width:100% !important;
  height:18px !important;
  min-height:18px !important;
  transform:translateZ(15px) !important;
  border:1px solid #343a41 !important;
  border-radius:2px !important;
  background:linear-gradient(180deg,#2b3036 0%,#181c20 52%,#0d0f12 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -2px 4px rgba(0,0,0,.52) !important;
  overflow:visible !important;
}
.lab-speaker.is-one .battery-face-back{
  inset:0 !important;
  width:100% !important;
  height:18px !important;
  transform:rotateY(180deg) translateZ(15px) !important;
  background:#090b0e !important;
  border:1px solid #252a2f !important;
}
.lab-speaker.is-one .battery-face-side-1,
.lab-speaker.is-one .battery-face-side-2{
  top:0 !important;
  width:30px !important;
  height:18px !important;
  background:linear-gradient(90deg,#0b0d10,#24292f 48%,#0b0d10) !important;
  border-top:1px solid #343a40 !important;
  border-bottom:1px solid #16191d !important;
}
.lab-speaker.is-one .battery-face-side-1{
  left:-15px !important;
  transform:rotateY(-90deg) !important;
}
.lab-speaker.is-one .battery-face-side-2{
  right:-15px !important;
  transform:rotateY(90deg) !important;
}
.lab-speaker.is-one .battery-face-top,
.lab-speaker.is-one .battery-face-bottom{
  left:0 !important;
  width:100% !important;
  height:30px !important;
  background:linear-gradient(180deg,#272c32,#101317) !important;
  border:1px solid #2e343b !important;
}
.lab-speaker.is-one .battery-face-top{
  top:-15px !important;
  transform:rotateX(90deg) !important;
}
.lab-speaker.is-one .battery-face-bottom{
  bottom:-15px !important;
  transform:rotateX(-90deg) !important;
  background:linear-gradient(180deg,#0c0e11,#1c2025) !important;
}

/* Keep the reference battery face details on the front of the physical box. */
.lab-speaker.is-one .battery-face-front .ref-battery-pack{
  display:block !important;
  position:absolute !important;
  inset:1px !important;
  transform:none !important;
  border-radius:1px !important;
  filter:none !important;
}
.lab-speaker.is-one .battery-face-front .ref-pack-half{
  display:block !important;
  top:0 !important;
  bottom:0 !important;
  border-color:#20252a !important;
}
.lab-speaker.is-one .battery-face-front .ref-center-strap,
.lab-speaker.is-one .battery-face-front .ref-link-cable,
.lab-speaker.is-one .battery-face-front .ref-plug,
.lab-speaker.is-one .battery-face-front .ref-level-slot{
  display:block !important;
}

/* Physical guide rails become visible as the battery is pulled out. */
.lab-speaker.is-one .battery-slide-rail{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  left:5px !important;
  right:5px !important;
  height:2px !important;
  border-radius:2px !important;
  background:linear-gradient(90deg,#171b20,#434a52,#171b20) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.42) !important;
  transform:translateZ(-13px) !important;
}
.lab-speaker.is-one .battery-slide-rail.rail-top{top:2px !important}
.lab-speaker.is-one .battery-slide-rail.rail-bottom{bottom:2px !important}
.lab-speaker.is-one .battery-pull-handle{display:none !important}

/* Enlarged invisible hit area; no extra visible CSS panel. */
.lab-speaker.is-one .battery-box:before,
.lab-speaker.is-one .battery-box:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}
.lab-speaker.is-one .battery-box:before{left:-18px !important;right:-18px !important;top:-14px !important;bottom:-14px !important}
.lab-speaker.is-one .battery-box:after{left:-10px !important;right:-10px !important;top:-8px !important;bottom:-8px !important}

/* Slight reveal cue only after the battery has actually been pulled out. */
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube,
.lab-speaker.is-one .battery-box.dragging-part .battery-cube{
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.68)) !important;
}

/* ============================================================
   TRUE-DEEP POWERCELL FIX — 2026-08-07
   The cartridge is deliberately much deeper than the previous
   18px/30px visual so the side/top/bottom faces are unmistakable
   while the module is pulled out of the cabinet.
   ============================================================ */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .battery-mid-left,
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  height:26px !important;
  min-height:26px !important;
  top:108px !important;
}

.lab-speaker.is-one .battery-cube{
  --battery-z:112px !important;
  overflow:visible !important;
  transform-style:preserve-3d !important;
}

.lab-speaker.is-one .battery-face-front{
  height:26px !important;
  min-height:26px !important;
  transform:translateZ(56px) !important;
  border-radius:3px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -4px 8px rgba(0,0,0,.58),
    0 0 0 1px rgba(0,0,0,.35) !important;
}
.lab-speaker.is-one .battery-face-back{
  height:26px !important;
  min-height:26px !important;
  transform:rotateY(180deg) translateZ(56px) !important;
  background:linear-gradient(180deg,#161a1f,#07090c) !important;
}
.lab-speaker.is-one .battery-face-side-1,
.lab-speaker.is-one .battery-face-side-2{
  width:112px !important;
  height:26px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%),
    linear-gradient(90deg,#07090c 0%,#242a31 30%,#15191e 66%,#050608 100%) !important;
  border:1px solid #343b43 !important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.45) !important;
}
.lab-speaker.is-one .battery-face-side-1{
  left:-56px !important;
  transform:rotateY(-90deg) !important;
}
.lab-speaker.is-one .battery-face-side-2{
  right:-56px !important;
  transform:rotateY(90deg) !important;
}
.lab-speaker.is-one .battery-face-top,
.lab-speaker.is-one .battery-face-bottom{
  height:112px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045),transparent 30%),
    linear-gradient(180deg,#2c3239,#11151a 52%,#07090c) !important;
  border:1px solid #353c44 !important;
  box-shadow:inset 0 0 16px rgba(0,0,0,.42) !important;
}
.lab-speaker.is-one .battery-face-top{
  top:-56px !important;
  transform:rotateX(90deg) !important;
}
.lab-speaker.is-one .battery-face-bottom{
  bottom:-56px !important;
  transform:rotateX(-90deg) !important;
}

/* Long metal guide rails run down the cartridge body, not just on the face. */
.lab-speaker.is-one .battery-slide-rail{
  left:4px !important;
  right:4px !important;
  height:4px !important;
  transform:translateZ(-47px) !important;
  background:linear-gradient(90deg,#080a0c,#49515a 18%,#1c2127 50%,#515963 82%,#080a0c) !important;
  box-shadow:0 0 0 1px #07090b,0 1px 2px rgba(255,255,255,.05) !important;
}
.lab-speaker.is-one .battery-slide-rail.rail-top{top:3px !important}
.lab-speaker.is-one .battery-slide-rail.rail-bottom{bottom:3px !important}

/* Once pulled, all six surfaces are forced visible and the depth gets a strong real shadow. */
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-right-open .battery-right .battery-slide-rail,
.lab-cabinet.battery-left-open .battery-left .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-slide-rail{
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
}
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  filter:
    drop-shadow(34px 20px 22px rgba(0,0,0,.78))
    drop-shadow(0 2px 1px rgba(255,255,255,.08)) !important;
}

/* The receiver has visible depth after the cartridge leaves it. */
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  height:30px !important;
  min-height:30px !important;
  top:106px !important;
  box-shadow:
    inset 0 0 0 2px #050608,
    inset 0 8px 18px rgba(0,0,0,.96),
    inset 12px 0 16px rgba(0,0,0,.58),
    0 1px 0 rgba(255,255,255,.045) !important;
}
.lab-cabinet.battery-right-open .integrated-battery-bay-right,
.lab-cabinet.battery-left-open .integrated-battery-bay-left{
  background:linear-gradient(180deg,#030405,#090b0e 55%,#020304) !important;
  border-color:#3b424a !important;
}

/* Keep closed installation clean: only the cartridge face is visible until it starts moving. */
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-back,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-side,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-top,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-face-bottom,
.lab-cabinet:not(.battery-right-open) .battery-right .battery-slide-rail,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-back,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-side,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-top,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-face-bottom,
.lab-cabinet:not(.battery-left-open) .battery-left .battery-slide-rail{
  opacity:0 !important;
  visibility:hidden !important;
}

/* =========================================================
   SIKE 2026-08 AI CHAT + ADVANCED PAINT + MOBILE UX
   ========================================================= */
.pro-customizer-panel.ai-mode .customizer-tabs,
.pro-customizer-panel.ai-mode .customizer-tab-panel{display:none!important}
.pro-customizer-panel.ai-mode .ai-customizer-panel{display:flex!important}
.pro-customizer-panel.ai-mode{background:#0b0d10;color:#fff}
.ai-chat-workspace{min-height:520px;flex-direction:column;padding:18px 20px 20px!important;background:linear-gradient(180deg,#101216,#090a0d)!important}
.ai-chat-intro{padding:18px 2px 14px;border-bottom:1px solid #2b2f35}
.ai-chat-intro h2{font-family:var(--display);font-size:22px;line-height:1.05;margin:7px 0 8px;color:#fff}
.ai-chat-intro p{margin:0!important;max-width:360px;color:#8d929b!important;font-size:7px!important}
.ai-chat-messages{flex:1;min-height:220px;max-height:420px;overflow:auto;padding:14px 2px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.ai-chat-message{display:flex;gap:9px;align-items:flex-start;max-width:92%}
.ai-chat-message>i{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;background:#ef3039;font-style:normal;font-size:8px;font-weight:900}
.ai-chat-message>div{padding:9px 11px;border:1px solid #30343a;background:#15181c}
.ai-chat-message.user{align-self:flex-end;justify-content:flex-end}.ai-chat-message.user>div{background:#f3f0e8;color:#111;border-color:#f3f0e8}
.ai-chat-message b{display:block;font-size:7px;margin-bottom:3px}.ai-chat-message p{margin:0!important;font-size:7px!important;line-height:1.55!important;color:#aeb3bc!important}.ai-chat-message.user p{color:#333!important}
.ai-chat-chips{margin:4px 0 10px!important}.ai-chat-chips button{border-radius:999px;padding:7px 9px!important}
.ai-chat-composer{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;padding-top:10px;border-top:1px solid #2b2f35}.ai-chat-composer textarea{min-height:62px!important;resize:none;border-radius:0}.ai-chat-composer .customizer-primary{height:62px;min-width:68px}.ai-chat-status{display:block;margin-top:8px!important;color:#707680!important;font-size:5px!important}

.advanced-paint-studio{padding:14px}.advanced-paint-studio .markup-window{width:min(1320px,98vw);height:min(820px,96vh);max-height:none;border-radius:2px;overflow:hidden;box-shadow:0 26px 80px #000b}.advanced-paint-studio .markup-head{flex:0 0 auto}.advanced-paint-studio .markup-head small{display:block;margin-top:4px;color:#777;font-size:6px}.paint-workspace{min-height:0;flex:1;display:grid;grid-template-columns:190px minmax(0,1fr) 220px;background:#0b0d10}.paint-tools,.paint-layers-panel{padding:15px;background:#111318;overflow:auto}.paint-tools{border-right:1px solid #2d3137}.paint-layers-panel{border-left:1px solid #2d3137}.paint-tool-group{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #292d33}.paint-tool-group>b,.paint-tool-group label>span{display:flex;justify-content:space-between;gap:8px;color:#a8adb5;font-size:7px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.paint-tool-group label>span b{color:#fff;font-size:7px}.paint-tool-group input[type=range],.paint-layer-opacity input{width:100%;accent-color:#ef3039}.paint-colour-input{width:100%;height:38px;padding:3px;border:1px solid #3a3f46;background:#08090b}.paint-segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px}.paint-segmented button,.paint-history-actions button,.paint-layer-actions button{border:1px solid #363b42;background:#191c21;color:#bbb;padding:8px 6px;font-size:6px}.paint-segmented button.active{background:#ef3039;color:#fff;border-color:#ef3039}.paint-history-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;border-bottom:0}.paint-history-actions button:last-child{grid-column:1/-1}.paint-canvas-column{min-width:0;display:flex;flex-direction:column;background:#090a0c}.advanced-paint-studio .markup-board{flex:1;min-height:0;padding:18px;background:repeating-conic-gradient(#25282d 0 25%,#202328 0 50%) 50%/24px 24px;overflow:auto}.advanced-paint-studio .markup-board canvas{width:min(100%,1000px);height:auto;max-height:100%;object-fit:contain;box-shadow:0 8px 35px #000b;border:1px solid #3c4148}.paint-zoom-note{padding:9px 14px;color:#6f747d;font-size:6px;border-top:1px solid #262a30}.paint-layers-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #2b2f35}.paint-layers-head span,.paint-layers-head b{display:block}.paint-layers-head span{font-size:7px;font-weight:900;letter-spacing:.12em}.paint-layers-head b{font-size:5px;color:#727780;margin-top:3px}.paint-layers-head>button{width:30px;height:30px;border:1px solid #3a3f46;background:#ef3039;color:#fff;font-size:16px}.paint-layers{display:flex;flex-direction:column;gap:5px;margin:12px 0}.paint-layer-row{display:grid;grid-template-columns:22px 34px 1fr;gap:7px;align-items:center;padding:7px;border:1px solid #30353c;background:#181b20;color:#c8ccd2;text-align:left}.paint-layer-row.active{border-color:#ef3039;background:#202329}.layer-eye{font-size:12px;text-align:center}.layer-thumb{height:26px;border:1px solid #363b42;background:linear-gradient(135deg,#30343a,#111318)}.layer-name{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paint-layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.paint-layer-opacity{display:block;margin-top:15px;padding-top:13px;border-top:1px solid #2b2f35}.paint-layer-opacity>span{display:flex;justify-content:space-between;color:#a8adb5;font-size:6px;margin-bottom:8px}

@media(max-width:1099px){
  .pro-lab-layout{grid-template-columns:1fr!important}
  .lab-stage{position:relative!important;top:auto!important;height:68vh!important;min-height:560px!important}
  .pro-customizer-panel{width:100%!important;max-width:none!important;min-height:auto!important}
  .ai-chat-workspace{min-height:560px}
}
@media(max-width:700px){
  body.paint-studio-open{overflow:hidden}
  .lab-stage{height:58vh!important;min-height:430px!important}
  .lab-stage-head{padding-left:12px!important;padding-right:12px!important}
  .lab-stage-view-buttons{right:8px!important;top:42px!important;max-width:calc(100% - 16px);overflow-x:auto}
  .lab-stage-view-buttons button{flex:0 0 auto}
  .lab-scene{inset:72px 0 38px!important;transform:scale(.78);transform-origin:center center}
  .lab-panel-head{padding:22px 18px!important}.lab-panel-head h1{font-size:30px!important}
  .lab-demo-box{margin:0 16px 10px!important}.customizer-mode-switch{margin:0 16px 12px!important;grid-template-columns:1fr 1fr!important}.customizer-mode-switch button{min-height:58px;padding:10px!important}
  .customizer-tabs{overflow-x:auto;display:flex!important;position:sticky!important;top:0!important}.pro-customizer-panel.ai-mode .customizer-tabs{display:none!important}.customizer-tabs button{min-width:25%;flex:1 0 25%;padding:14px 6px!important}
  .customizer-tab-panel{padding:12px!important}.customizer-card{padding:14px!important;margin-bottom:10px!important}.customizer-colours,.knob-colours,.handle-colours{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.lab-light-buttons{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.surface-selector-six{grid-template-columns:repeat(3,1fr)!important}
  .ai-chat-workspace{min-height:calc(100vh - 190px);padding:14px 16px 18px!important}.ai-chat-intro h2{font-size:25px}.ai-chat-messages{max-height:none;min-height:300px}.ai-chat-composer{grid-template-columns:1fr}.ai-chat-composer .customizer-primary{height:44px}.ai-chat-message{max-width:96%}
  .advanced-paint-studio{padding:0}.advanced-paint-studio .markup-window{width:100vw;height:100dvh;max-height:100dvh;border:0}.advanced-paint-studio .markup-head{padding:12px 14px}.advanced-paint-studio .markup-head h2{font-size:18px}.paint-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(310px,1fr) auto;overflow:auto}.paint-tools{border-right:0;border-bottom:1px solid #2d3137;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px}.paint-tool-group{margin:0;padding:0 0 8px}.paint-history-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.paint-history-actions button:last-child{grid-column:auto}.paint-canvas-column{min-height:360px}.advanced-paint-studio .markup-board{padding:9px;min-height:320px}.paint-layers-panel{border-left:0;border-top:1px solid #2d3137;padding:12px}.paint-layers{max-height:150px;overflow:auto}.markup-actions{padding:10px 12px!important;gap:8px!important}.markup-actions>div{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.markup-actions button{width:100%}
}
@media(max-width:420px){
  .lab-stage{height:54vh!important;min-height:390px!important}.lab-scene{transform:scale(.70)}
  .customizer-mode-switch{grid-template-columns:1fr!important}.customizer-colours,.knob-colours,.handle-colours{grid-template-columns:repeat(2,1fr)!important}
  .paint-tools{grid-template-columns:1fr}.paint-canvas-column{min-height:310px}.advanced-paint-studio .markup-board{min-height:280px}.paint-layer-actions{grid-template-columns:repeat(2,1fr)}
}

/* Product imagery sync — 2026-08-08 */
.product-image{background:#101216;overflow:hidden;isolation:isolate}
.product-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.product-card:hover .product-image img{transform:scale(1.025);filter:brightness(1.04)}
.product-gallery-photo{background:#101216}
.product-gallery-photo .main-product-photo{width:100%;height:min(72vh,760px);object-fit:contain;object-position:center;background:#101216}
.gallery-thumbs button{background:#101216}
.gallery-thumbs img{object-fit:cover;background:#101216}

.hero-v2{position:relative;overflow:hidden}
.hero-product-visual{position:absolute;z-index:2;left:45%;top:50%;width:min(39vw,640px);aspect-ratio:1/1;transform:translate(-48%,-47%);display:block;opacity:.92;filter:drop-shadow(0 38px 42px rgba(0,0,0,.48));transition:transform .5s ease,opacity .4s ease}
.hero-product-visual:hover{transform:translate(-48%,-49%) scale(1.015);opacity:1}
.hero-product-visual img{width:100%;height:100%;display:block;object-fit:contain;border-radius:4px;mix-blend-mode:screen}
.hero-v2-copy,.hero-product-panel,.hero-scroll,.hero-v2-index{z-index:4}

.feature-photo{background:#111317}
.feature-photo img,.app-battery-image img{object-fit:cover;background:#111317}

@media (max-width:1100px){
  .hero-product-visual{left:62%;top:52%;width:min(52vw,560px);opacity:.72}
}
@media (max-width:760px){
  .hero-v2{padding-bottom:42px}
  .hero-product-visual{position:relative;left:auto;top:auto;transform:none!important;width:92%;max-width:500px;margin:12px auto 0;opacity:1;filter:drop-shadow(0 22px 28px rgba(0,0,0,.5))}
  .hero-product-visual img{mix-blend-mode:normal;border:1px solid rgba(255,255,255,.08)}
  .hero-v2-copy{position:relative;z-index:4}
  .product-gallery-photo .main-product-photo{height:auto;aspect-ratio:1/1;object-fit:contain}
}

/* =========================================================
   2026-08 MOBILE PRODUCT LAB FIT + POLISH
   Keeps the full desktop feature set, but makes the builder
   and product cards fit naturally on iPhone/Android screens.
   ========================================================= */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .lab-page{overflow:hidden}
  .lab-product-bar{
    min-height:0!important;
    padding:18px 16px 16px!important;
    gap:15px!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .lab-product-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .lab-product-copy strong{font-size:13px!important;line-height:1.25!important}
  .lab-product-copy small{font-size:10px!important;line-height:1.45!important}
  .lab-model-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .lab-model-tabs button{min-width:0!important;width:100%!important;padding:13px 14px!important}
  .lab-model-tabs button b{font-size:14px!important}.lab-model-tabs button span{font-size:9px!important}

  .lab-layout,.pro-lab-layout{display:block!important;min-height:0!important}
  .lab-stage{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    height:clamp(560px,72svh,690px)!important;
    min-height:560px!important;
    max-height:690px!important;
    overflow:hidden!important;
  }
  .lab-stage-head{left:18px!important;right:18px!important;top:22px!important;font-size:7px!important}
  .lab-stage-head span:last-child{display:none!important}
  .lab-view-buttons{
    left:14px!important;right:14px!important;top:54px!important;
    width:auto!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;
    overflow:hidden!important;
  }
  .lab-view-buttons button{min-width:0!important;padding:10px 2px!important;font-size:7px!important;white-space:nowrap!important}
  .lab-view-buttons button[data-lab-view="service"]{display:none!important}
  .lab-scene{
    inset:98px 0 48px!important;
    padding:0!important;
    place-items:center!important;
    perspective:1200px!important;
    touch-action:none!important;
  }
  .lab-floor{width:390px!important;height:120px!important;bottom:2%!important}
  .lab-hint{display:none!important}
  .lab-stage-foot{left:18px!important;right:18px!important;bottom:17px!important;font-size:7px!important;line-height:1.35!important}
  .lab-stage-foot span{max-width:72%!important}
  .compact-object-popup{z-index:60!important;bottom:62px!important;left:12px!important;width:min(245px,calc(100vw - 24px))!important}

  .pro-customizer-panel,.lab-customizer-panel,.lab-panel{
    width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;
    border-left:0!important;box-shadow:none!important;
  }
  .lab-panel-head{padding:26px 20px 20px!important;align-items:flex-end!important}
  .lab-panel-head h1{font-size:clamp(38px,12vw,54px)!important;line-height:.95!important;margin-top:9px!important}
  .lab-panel-head small{font-size:8px!important}
  .lab-demo-box{margin:14px 16px 0!important;padding:12px!important}
  .customizer-mode-switch{padding:0 16px 16px!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .customizer-mode-switch button{min-width:0!important;padding:14px 10px!important}
  .customizer-tabs{position:sticky!important;top:0!important;z-index:85!important;grid-template-columns:repeat(4,1fr)!important}
  .customizer-tabs button{padding:15px 2px!important;font-size:8px!important}
  .customizer-tab-panel{padding:12px!important}
  .customizer-card{margin:0 0 12px!important;padding:18px 14px!important}
  .customizer-card-title{margin-bottom:16px!important}
  .customizer-colours,.knob-colours,.handle-colours,.lab-light-buttons{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .customizer-colours button,.knob-colours button,.handle-colours button,.lab-light-buttons button{min-height:58px!important}

  /* Product pages / homepage: product imagery should never crop oddly on phones. */
  .product-grid,.marketplace-grid{grid-template-columns:1fr!important;gap:18px!important}
  .product-image,.marketplace-grid .product-image{height:auto!important;aspect-ratio:4/5!important;min-height:0!important}
  .product-image>img,.product-image img{object-fit:contain!important;object-position:center!important;padding:8px!important;box-sizing:border-box!important}
  .main-product-photo{object-fit:contain!important;background:#101216!important}
}

@media(max-width:390px){
  .lab-stage{height:590px!important;min-height:590px!important}
  .lab-model-tabs button{padding:11px 10px!important}
  .lab-view-buttons button{font-size:6px!important}
  .lab-panel-head{padding-left:16px!important;padding-right:16px!important}
}


/* 2026-08 index hero product fix — use the composed SIKE ONE hero artwork only.
   The previous standalone product SVG introduced a large dark square over the hero. */
.hero-v2-bg{
  background-size:cover;
  background-position:center center;
}
.hero-product-visual{display:none!important;}
@media (min-width:1101px){
  .hero-v2-bg{background-position:50% 50%;}
  .hero-v2-copy{left:6.4%;width:min(640px,43vw);}
  .hero-product-panel{right:3.7%;bottom:6.8%;}
}
@media (min-width:761px) and (max-width:1100px){
  .hero-v2-bg{background-position:58% center;}
}
@media (max-width:760px){
  .hero-v2{height:auto;min-height:760px;padding-bottom:190px;}
  .hero-v2-bg{background-position:67% center;background-size:cover;}
  .hero-v2-copy{top:auto;transform:none!important;margin-top:0;padding-top:75px;}
  .hero-v2-copy.revealed{transform:none!important;}
  .hero-product-panel{bottom:24px;}
}

/* SIKE ONE live product render sync - 2026-08-08 */
.product-image img[src*="sike-one-live-product.png"]{
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  background:#0a0c0f;
}
.main-product-photo[src*="sike-one-live-product.png"]{
  object-fit:contain!important;
  object-position:center!important;
  background:#0a0c0f;
}
@media (max-width:700px){
  .product-image img[src*="sike-one-live-product.png"]{object-fit:cover!important;object-position:center!important;padding:0!important}
}

/* 2026-08 premium product detail + standard 360 configurator */
.product-detail-premium{grid-template-columns:minmax(0,58%) minmax(420px,42%);min-height:760px;background:#0c0e11}
.product-gallery-premium{position:relative;min-height:760px;background:radial-gradient(circle at 55% 44%,#262a30 0,#12151a 37%,#090a0d 74%);overflow:hidden;isolation:isolate}
.product-gallery-premium:after{display:none}
.product-360-shell{position:absolute;inset:0;z-index:1;background:#0b0d10}
.product-360-frame{width:100%;height:100%;border:0;display:block;background:#0b0d10}
.product-360-toolbar{position:absolute;z-index:4;left:22px;right:22px;bottom:105px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;color:#fff}
.product-360-toolbar div{display:flex;flex-direction:column;gap:3px}.product-360-toolbar b{font-size:9px;letter-spacing:.18em}.product-360-toolbar span{font-size:8px;color:#8b9098}
.product-360-toolbar button{pointer-events:auto;border:1px solid #ffffff2e;background:#0a0b0ddd;color:#fff;padding:9px 12px;text-transform:uppercase;font-size:7px;letter-spacing:.12em;cursor:pointer}
.static-product-stage{position:absolute;inset:0;display:grid;place-items:center;padding:8%}.static-product-stage .main-product-photo{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 28px 42px #0008)}
.gallery-thumbs-premium{left:22px;bottom:22px;right:auto;z-index:9}.gallery-thumbs-premium button{width:68px;height:68px;border:1px solid #ffffff30;background:#101216;overflow:hidden;transition:.18s}.gallery-thumbs-premium button.active{border-color:#fff;box-shadow:0 0 0 1px #fff}.gallery-thumbs-premium button span{display:grid;place-items:center;height:100%;font-family:var(--display);font-size:12px;color:#fff}.gallery-thumbs-premium img{object-fit:contain;background:#0d0f12;padding:4px}
.product-photo-overlay{position:absolute;inset:0;z-index:8;background:radial-gradient(circle at 50% 45%,#20242a,#0d0f12 70%);display:grid;place-items:center;padding:9% 8% 15%}.product-photo-overlay[hidden]{display:none}.product-photo-overlay img{width:100%;height:100%;object-fit:contain!important;filter:drop-shadow(0 24px 46px #000b);transition:.2s}.product-photo-overlay>button{position:absolute;right:22px;top:22px;border:1px solid #ffffff3b;background:#090a0dcc;color:#fff;padding:10px 12px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.product-info-premium{background:#f0eee8;color:#111;padding:76px clamp(44px,6vw,106px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.product-info-premium h1{font-size:clamp(54px,5.2vw,92px);line-height:.87;margin:28px 0 22px;letter-spacing:-.045em}.product-info-premium .product-tagline{font-size:20px;margin:0 0 28px;color:#4c4d50}.product-price-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.product-info-premium .product-price{font-size:31px;margin:0}.custom-price-hint{padding:7px 9px;border:1px solid #c9c5bb;background:#fff9;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#6e625e}.product-info-premium .product-description{max-width:600px;line-height:1.65;color:#585a5f}
.standard-colour-picker{width:100%;margin:24px 0 4px;padding:18px 0;border-top:1px solid #cbc8bf;border-bottom:1px solid #cbc8bf}.standard-option-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.standard-option-head b{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.standard-option-head span{font-size:10px;color:#65625e}.standard-swatches{display:flex;gap:10px}.standard-swatches button{width:42px;height:42px;border:1px solid #c8c4ba;background:#fff;padding:5px;cursor:pointer;transition:.18s}.standard-swatches button.active{border-color:#111;box-shadow:0 0 0 1px #111}.standard-swatches i{display:block;width:100%;height:100%;background:var(--swatch)}.standard-colour-picker>small{display:block;margin-top:11px;max-width:520px;line-height:1.5;color:#79746e;font-size:8px}
.customize-price-button{display:flex!important;align-items:center;justify-content:space-between;gap:20px;text-align:left}.customize-price-button small{font-size:7px;opacity:.62;font-weight:700;text-transform:none;letter-spacing:.02em}
.custom-price-card{margin:12px 16px 0;padding:14px 15px;background:#101216;color:#fff;border:1px solid #282c31}.custom-price-card>div{display:flex;align-items:end;justify-content:space-between;gap:14px}.custom-price-card span{font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#9ca1a9}.custom-price-card strong{font-family:var(--display);font-size:19px}.custom-price-card small{display:block;margin-top:7px;color:#7f848c;line-height:1.45;font-size:6px}
.marketplace-grid .product-image{background:#121418}.marketplace-grid .product-image img{object-fit:contain!important;padding:7%;transform:none!important}.marketplace-grid .product-card:hover .product-image img{transform:scale(1.025)!important}.marketplace-grid .product-meta{min-height:132px}.marketplace-grid .product-meta strong{white-space:nowrap}
@media(max-width:1050px){.product-detail-premium{grid-template-columns:1fr}.product-gallery-premium{min-height:660px}.product-info-premium{padding:64px 7vw}.product-info-premium h1{font-size:clamp(48px,10vw,76px)}}
@media(max-width:620px){.product-gallery-premium{min-height:560px}.product-360-toolbar{bottom:96px}.product-360-toolbar span{display:none}.gallery-thumbs-premium button{width:54px;height:54px}.product-info-premium{padding:48px 22px}.product-info-premium h1{font-size:50px}.product-info-premium .product-tagline{font-size:16px}.customize-price-button{align-items:flex-start;flex-direction:column;gap:3px}}

/* ======================================================
   2026-08-08 FINAL CUSTOMIZER SIDEBAR FIX
   Compact, balanced and viewport-safe on desktop/tablet/mobile.
   ====================================================== */
.pro-customizer-panel{
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
@media(min-width:901px){
  .pro-lab-layout{grid-template-columns:minmax(0,1fr) clamp(390px,27vw,440px)!important}
  .pro-customizer-panel{
    width:clamp(390px,27vw,440px)!important;
    min-width:390px!important;
    max-width:440px!important;
    height:calc(100vh - 144px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .pro-customizer-panel .lab-panel-head{padding:20px 20px 16px!important;min-height:112px!important}
  .pro-customizer-panel .lab-panel-head h1{font-size:36px!important;line-height:.92!important;margin:8px 0 5px!important}
  .pro-customizer-panel .lab-panel-head small{font-size:7px!important}
  .pro-customizer-panel .lab-demo-box{margin:12px 16px 0!important;padding:10px 11px!important}
  .pro-customizer-panel .custom-price-card{margin:10px 16px 12px!important;padding:12px 13px!important}
  .pro-customizer-panel .custom-price-card strong{font-size:18px!important}
  .pro-customizer-panel .customizer-mode-switch{padding:0 16px 12px!important;gap:7px!important}
  .pro-customizer-panel .customizer-mode-switch button{min-height:58px!important;padding:9px!important}
  .pro-customizer-panel .customizer-mode-switch button>i{width:30px!important;height:30px!important;flex:0 0 30px!important}
  .pro-customizer-panel .customizer-tabs button{padding:11px 2px!important;font-size:7px!important}
  .pro-customizer-panel .customizer-tab-panel{padding:10px 11px 20px!important}
  .pro-customizer-panel .customizer-card{padding:15px 15px!important;margin-bottom:9px!important}
  .pro-customizer-panel .customizer-card-title{padding-bottom:10px!important;margin-bottom:11px!important}
  .pro-customizer-panel .customizer-colours button,
  .pro-customizer-panel .knob-colours button,
  .pro-customizer-panel .handle-colours button,
  .pro-customizer-panel .lab-light-buttons button{min-height:50px!important}
}

@media(max-width:900px){
  .pro-customizer-panel{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    border-left:0!important;
  }
  .pro-customizer-panel .lab-panel-head{
    padding:20px 18px 16px!important;
    min-height:108px!important;
    align-items:flex-end!important;
  }
  .pro-customizer-panel .lab-panel-head h1{
    font-size:clamp(34px,8vw,44px)!important;
    line-height:.94!important;
    margin:8px 0 4px!important;
  }
  .pro-customizer-panel .lab-panel-head small{font-size:7px!important}
  .pro-customizer-panel .lab-demo-box{margin:12px 16px 0!important;padding:10px 11px!important}
  .pro-customizer-panel .custom-price-card{margin:10px 16px 12px!important;padding:12px 13px!important}
  .pro-customizer-panel .custom-price-card>div{align-items:center!important}
  .pro-customizer-panel .custom-price-card strong{font-size:18px!important;white-space:nowrap!important}
  .pro-customizer-panel .customizer-mode-switch{padding:0 16px 12px!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .pro-customizer-panel .customizer-mode-switch button{min-height:56px!important;padding:9px!important}
  .pro-customizer-panel .customizer-mode-switch button>i{width:30px!important;height:30px!important;flex:0 0 30px!important}
  .pro-customizer-panel .customizer-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important}
  .pro-customizer-panel .customizer-tabs button{min-width:0!important;padding:12px 2px!important;font-size:7px!important}
  .pro-customizer-panel .customizer-tab-panel{padding:10px 12px 22px!important}
  .pro-customizer-panel .customizer-card{padding:15px 14px!important;margin:0 0 10px!important}
  .pro-customizer-panel .customizer-card-title{margin-bottom:12px!important;padding-bottom:10px!important}
  .pro-customizer-panel .customizer-colours,
  .pro-customizer-panel .lab-colours{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .pro-customizer-panel .customizer-colours button,
  .pro-customizer-panel .lab-colours button{min-height:58px!important;padding:8px 3px!important}
  .pro-customizer-panel .lab-colours i{width:28px!important;height:28px!important;margin-bottom:6px!important}
}

@media(max-width:480px){
  .pro-customizer-panel .lab-panel-head{padding:18px 15px 14px!important;min-height:98px!important}
  .pro-customizer-panel .lab-panel-head h1{font-size:36px!important}
  .pro-customizer-panel .lab-demo-box{margin:10px 12px 0!important}
  .pro-customizer-panel .custom-price-card{margin:9px 12px 10px!important}
  .pro-customizer-panel .custom-price-card>div{gap:8px!important}
  .pro-customizer-panel .custom-price-card strong{font-size:16px!important}
  .pro-customizer-panel .customizer-mode-switch{padding:0 12px 10px!important;gap:6px!important}
  .pro-customizer-panel .customizer-mode-switch button{min-height:54px!important;padding:8px 7px!important;gap:7px!important}
  .pro-customizer-panel .customizer-mode-switch b{font-size:8px!important}
  .pro-customizer-panel .customizer-mode-switch small{font-size:5px!important}
  .pro-customizer-panel .customizer-tabs button{padding:11px 1px!important;font-size:6.5px!important}
  .pro-customizer-panel .customizer-tab-panel{padding:8px 10px 18px!important}
  .pro-customizer-panel .customizer-card{padding:14px 12px!important}
  .pro-customizer-panel .customizer-colours,
  .pro-customizer-panel .lab-colours{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .livechat-launcher{width:50px!important;height:50px!important;right:10px!important;bottom:10px!important}
  .livechat-launcher i{transform:scale(.88)!important}
}

/* ============================================================
   2026-08-08 — GRAPHICS MUST STAY BELOW PHYSICAL SIDE HARDWARE
   Artwork is a cabinet skin only. Battery, battery receiver,
   control panel and recessed handle always render above it.
   ============================================================ */
.cab-left .cab-surface-art,
.cab-right .cab-surface-art,
.surface-art-left,
.surface-art-right{
  z-index:2 !important;
}
.surface-art-right{
  transform:translateZ(0px) !important;
}
.surface-art-left{
  transform:translateZ(0px) scaleX(-1) !important;
}

/* Put the real control panel physically in front of the graphics skin. */
.cab-left .full-width-control-panel,
.cab-right .full-width-control-panel,
.cab-left .pro-control-panel,
.cab-right .pro-control-panel{
  z-index:500 !important;
  transform:translateZ(12px) !important;
  isolation:isolate !important;
}

/* Battery receiver remains visible when the cartridge is pulled out. */
.cab-left .integrated-battery-bay,
.cab-right .integrated-battery-bay{
  z-index:420 !important;
  transform:translateZ(5px) !important;
}

/* Battery cartridge sits above the printed/wrapped cabinet graphic. */
.lab-speaker.is-one .cab-right .battery-right.battery-box,
.lab-speaker.is-one .cab-right .battery-mid-right,
.lab-speaker.is-one .cab-left .battery-left.battery-box,
.lab-speaker.is-one .cab-left .battery-mid-left{
  z-index:600 !important;
}
.lab-speaker.is-one .cab-right .battery-right.battery-box,
.lab-speaker.is-one .cab-right .battery-mid-right{
  transform:translateZ(calc(12px + var(--pull-battery-right,0px))) !important;
}
.lab-speaker.is-one .cab-left .battery-left.battery-box,
.lab-speaker.is-one .cab-left .battery-mid-left{
  transform:translateZ(calc(12px + var(--pull-battery-left,0px))) !important;
}

/* Same layering rule for SIKE MINI. */
.lab-speaker.is-mini .cab-right .battery-right.battery-box,
.lab-speaker.is-mini .cab-right .battery-mid-right{
  z-index:600 !important;
  transform:translateZ(calc(9px + var(--pull-battery-right,0px))) !important;
}
.lab-speaker.is-mini .cab-left .battery-left.battery-box,
.lab-speaker.is-mini .cab-left .battery-mid-left{
  z-index:600 !important;
  transform:translateZ(calc(9px + var(--pull-battery-left,0px))) !important;
}

/* Recessed handles are hardware too; never allow artwork over them. */
.cab-left .realistic-handle,
.cab-right .realistic-handle,
.cab-left .handle-reversed-left,
.cab-right .handle-reversed-right{
  z-index:520 !important;
  transform:translate(-50%,-50%) translateZ(10px) !important;
  isolation:isolate !important;
}

/* Artwork itself can never capture clicks intended for hardware. */
.cab-left .cab-surface-art,
.cab-right .cab-surface-art{
  pointer-events:none !important;
}

/* ============================================================
   2026-08-08 — FLUSH SIDE HARDWARE + TRUE SWAP-IN BATTERY SLOT
   Keeps the inserted battery, control panel and recessed handle
   inside the side-panel silhouette. When a POWERCELL is pulled,
   a deep receiver/tunnel remains visible in the cabinet.
   ============================================================ */

/* Side hardware is layered above graphics without being pushed visibly
   outside the cabinet. z-index handles artwork ordering; translateZ stays
   near the physical panel plane while the battery itself may still slide. */
.lab-speaker.is-one .cab-right .reference-control-panel,
.lab-speaker.is-one .cab-left .reference-control-panel,
.lab-speaker.is-one .cab-right .full-width-control-panel,
.lab-speaker.is-one .cab-left .full-width-control-panel{
  left:50% !important;
  right:auto !important;
  top:21px !important;
  width:94px !important;
  max-width:calc(100% - 18px) !important;
  height:72px !important;
  padding:4px !important;
  grid-template-columns:17px 50px 17px !important;
  transform:translateX(-50%) translateZ(1px) !important;
  overflow:hidden !important;
  z-index:500 !important;
}
.lab-speaker.is-one .reference-control-panel .volume-ring,
.lab-speaker.is-one .full-width-control-panel.reference-control-panel .volume-ring{
  width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;
}
.lab-speaker.is-one .reference-control-panel svg.knob-led-orbit{
  left:-4px !important;top:-4px !important;width:58px !important;height:58px !important;
}
.lab-speaker.is-one .reference-control-panel .panel-charge-port{width:17px !important;height:39px !important}
.lab-speaker.is-one .reference-control-panel .usb-charge-socket{width:15px !important;height:8px !important}

/* The oval handle is a recessed fitting: smaller than the 118px side face
   and virtually flush with the skin instead of floating out of it. */
.lab-speaker.is-one .cab-left .realistic-handle,
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .handle-reversed-left,
.lab-speaker.is-one .cab-right .handle-reversed-right{
  left:50% !important;
  width:92px !important;
  max-width:calc(100% - 20px) !important;
  height:116px !important;
  top:66% !important;
  transform:translate(-50%,-50%) translateZ(1px) !important;
  z-index:520 !important;
}
.lab-speaker.is-one .realistic-handle .handle-cup{left:14px !important;right:14px !important;top:14px !important;bottom:14px !important}
.lab-speaker.is-one .realistic-handle .handle-grip{left:13px !important;right:13px !important;top:44px !important;height:27px !important}
.lab-speaker.is-one .realistic-handle .hs1{left:21px !important}.lab-speaker.is-one .realistic-handle .hs2{right:21px !important}
.lab-speaker.is-one .realistic-handle .hs3{top:32px !important}.lab-speaker.is-one .realistic-handle .hs4{top:32px !important}
.lab-speaker.is-one .realistic-handle .hs5{bottom:31px !important}.lab-speaker.is-one .realistic-handle .hs6{bottom:31px !important}
.lab-speaker.is-one .realistic-handle .hs7{left:23px !important}.lab-speaker.is-one .realistic-handle .hs8{right:23px !important}

/* Inserted POWERCELL is fully contained inside the side-panel width. It is
   flush at pull=0 and only gains outward depth when the user drags it. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .battery-mid-left,
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  left:22px !important;
  right:22px !important;
  top:108px !important;
  height:26px !important;
  min-height:26px !important;
  z-index:600 !important;
}
.lab-speaker.is-one .cab-right .battery-right.battery-box,
.lab-speaker.is-one .cab-right .battery-mid-right{
  transform:translateZ(var(--pull-battery-right,0px)) !important;
}
.lab-speaker.is-one .cab-left .battery-left.battery-box,
.lab-speaker.is-one .cab-left .battery-mid-left{
  transform:translateZ(var(--pull-battery-left,0px)) !important;
}

/* Receiver opening remains slightly behind the skin and exactly matches the
   cartridge footprint. Closed battery hides it; pulled battery reveals it. */
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  left:20px !important;
  right:20px !important;
  top:106px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border:2px solid #30363d !important;
  border-radius:4px !important;
  background:#030405 !important;
  transform:translateZ(-3px) !important;
  overflow:visible !important;
  z-index:420 !important;
  box-shadow:inset 0 0 0 1px #000,inset 0 8px 15px rgba(0,0,0,.98),0 1px 0 rgba(255,255,255,.04) !important;
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner{
  inset:2px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#020304 0%,#080b0e 42%,#020304 100%) !important;
  box-shadow:inset 10px 0 16px #000,inset -10px 0 16px #000,inset 0 7px 13px #000 !important;
}

/* Real tunnel geometry revealed after ejection. */
.battery-bay-depth{
  position:absolute;
  inset:3px 4px;
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  border-radius:2px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 15%,transparent 85%,rgba(255,255,255,.025)),
    linear-gradient(180deg,#11151a 0%,#050709 25%,#020304 74%,#0d1115 100%);
  box-shadow:inset 0 0 18px #000,inset 0 1px 0 rgba(255,255,255,.05);
  transition:opacity .16s ease;
  z-index:2;
}
.battery-bay-depth:before,
.battery-bay-depth:after{
  content:"";
  position:absolute;
  left:3px;right:3px;height:5px;
  background:linear-gradient(180deg,#49515a,#191e23 45%,#050607);
  border:1px solid #080a0c;
  box-shadow:0 1px 1px rgba(255,255,255,.04),0 3px 7px #000;
}
.battery-bay-depth:before{top:2px}
.battery-bay-depth:after{bottom:2px;transform:rotate(180deg)}
.battery-bay-depth .slot-rail{
  position:absolute;top:5px;bottom:5px;width:3px;
  border-radius:1px;
  background:linear-gradient(90deg,#090b0d,#414951,#11151a);
  box-shadow:0 0 3px #000;
}
.battery-bay-depth .slot-rail-top{left:8px}
.battery-bay-depth .slot-rail-bottom{right:8px}
.battery-bay-depth b{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  white-space:nowrap;font-size:2.8px;letter-spacing:.12em;color:#4d555e;font-weight:800;
}
.lab-cabinet.battery-right-open .integrated-battery-bay-right .battery-bay-depth,
.lab-cabinet.battery-left-open .integrated-battery-bay-left .battery-bay-depth{
  opacity:1 !important;
  visibility:visible !important;
}
.lab-cabinet.battery-right-open .integrated-battery-bay-right,
.lab-cabinet.battery-left-open .integrated-battery-bay-left{
  border-color:#4a525b !important;
  box-shadow:inset 0 0 0 2px #010203,inset 0 9px 18px #000,inset 8px 0 12px rgba(0,0,0,.85),inset -8px 0 12px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.05) !important;
}
.lab-cabinet.battery-right-open .integrated-battery-bay-right .battery-bay-contacts,
.lab-cabinet.battery-left-open .integrated-battery-bay-left .battery-bay-contacts{
  right:6px !important;z-index:5 !important;
}

/* MINI follows the same flush-install / open-slot rule with smaller geometry. */
.lab-speaker.is-mini .cab-right .full-width-control-panel,
.lab-speaker.is-mini .cab-right .reference-control-panel,
.lab-speaker.is-mini .cab-left .full-width-control-panel,
.lab-speaker.is-mini .cab-left .reference-control-panel{
  width:76px !important;max-width:calc(100% - 18px) !important;height:58px !important;
  transform:translateX(-50%) translateZ(1px) !important;overflow:hidden !important;
}
.lab-speaker.is-mini .cab-left .realistic-handle,
.lab-speaker.is-mini .cab-right .realistic-handle{
  width:76px !important;max-width:calc(100% - 20px) !important;height:92px !important;
  transform:translate(-50%,-50%) translateZ(1px) !important;
}
.lab-speaker.is-mini .battery-mid-right,
.lab-speaker.is-mini .battery-mid-left{
  left:15px !important;right:15px !important;
}
.lab-speaker.is-mini .cab-right .battery-right.battery-box,
.lab-speaker.is-mini .cab-right .battery-mid-right{transform:translateZ(var(--pull-battery-right,0px)) !important}
.lab-speaker.is-mini .cab-left .battery-left.battery-box,
.lab-speaker.is-mini .cab-left .battery-mid-left{transform:translateZ(var(--pull-battery-left,0px)) !important}
.lab-speaker.is-mini .integrated-battery-bay-right,
.lab-speaker.is-mini .integrated-battery-bay-left{
  left:13px !important;right:13px !important;transform:translateZ(-3px) !important;overflow:visible !important;
}

/* ============================================================
   2026-08-08 — FINAL SIDE HARDWARE ALIGNMENT
   Restore the recessed carry handle to the intended mid-side
   position while keeping control panel / POWERCELL fully flush.
   This block intentionally comes last so older experimental
   handle offsets cannot push the handle down again.
   ============================================================ */
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .realistic-handle,
.lab-speaker.is-one .cab-right .handle-reversed-right,
.lab-speaker.is-one .cab-left .handle-reversed-left{
  left:50% !important;
  top:49% !important;
  width:92px !important;
  max-width:calc(100% - 20px) !important;
  height:116px !important;
  z-index:520 !important;
  transform:translate(-50%,-50%) rotate(180deg) translateZ(1px) !important;
  transform-origin:center center !important;
}
.lab-speaker.is-one .cab-right .realistic-handle .handle-grip,
.lab-speaker.is-one .cab-left .realistic-handle .handle-grip{
  transform:rotate(180deg) !important;
}

/* Keep the compact model's handle centered as well. */
.lab-speaker.is-mini .cab-right .realistic-handle,
.lab-speaker.is-mini .cab-left .realistic-handle,
.lab-speaker.is-mini .cab-right .handle-reversed-right,
.lab-speaker.is-mini .cab-left .handle-reversed-left{
  top:50% !important;
  transform:translate(-50%,-50%) rotate(180deg) translateZ(1px) !important;
}
.lab-speaker.is-mini .cab-right .realistic-handle .handle-grip,
.lab-speaker.is-mini .cab-left .realistic-handle .handle-grip{
  transform:rotate(180deg) !important;
}

/* Final flush safety: fixed side fittings stay inside the cabinet plane.
   Only the removable battery receives dynamic outward Z travel. */
.lab-speaker.is-one .cab-right .reference-control-panel,
.lab-speaker.is-one .cab-left .reference-control-panel,
.lab-speaker.is-one .cab-right .full-width-control-panel,
.lab-speaker.is-one .cab-left .full-width-control-panel{
  transform:translateX(-50%) translateZ(1px) !important;
}
.lab-speaker.is-one .cab-right .battery-mid-right,
.lab-speaker.is-one .cab-right .battery-right.battery-box{
  transform:translateZ(var(--pull-battery-right,0px)) !important;
}
.lab-speaker.is-one .cab-left .battery-mid-left,
.lab-speaker.is-one .cab-left .battery-left.battery-box{
  transform:translateZ(var(--pull-battery-left,0px)) !important;
}


/* ============================================================
   2026-08-08 — SIKE ONE EXACT REFERENCE HANDLE
   Physical target: 150 mm high x 100 mm wide.
   Visual orientation: rotated 180 degrees so the narrow end is
   at the top and the fuller/larger end is at the bottom.
   This is intentionally the final override in the stylesheet.
   ============================================================ */

/* 150:100 physical ratio. The SIKE ONE side face is rendered at
   approximately 0.94 px/mm in this WebGL/CSS model, therefore
   100 mm ≈ 94 px and 150 mm ≈ 141 px. */
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .realistic-handle,
.lab-speaker.is-one .cab-right .handle-reversed-right,
.lab-speaker.is-one .cab-left .handle-reversed-left{
  left:50% !important;
  top:50% !important;
  width:94px !important;
  height:141px !important;
  min-width:94px !important;
  min-height:141px !important;
  max-width:calc(100% - 14px) !important;
  z-index:620 !important;
  transform:translate(-50%,-50%) rotate(180deg) translateZ(1px) !important;
  transform-origin:50% 50% !important;
  overflow:visible !important;
}

/* Reference mounting flange.
   Before the wrapper's 180deg turn, the upper half is fuller.
   After rotation this becomes the requested smaller top /
   larger bottom silhouette. */
.lab-speaker.is-one .realistic-handle .handle-outer-ring{
  position:absolute !important;
  inset:0 !important;
  border:0 !important;
  border-radius:46% 46% 39% 39% / 34% 34% 25% 25% !important;
  clip-path:polygon(
    6% 14%,
    16% 5%,
    34% 0%,
    66% 0%,
    84% 5%,
    94% 14%,
    100% 31%,
    99% 53%,
    92% 72%,
    79% 89%,
    65% 98%,
    50% 100%,
    35% 98%,
    21% 89%,
    8% 72%,
    1% 53%,
    0% 31%
  ) !important;
  background:
    radial-gradient(circle at 28% 17%,rgba(255,255,255,.13),transparent 16%),
    linear-gradient(145deg,#2c3035 0%,#17191c 42%,#0b0c0e 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.035),
    inset 0 -5px 10px rgba(0,0,0,.62),
    0 5px 10px rgba(0,0,0,.5) !important;
}

/* Deep recessed cup with the same egg/oval character. */
.lab-speaker.is-one .realistic-handle .handle-cup{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  top:12px !important;
  bottom:13px !important;
  border-radius:47% 47% 39% 39% / 34% 34% 26% 26% !important;
  clip-path:polygon(
    7% 15%,
    18% 5%,
    35% 0%,
    65% 0%,
    82% 5%,
    93% 15%,
    100% 32%,
    98% 55%,
    89% 75%,
    74% 92%,
    58% 100%,
    42% 100%,
    26% 92%,
    11% 75%,
    2% 55%,
    0% 32%
  ) !important;
  background:#050607 !important;
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.98),
    inset 0 3px 4px rgba(255,255,255,.025) !important;
  overflow:hidden !important;
}

/* Reference cavities: upper cavity smaller, lower cavity larger after
   the final 180-degree physical orientation. */
.lab-speaker.is-one .realistic-handle .handle-cavity-depth{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,#171a1d 0%,#090b0d 48%,#020304 100%) !important;
}
.lab-speaker.is-one .realistic-handle .handle-opening-top{
  left:8px !important;
  right:8px !important;
  top:7px !important;
  height:45% !important;
  border-radius:48% 48% 42% 42% / 60% 60% 34% 34% !important;
  background:radial-gradient(ellipse at 50% 28%,#25282c 0%,#0c0e10 47%,#020304 78%) !important;
  box-shadow:inset 0 -10px 13px rgba(0,0,0,.72) !important;
}
.lab-speaker.is-one .realistic-handle .handle-opening-bottom{
  left:10px !important;
  right:10px !important;
  bottom:7px !important;
  height:36% !important;
  border-radius:44% 44% 52% 52% / 36% 36% 64% 64% !important;
  background:radial-gradient(ellipse at 50% 30%,#222529 0%,#0b0d0f 48%,#020304 80%) !important;
  box-shadow:inset 0 9px 13px rgba(0,0,0,.74) !important;
  transform:none !important;
}

/* Thick horizontal bridge/grip, matching the reference photo.
   The printed word is intentionally hidden because the reference grip
   has a plain rectangular centre insert. */
.lab-speaker.is-one .realistic-handle .handle-grip{
  z-index:20 !important;
  left:9px !important;
  right:9px !important;
  top:54px !important;
  height:32px !important;
  border-radius:6px !important;
  transform:none !important;
  color:transparent !important;
  font-size:0 !important;
  background:linear-gradient(180deg,#292c30 0%,#17191c 55%,#0c0d0f 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 5px 8px rgba(0,0,0,.62),
    inset 0 1px rgba(255,255,255,.06) !important;
}
.lab-speaker.is-one .realistic-handle .handle-grip:after{
  content:"" !important;
  position:absolute !important;
  left:21px !important;
  right:21px !important;
  top:7px !important;
  bottom:7px !important;
  border-radius:1px !important;
  background:#24272b !important;
  border:1px solid #090a0b !important;
  box-shadow:inset 0 1px rgba(255,255,255,.055) !important;
}

/* Reference screw layout: 2 across the broad end, 2 high side,
   2 low side, and one centred at the narrow end. Because the entire
   fitting is physically rotated 180deg, this displays in the same
   orientation as the supplied reference. */
.lab-speaker.is-one .realistic-handle .handle-screw{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 43% 38%,#e1e3e5 0 18%,#777c82 20% 37%,#17191d 40% 67%,#050607 70%) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.2) !important;
}
.lab-speaker.is-one .realistic-handle .hs1{left:24px !important;top:5px !important}
.lab-speaker.is-one .realistic-handle .hs2{right:24px !important;top:5px !important}
.lab-speaker.is-one .realistic-handle .hs3{left:4px !important;top:38px !important}
.lab-speaker.is-one .realistic-handle .hs4{right:4px !important;top:38px !important}
.lab-speaker.is-one .realistic-handle .hs5{left:5px !important;bottom:35px !important}
.lab-speaker.is-one .realistic-handle .hs6{right:5px !important;bottom:35px !important}
.lab-speaker.is-one .realistic-handle .hs7{left:50% !important;right:auto !important;bottom:4px !important;transform:translateX(-50%) !important}
.lab-speaker.is-one .realistic-handle .hs8{display:none !important}

/* Preserve flush mounting and graphics layering. */
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .realistic-handle{
  pointer-events:auto !important;
  isolation:isolate !important;
}
.lab-speaker.is-one .cab-right .cab-surface-art,
.lab-speaker.is-one .cab-left .cab-surface-art{
  z-index:2 !important;
  pointer-events:none !important;
}

/* ============================================================
   2026-08-08 — FINAL SIZE/POSITION TUNE
   Requested: SIKE ONE handle slightly larger + slightly higher,
   POWERCELL slightly larger, and stable mobile placement for
   handle + control panel. This block intentionally comes last.
   ============================================================ */

/* SIKE ONE reference handle: preserve exact oval/egg shape, only scale
   it up slightly and move it a touch higher on the side panel. */
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .realistic-handle,
.lab-speaker.is-one .cab-right .handle-reversed-right,
.lab-speaker.is-one .cab-left .handle-reversed-left{
  left:50% !important;
  top:47.5% !important;
  width:100px !important;
  height:150px !important;
  min-width:100px !important;
  min-height:150px !important;
  max-width:calc(100% - 10px) !important;
  transform:translate(-50%,-50%) rotate(180deg) translateZ(1px) !important;
  transform-origin:50% 50% !important;
  z-index:620 !important;
}

/* Scale the inner reference details proportionally for the larger shell. */
.lab-speaker.is-one .realistic-handle .handle-cup{
  left:12px !important;
  right:12px !important;
  top:12px !important;
  bottom:13px !important;
}
.lab-speaker.is-one .realistic-handle .handle-grip{
  left:9px !important;
  right:9px !important;
  top:58px !important;
  height:34px !important;
}
.lab-speaker.is-one .realistic-handle .handle-grip:after{
  left:23px !important;
  right:23px !important;
  top:8px !important;
  bottom:8px !important;
}
.lab-speaker.is-one .realistic-handle .hs1{left:26px !important;top:5px !important}
.lab-speaker.is-one .realistic-handle .hs2{right:26px !important;top:5px !important}
.lab-speaker.is-one .realistic-handle .hs3{left:4px !important;top:41px !important}
.lab-speaker.is-one .realistic-handle .hs4{right:4px !important;top:41px !important}
.lab-speaker.is-one .realistic-handle .hs5{left:5px !important;bottom:37px !important}
.lab-speaker.is-one .realistic-handle .hs6{right:5px !important;bottom:37px !important}
.lab-speaker.is-one .realistic-handle .hs7{left:50% !important;right:auto !important;bottom:4px !important;transform:translateX(-50%) !important}

/* POWERCELL: a very small size increase while remaining fully inside the
   cabinet when inserted. The receiver grows to match the cartridge. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .battery-mid-left,
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  left:20px !important;
  right:20px !important;
  top:107px !important;
  height:28px !important;
  min-height:28px !important;
}
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  left:18px !important;
  right:18px !important;
  top:105px !important;
  height:32px !important;
  min-height:32px !important;
}

/* Mobile / narrow viewport: explicitly lock the physical side hardware to
   the same cabinet-relative locations so responsive layout cannot shift it. */
@media (max-width: 760px){
  .lab-speaker.is-one .cab-right .reference-control-panel,
  .lab-speaker.is-one .cab-left .reference-control-panel,
  .lab-speaker.is-one .cab-right .full-width-control-panel,
  .lab-speaker.is-one .cab-left .full-width-control-panel{
    left:50% !important;
    right:auto !important;
    top:20px !important;
    width:92px !important;
    max-width:calc(100% - 16px) !important;
    height:70px !important;
    transform:translateX(-50%) translateZ(1px) !important;
    transform-origin:50% 50% !important;
    z-index:640 !important;
  }

  .lab-speaker.is-one .cab-right .realistic-handle,
  .lab-speaker.is-one .cab-left .realistic-handle,
  .lab-speaker.is-one .cab-right .handle-reversed-right,
  .lab-speaker.is-one .cab-left .handle-reversed-left{
    left:50% !important;
    top:47% !important;
    width:100px !important;
    height:150px !important;
    min-width:100px !important;
    min-height:150px !important;
    max-width:calc(100% - 10px) !important;
    transform:translate(-50%,-50%) rotate(180deg) translateZ(1px) !important;
    transform-origin:50% 50% !important;
    z-index:620 !important;
  }

  .lab-speaker.is-one .battery-mid-right,
  .lab-speaker.is-one .battery-mid-left,
  .lab-speaker.is-one .battery-right.battery-box,
  .lab-speaker.is-one .battery-left.battery-box{
    left:20px !important;
    right:20px !important;
    top:107px !important;
    height:28px !important;
    min-height:28px !important;
  }
  .lab-speaker.is-one .integrated-battery-bay-right,
  .lab-speaker.is-one .integrated-battery-bay-left{
    left:18px !important;
    right:18px !important;
    top:105px !important;
    height:32px !important;
    min-height:32px !important;
  }
}

/* ============================================================
   2026-08-08 — COMPACT PART POPUPS + SMART 3D POWERCELL
   ============================================================ */
.lab-model-popup.compact-object-popup{
  width:188px!important;
  min-height:0!important;
  max-height:min(310px,calc(100vh - 96px))!important;
  padding:10px 11px!important;
  border:1px solid #34383e!important;
  background:linear-gradient(180deg,rgba(13,15,18,.985),rgba(8,10,13,.985))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.48)!important;
  overflow:auto!important;
  backdrop-filter:blur(12px)!important;
}
.lab-model-popup.compact-object-popup:before{display:none!important}
.lab-model-popup.compact-object-popup .lab-info-head{margin:0 0 5px!important}
.lab-model-popup.compact-object-popup .lab-info-head span{font-size:6px!important;letter-spacing:.14em!important}
.lab-model-popup.compact-object-popup .lab-info-head button{width:24px!important;height:24px!important;font-size:14px!important}
.lab-model-popup.compact-object-popup h2{font-size:13px!important;line-height:1.05!important;margin:0 0 4px!important}
.lab-model-popup.compact-object-popup p{font-size:5.6px!important;line-height:1.42!important;margin:0!important;color:#8f949d!important}
.lab-popup-controls{display:none;margin-top:9px;padding-top:8px;border-top:1px solid #282c31}
.lab-model-popup.is-battery-popup .lab-popup-controls{display:block}
.lab-popup-status{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}
.lab-popup-status span{font-size:5px;color:#7d838c;text-transform:uppercase;letter-spacing:.08em}
.lab-popup-status b{font-size:6px;color:#fff}
.lab-popup-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.lab-popup-actions button,.lab-popup-finishes button,.lab-popup-volume button{min-height:27px;padding:4px;border:1px solid #31363d;background:#15181c;color:#fff;font-size:5px;font-weight:800;text-transform:uppercase;cursor:pointer}
.lab-popup-actions button:hover,.lab-popup-finishes button:hover,.lab-popup-volume button:hover{border-color:#ff2b35}
.lab-popup-finishes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.lab-popup-finishes button{min-height:31px;padding:3px 2px;font-size:4.6px}
.lab-popup-finishes i{display:block;width:12px;height:12px;margin:0 auto 3px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.lab-popup-finishes button.active{border-color:#ff2b35;background:#1c1f24}
.lab-popup-volume{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}
.lab-popup-led-note{display:flex;align-items:center;gap:6px;margin-top:7px;padding:6px;background:#0b0d10;border:1px solid #22262b}
.lab-popup-led-note i{width:7px;height:7px;border-radius:50%;background:var(--battery-led,#4be98d);box-shadow:0 0 8px var(--battery-led,#4be98d);animation:sikeBatteryPulse 1.15s ease-in-out infinite}
.lab-popup-led-note span{font-size:5px;line-height:1.35;color:#9ca1aa}

/* Smart POWERCELL indicators. The five physical slots blink gently and
   change by installed battery count / volume state. */
@keyframes sikeBatteryPulse{0%,100%{opacity:.48;filter:brightness(.72)}50%{opacity:1;filter:brightness(1.5)}}
@keyframes sikeChargeChase{0%,100%{opacity:.35;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.6)}}
.lab-cabinet{--battery-led:#4be98d;--battery-led-glow:rgba(75,233,141,.72);--battery-finish:#171b20}
.lab-cabinet.battery-mode-dual{--battery-led:#3f8cff;--battery-led-glow:rgba(63,140,255,.82)}
.lab-cabinet.battery-mode-single{--battery-led:#4be98d;--battery-led-glow:rgba(75,233,141,.78)}
.lab-cabinet.battery-mode-charge{--battery-led:#eaf8ef;--battery-led-glow:rgba(234,248,239,.82)}
.lab-speaker.is-one .ref-level-slot{
  background:var(--battery-led)!important;
  box-shadow:0 0 3px var(--battery-led),0 0 8px var(--battery-led-glow)!important;
  animation:sikeBatteryPulse 1.35s ease-in-out infinite!important;
}
.lab-speaker.is-one .ref-level-slot.s2{animation-delay:.08s!important}.lab-speaker.is-one .ref-level-slot.s3{animation-delay:.16s!important}.lab-speaker.is-one .ref-level-slot.s4{animation-delay:.24s!important}.lab-speaker.is-one .ref-level-slot.s5{animation-delay:.32s!important}
.lab-cabinet.battery-mode-charge .ref-level-slot{animation:sikeChargeChase 1.05s ease-in-out infinite!important}
.lab-cabinet.battery-mode-charge .ref-level-slot:nth-of-type(odd){background:#ffffff!important;box-shadow:0 0 4px #fff,0 0 9px rgba(255,255,255,.55)!important}
.lab-cabinet.battery-mode-charge .ref-level-slot:nth-of-type(even){background:#4be98d!important;box-shadow:0 0 4px #4be98d,0 0 9px rgba(75,233,141,.7)!important}
.lab-cabinet.battery-mode-single .battery-box.is-removed .ref-level-slot{opacity:.18!important;animation:none!important;box-shadow:none!important;background:#66707a!important}

/* Battery custom finishes keep the 3D bevels but tint the six-face cartridge. */
.lab-cabinet[data-battery-finish="graphite"]{--battery-finish:#1a1e23}
.lab-cabinet[data-battery-finish="black"]{--battery-finish:#080a0d}
.lab-cabinet[data-battery-finish="silver"]{--battery-finish:#6f777e}
.lab-cabinet[data-battery-finish="red"]{--battery-finish:#7d1d25}
.lab-speaker.is-one .battery-face-front{background:linear-gradient(180deg,color-mix(in srgb,var(--battery-finish) 72%,#fff 8%) 0%,var(--battery-finish) 54%,color-mix(in srgb,var(--battery-finish) 64%,#000 36%) 100%)!important}
.lab-speaker.is-one .battery-face-back{background:linear-gradient(180deg,var(--battery-finish),color-mix(in srgb,var(--battery-finish) 56%,#000 44%))!important}
.lab-speaker.is-one .battery-face-side-1,.lab-speaker.is-one .battery-face-side-2{background:linear-gradient(90deg,color-mix(in srgb,var(--battery-finish) 54%,#000 46%),color-mix(in srgb,var(--battery-finish) 85%,#fff 5%) 48%,color-mix(in srgb,var(--battery-finish) 48%,#000 52%))!important}
.lab-speaker.is-one .battery-face-top,.lab-speaker.is-one .battery-face-bottom{background:linear-gradient(180deg,color-mix(in srgb,var(--battery-finish) 88%,#fff 7%),var(--battery-finish) 52%,color-mix(in srgb,var(--battery-finish) 56%,#000 44%))!important}

/* Independent cartridge inspection rotation when a battery is pulled out. */
.lab-speaker.is-one .battery-cube{transform:rotateX(var(--battery-inspect-x,0deg)) rotateY(var(--battery-inspect-y,0deg))!important;transition:transform .22s ease,filter .22s ease!important;transform-origin:50% 50% 0!important}
.lab-speaker.is-one .battery-box:not(.is-removed) .battery-cube{--battery-inspect-x:0deg!important;--battery-inspect-y:0deg!important}

@media(max-width:620px){
  .lab-model-popup.compact-object-popup{left:8px!important;right:auto!important;bottom:64px!important;top:auto!important;width:176px!important;max-width:calc(100vw - 16px)!important;max-height:250px!important;padding:9px!important}
  .lab-model-popup.compact-object-popup h2{font-size:12px!important}
  .lab-popup-actions button,.lab-popup-finishes button,.lab-popup-volume button{min-height:25px!important}
}


/* ============================================================
   2026-08-08 — 50 MM 3D POWERCELL RECEIVER BOX
   Final override. Adds a real five-face receiver housing behind each
   removable SIKE ONE battery. The receiver extends 50 mm inward from
   the side skin and remains behind the removable POWERCELL cartridge.
   ============================================================ */
.lab-speaker.is-one .integrated-battery-bay{
  --receiver-depth:50px;
  transform-style:preserve-3d !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.lab-speaker.is-one .battery-receiver-50mm{
  position:absolute !important;
  inset:2px !important;
  display:block !important;
  transform-style:preserve-3d !important;
  pointer-events:none !important;
  z-index:0 !important;
  transform:translateZ(calc(var(--receiver-depth) / -2)) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-face{
  position:absolute !important;
  display:block !important;
  margin:0 !important;
  border:1px solid #252b31 !important;
  box-sizing:border-box !important;
  backface-visibility:visible !important;
  background:linear-gradient(180deg,#12161a 0%,#07090c 48%,#020304 100%) !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,.86) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-back{
  inset:0 !important;
  transform:translateZ(calc(var(--receiver-depth) / -2)) !important;
  background:
    radial-gradient(circle at 82% 50%,rgba(211,178,112,.14),transparent 14%),
    linear-gradient(180deg,#0c1014,#030405) !important;
  box-shadow:inset 0 0 14px #000 !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-top,
.lab-speaker.is-one .battery-receiver-50mm .receiver-bottom{
  left:0 !important;
  right:0 !important;
  height:var(--receiver-depth) !important;
  transform-origin:center !important;
  background:linear-gradient(180deg,#272d33 0%,#0b0e11 32%,#030405 100%) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-top{
  top:calc(var(--receiver-depth) / -2) !important;
  transform:rotateX(90deg) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-bottom{
  bottom:calc(var(--receiver-depth) / -2) !important;
  transform:rotateX(-90deg) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-left,
.lab-speaker.is-one .battery-receiver-50mm .receiver-right{
  top:0 !important;
  bottom:0 !important;
  width:var(--receiver-depth) !important;
  background:linear-gradient(90deg,#252b31 0%,#0b0e11 42%,#020304 100%) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-left{
  left:calc(var(--receiver-depth) / -2) !important;
  transform:rotateY(-90deg) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-right{
  right:calc(var(--receiver-depth) / -2) !important;
  transform:rotateY(90deg) !important;
}
/* Opening and contacts sit in front of the 50 mm housing. */
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner,
.lab-speaker.is-one .integrated-battery-bay .battery-bay-depth,
.lab-speaker.is-one .integrated-battery-bay .battery-bay-contacts{
  z-index:3 !important;
}
/* The cartridge is still the foremost moving object. */
.lab-speaker.is-one .cab-right .battery-right.battery-box,
.lab-speaker.is-one .cab-left .battery-left.battery-box{
  z-index:650 !important;
}
/* When ejected, reveal more of the 50 mm tunnel/housing with a realistic
   edge shadow rather than a flat black rectangle. */
.lab-cabinet.battery-right-open .integrated-battery-bay-right,
.lab-cabinet.battery-left-open .integrated-battery-bay-left{
  background:transparent !important;
  box-shadow:
    inset 0 0 0 2px #010203,
    inset 0 9px 18px #000,
    inset 10px 0 15px rgba(0,0,0,.9),
    inset -10px 0 15px rgba(0,0,0,.9),
    0 2px 5px rgba(0,0,0,.55) !important;
}
/* Keep the receiver geometry correctly scaled on mobile instead of collapsing. */
@media(max-width:760px){
  .lab-speaker.is-one .integrated-battery-bay{--receiver-depth:50px !important}
}

/* ============================================================
   FINAL FIX — TRUE 3D POWERCELL CARTRIDGE
   The removable battery must read as a physical box, not a flat card.
   This final override deliberately wins over all earlier battery rules.
   ============================================================ */

.lab-speaker.is-one .battery-box{
  overflow:visible !important;
  transform-style:preserve-3d !important;
  perspective:none !important;
  isolation:visible !important;
}

/* Physical SIKE ONE battery body: substantial 3D depth. */
.lab-speaker.is-one .battery-cube{
  --battery-z:62px !important;
  position:absolute !important;
  inset:0 !important;
  transform-style:preserve-3d !important;
  transform-origin:50% 50% !important;
  filter:drop-shadow(10px 12px 10px rgba(0,0,0,.45));
}

/* All six surfaces remain opaque and connected to one another. */
.lab-speaker.is-one .battery-face{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  backface-visibility:visible !important;
  box-sizing:border-box !important;
  border:1px solid #3a4047 !important;
}

.lab-speaker.is-one .battery-face-front{
  inset:0 !important;
  transform:translateZ(calc(var(--battery-z)/2)) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.06),transparent 24%),
    linear-gradient(180deg,#282d33 0%,#171a1f 35%,#090b0e 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 -8px 18px rgba(0,0,0,.35),
    0 0 0 1px rgba(0,0,0,.7) !important;
}
.lab-speaker.is-one .battery-face-back{
  inset:0 !important;
  transform:rotateY(180deg) translateZ(calc(var(--battery-z)/2)) !important;
  background:
    linear-gradient(135deg,#15191d,#07090b) !important;
}
.lab-speaker.is-one .battery-face-side{
  top:0 !important;
  bottom:0 !important;
  width:var(--battery-z) !important;
  background:
    linear-gradient(90deg,#30363d 0%,#161a1f 40%,#07090c 100%) !important;
  box-shadow:inset 0 0 10px rgba(0,0,0,.45) !important;
}
.lab-speaker.is-one .battery-face-side-1{
  left:calc(var(--battery-z)/-2) !important;
  right:auto !important;
  transform:rotateY(-90deg) !important;
}
.lab-speaker.is-one .battery-face-side-2{
  right:calc(var(--battery-z)/-2) !important;
  left:auto !important;
  transform:rotateY(90deg) !important;
}
.lab-speaker.is-one .battery-face-top,
.lab-speaker.is-one .battery-face-bottom{
  left:0 !important;
  right:0 !important;
  height:var(--battery-z) !important;
  background:
    linear-gradient(180deg,#353b42 0%,#161a1f 45%,#090b0e 100%) !important;
}
.lab-speaker.is-one .battery-face-top{
  top:calc(var(--battery-z)/-2) !important;
  bottom:auto !important;
  transform:rotateX(90deg) !important;
}
.lab-speaker.is-one .battery-face-bottom{
  bottom:calc(var(--battery-z)/-2) !important;
  top:auto !important;
  transform:rotateX(-90deg) !important;
}

/* While installed, only a shallow amount of the cuboid is visible outside
   the cabinet, but the module remains physically three-dimensional. */
.lab-speaker.is-one .battery-right.battery-box{
  transform:translateZ(calc(-22px + var(--pull-battery-right,0px))) !important;
}
.lab-speaker.is-one .battery-left.battery-box{
  transform:translateZ(calc(-22px + var(--pull-battery-left,0px))) !important;
}

/* Once the battery starts moving out, reveal the full box strongly. */
.lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  --battery-z:62px !important;
  filter:
    drop-shadow(16px 18px 15px rgba(0,0,0,.62))
    drop-shadow(0 0 1px rgba(255,255,255,.12)) !important;
}
.lab-cabinet.battery-right-open .battery-right .battery-face,
.lab-cabinet.battery-left-open .battery-left .battery-face{
  opacity:1 !important;
  visibility:visible !important;
}

/* Make the thickness unmistakable during ejection by giving the cube a tiny
   local inspection angle. This rotates the battery itself, not the speaker. */
.lab-cabinet.battery-right-open .battery-right .battery-cube{
  transform:rotateX(-3deg) rotateY(-7deg) !important;
}
.lab-cabinet.battery-left-open .battery-left .battery-cube{
  transform:rotateX(-3deg) rotateY(7deg) !important;
}

/* Solid slide rails running along the cartridge body. */
.lab-speaker.is-one .battery-slide-rail{
  opacity:1 !important;
  visibility:visible !important;
  width:6px !important;
  top:7px !important;
  bottom:7px !important;
  border-radius:2px !important;
  background:linear-gradient(90deg,#a8afb6,#3a4047 45%,#c6ccd1) !important;
  box-shadow:0 0 0 1px #0b0d0f !important;
  transform:translateZ(calc(var(--battery-z)/2 + 2px)) !important;
}
.lab-speaker.is-one .battery-slide-rail.rail-top{left:-3px !important;right:auto !important}
.lab-speaker.is-one .battery-slide-rail.rail-bottom{right:-3px !important;left:auto !important}

/* Real pull lip attached to the front of the cartridge. */
.lab-speaker.is-one .battery-pull-handle{
  opacity:1 !important;
  visibility:visible !important;
  left:29% !important;
  right:29% !important;
  bottom:-10px !important;
  height:13px !important;
  border:1px solid #4a5057 !important;
  border-radius:4px !important;
  background:linear-gradient(#454b52,#171a1e) !important;
  box-shadow:0 6px 10px rgba(0,0,0,.55) !important;
  transform:translateZ(calc(var(--battery-z)/2 + 4px)) !important;
}

/* Receiver opening remains behind the cartridge and clearly has depth. */
.lab-cabinet.battery-right-open .integrated-battery-bay-right,
.lab-cabinet.battery-left-open .integrated-battery-bay-left{
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:
    inset 0 0 0 2px #020304,
    inset 0 10px 22px #000,
    inset 12px 0 18px rgba(0,0,0,.95),
    inset -12px 0 18px rgba(0,0,0,.95),
    0 2px 7px rgba(0,0,0,.65) !important;
}

/* Mobile: preserve the box depth instead of collapsing back into a flat face. */
@media(max-width:760px){
  .lab-speaker.is-one .battery-cube,
  .lab-cabinet.battery-right-open .battery-right .battery-cube,
  .lab-cabinet.battery-left-open .battery-left .battery-cube{
    --battery-z:48px !important;
  }
  .lab-speaker.is-one .battery-right.battery-box{
    transform:translateZ(calc(-16px + var(--pull-battery-right,0px))) !important;
  }
  .lab-speaker.is-one .battery-left.battery-box{
    transform:translateZ(calc(-16px + var(--pull-battery-left,0px))) !important;
  }
}

/* ============================================================
   2026-08-08 — POWERCELL AS A COMPLETE 3D PRODUCT
   Dedicated product model + transfer into SIKE ONE builder.
   Battery itself does NOT independently rotate inside SIKE ONE.
   ============================================================ */

.powercell-product-lab{
  min-height:100vh;background:#080a0d;color:#fff;position:relative;
}
.powercell-product-lab.is-embed{min-height:100vh;height:100vh;overflow:hidden}
.powercell-product-stage{position:relative;min-height:720px;height:min(82vh,860px);overflow:hidden;background:
  radial-gradient(circle at 50% 42%,rgba(239,48,57,.09),transparent 34%),
  linear-gradient(#0c0e12,#08090c)}
.powercell-product-lab.is-embed .powercell-product-stage{height:100vh;min-height:0}
.powercell-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,#000,transparent 96%)}
.powercell-stage-copy{position:absolute;z-index:5;left:30px;top:24px;display:flex;flex-direction:column;gap:7px;font-size:8px;letter-spacing:.16em;color:#7e848d}.powercell-stage-copy b{font-size:6px;color:#555b64;letter-spacing:.08em;font-weight:600}
.powercell-product-scene{position:absolute;inset:76px 0 112px;display:grid;place-items:center;cursor:grab;perspective:1200px;touch-action:none}.powercell-product-scene:active{cursor:grabbing}
.powercell-3d-product{--pc-w:390px;--pc-h:226px;--pc-d:150px;position:relative;width:var(--pc-w);height:var(--pc-h);transform-style:preserve-3d;transition:filter .2s;filter:drop-shadow(38px 45px 30px rgba(0,0,0,.58));will-change:transform}
.powercell-3d-product .pc-face{position:absolute;box-sizing:border-box;backface-visibility:hidden;border:1px solid #343941;background:#111419;overflow:hidden}
.powercell-3d-product .pc-front,.powercell-3d-product .pc-back{width:var(--pc-w);height:var(--pc-h);left:0;top:0}
.powercell-3d-product .pc-front{transform:translateZ(calc(var(--pc-d)/2));padding:30px 34px;background:linear-gradient(145deg,#20242a 0%,#111419 58%,#08090b 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.02),inset 0 -30px 40px rgba(0,0,0,.28)}
.powercell-3d-product .pc-back{transform:rotateY(180deg) translateZ(calc(var(--pc-d)/2));padding:28px;background:linear-gradient(145deg,#171a1f,#08090b)}
.powercell-3d-product .pc-left,.powercell-3d-product .pc-right{width:var(--pc-d);height:var(--pc-h);top:0;left:calc((var(--pc-w) - var(--pc-d))/2);background:linear-gradient(90deg,#090b0d,#2a2f36 50%,#0c0e11)}
.powercell-3d-product .pc-left{transform:translateX(calc(var(--pc-w)/-2)) rotateY(-90deg)}
.powercell-3d-product .pc-right{transform:translateX(calc(var(--pc-w)/2)) rotateY(90deg)}
.powercell-3d-product .pc-top,.powercell-3d-product .pc-bottom{width:var(--pc-w);height:var(--pc-d);left:0;top:calc((var(--pc-h) - var(--pc-d))/2);background:linear-gradient(#30353c,#101318)}
.powercell-3d-product .pc-top{transform:translateY(calc(var(--pc-h)/-2)) rotateX(90deg)}
.powercell-3d-product .pc-bottom{transform:translateY(calc(var(--pc-h)/2)) rotateX(-90deg)}
.powercell-3d-product .pc-kicker{display:block;color:#ef3039;font-size:16px;font-weight:900;letter-spacing:.08em}.powercell-3d-product .pc-front strong{display:block;margin-top:5px;font-family:var(--display);font-size:41px;letter-spacing:.02em}.powercell-3d-product .pc-front small{display:block;color:#747b84;font-size:10px;letter-spacing:.17em;margin-top:2px}
.pc-led-bank{display:flex;gap:7px;margin-top:25px}.pc-led-bank i{width:17px;height:6px;border-radius:6px;background:#4be98d;box-shadow:0 0 9px rgba(75,233,141,.55)}
.pc-pull-handle{position:absolute;right:28px;bottom:22px;width:120px;height:31px;border:1px solid #444b54;border-radius:8px;background:linear-gradient(#30353c,#111419);box-shadow:0 8px 14px rgba(0,0,0,.36)}.pc-pull-handle span{position:absolute;left:22px;right:22px;top:9px;height:9px;background:#060709;border-radius:8px}
.pc-contact-bank{display:flex;gap:8px;padding:18px 22px;background:#050607;border:1px solid #272c32;border-radius:8px;width:max-content;margin:25px auto 16px}.pc-contact-bank i{width:12px;height:28px;border-radius:3px;background:linear-gradient(90deg,#a87415,#f3c64c,#8d5d0d);box-shadow:0 0 7px rgba(255,184,48,.18)}.pc-back b,.pc-back small{display:block;text-align:center}.pc-back b{font-size:11px}.pc-back small{font-size:7px;color:#636a73;margin-top:5px}
.pc-left b,.pc-right b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);white-space:nowrap;font-size:11px;letter-spacing:.16em;color:#6f7680}.pc-rail{position:absolute;top:14px;bottom:14px;left:13px;width:13px;border-radius:4px;background:linear-gradient(90deg,#9ea5ad,#353b42 46%,#bbc0c5);box-shadow:0 0 0 1px #07080a}.pc-top span{position:absolute;left:28px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:900;letter-spacing:.12em}.pc-top-button{position:absolute;right:30px;top:50%;width:26px;height:26px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#343a42 0 35%,#08090b 39%);box-shadow:0 0 0 2px #414750}.pc-bottom-rail{position:absolute;left:25px;right:25px;height:11px;border-radius:3px;background:linear-gradient(#8c949d,#2b3036 50%,#a8afb6)}.pc-bottom-rail.r1{top:25px}.pc-bottom-rail.r2{bottom:25px}
.powercell-3d-product.finish-black .pc-front,.powercell-3d-product.finish-black .pc-back{background:linear-gradient(145deg,#0b0d10,#020304 72%)}
.powercell-3d-product.finish-silver .pc-front,.powercell-3d-product.finish-silver .pc-back{background:linear-gradient(145deg,#9aa0a6,#555c63 58%,#2c3136)}
.powercell-3d-product.finish-red .pc-front,.powercell-3d-product.finish-red .pc-back{background:linear-gradient(145deg,#a62a31,#63141a 58%,#22080b)}
.powercell-product-actions{position:absolute;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:11px;background:rgba(10,12,15,.82);border:1px solid #2b3036;backdrop-filter:blur(10px)}
.powercell-product-actions>button,.powercell-use-button{min-height:42px;padding:0 16px;border:1px solid #353b42;background:#111419;color:#fff;text-decoration:none;font-size:8px;font-weight:800;display:grid;place-items:center}.powercell-use-button{background:#ef3039;border-color:#ef3039}
.powercell-product-swatches{display:flex;gap:8px}.powercell-product-swatches button{width:62px;padding:7px 4px;border:1px solid transparent;background:transparent;color:#8c929a;font-size:6px}.powercell-product-swatches button.active{border-color:#ef3039;color:#fff}.powercell-product-swatches i{display:block;width:23px;height:23px;border-radius:50%;margin:0 auto 5px;background:var(--pc-swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}

/* SIKE ONE: the battery is a fixed-orientation physical cassette.
   It moves in/out of the receiver with the speaker but never rotates independently. */
.lab-speaker.is-one .battery-box .battery-cube{
  --battery-inspect-x:0deg !important;--battery-inspect-y:0deg !important;
  transform:translateZ(0) rotateX(0deg) rotateY(0deg) !important;
}
.lab-speaker.is-one .battery-box.dragging-part .battery-cube,
.lab-speaker.is-one .battery-box.is-battery-dragging .battery-cube,
.lab-speaker.is-one .lab-cabinet.battery-right-open .battery-right .battery-cube,
.lab-speaker.is-one .lab-cabinet.battery-left-open .battery-left .battery-cube{
  transform:translateZ(0) rotateX(0deg) rotateY(0deg) !important;
}
[data-popup-battery-rotate]{display:none!important}

@media(max-width:700px){
  .powercell-product-stage{min-height:620px;height:76vh}.powercell-product-scene{inset:72px 0 145px}.powercell-3d-product{--pc-w:270px;--pc-h:158px;--pc-d:102px}.powercell-3d-product .pc-front{padding:20px 22px}.powercell-3d-product .pc-kicker{font-size:11px}.powercell-3d-product .pc-front strong{font-size:28px}.powercell-3d-product .pc-front small{font-size:7px}.pc-led-bank{margin-top:15px;gap:5px}.pc-led-bank i{width:12px;height:5px}.pc-pull-handle{right:18px;bottom:15px;width:84px;height:23px}.pc-pull-handle span{top:7px;left:15px;right:15px;height:7px}.powercell-product-actions{left:10px;right:10px;bottom:10px;transform:none;flex-wrap:wrap;justify-content:center}.powercell-product-swatches{order:-1;width:100%;justify-content:center}.powercell-use-button{width:100%}.powercell-stage-copy{left:14px;top:14px}.powercell-product-lab.is-embed .powercell-product-actions{bottom:8px}.powercell-product-lab.is-embed .powercell-use-button{display:none}}


/* ============================================================
   POWERCELL 48 — TRUE BOX GEOMETRY V2
   Fixes the previous flat-card appearance by centering every face
   on the same 3D origin and offsetting it by the physical half-depth.
   ============================================================ */
.powercell-product-scene{perspective:1450px!important;perspective-origin:50% 46%!important}
.powercell-3d-product{
  --pc-w:420px!important;
  --pc-h:190px!important;
  --pc-d:210px!important;
  width:var(--pc-w)!important;
  height:var(--pc-h)!important;
  transform-style:preserve-3d!important;
  filter:drop-shadow(46px 55px 36px rgba(0,0,0,.68))!important;
}
.powercell-3d-product .pc-face{
  left:50%!important;top:50%!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  overflow:visible!important;
  border:1px solid #424852!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.018)!important;
}
.powercell-3d-product .pc-front,.powercell-3d-product .pc-back{
  width:var(--pc-w)!important;height:var(--pc-h)!important;
}
.powercell-3d-product .pc-front{
  transform:translate(-50%,-50%) translateZ(calc(var(--pc-d)/2))!important;
  border-radius:8px!important;
  padding:25px 30px!important;
}
.powercell-3d-product .pc-back{
  transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--pc-d)/2))!important;
  border-radius:8px!important;
}
.powercell-3d-product .pc-left,.powercell-3d-product .pc-right{
  width:var(--pc-d)!important;height:var(--pc-h)!important;
  background:linear-gradient(90deg,#080a0c 0%,#20252b 18%,#111419 52%,#2a3037 82%,#090b0e 100%)!important;
}
.powercell-3d-product .pc-left{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--pc-w)/2))!important}
.powercell-3d-product .pc-right{transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--pc-w)/2))!important}
.powercell-3d-product .pc-top,.powercell-3d-product .pc-bottom{
  width:var(--pc-w)!important;height:var(--pc-d)!important;
  background:linear-gradient(180deg,#353b43 0%,#1b2026 45%,#090b0e 100%)!important;
}
.powercell-3d-product .pc-top{transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--pc-h)/2))!important}
.powercell-3d-product .pc-bottom{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--pc-h)/2))!important}

/* Thick edge rails make the cassette read as a molded box, not six paper planes. */
.powercell-3d-product .pc-front:before,.powercell-3d-product .pc-back:before{
  content:"";position:absolute;inset:7px;border:3px solid rgba(115,124,136,.26);border-radius:6px;pointer-events:none;
  box-shadow:inset 0 0 18px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.8)
}
.powercell-3d-product .pc-left:after,.powercell-3d-product .pc-right:after{
  content:"";position:absolute;inset:18px 14px;border:1px solid #313740;border-radius:8px;
  background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(0,0,0,.24));box-shadow:inset 0 0 22px rgba(0,0,0,.45)
}
.powercell-3d-product .pc-kicker{font-size:15px!important}.powercell-3d-product .pc-front strong{font-size:38px!important}
.pc-led-bank{margin-top:18px!important}.pc-pull-handle{right:25px!important;bottom:18px!important;width:118px!important;height:30px!important}

/* Raised folding carry handle inspired by the supplied battery-box reference. */
.pc-carry-handle{position:absolute;left:50%;top:50%;width:180px;height:112px;transform:translate(-50%,-54%) translateZ(8px);transform-style:preserve-3d;pointer-events:none}
.pc-carry-handle .pc-hinge{position:absolute;bottom:8px;width:34px;height:28px;border-radius:7px;background:linear-gradient(#333941,#0d0f12);border:1px solid #4b525b;box-shadow:0 5px 9px rgba(0,0,0,.55)}
.pc-carry-handle .pc-hinge-a{left:4px}.pc-carry-handle .pc-hinge-b{right:4px}
.pc-carry-handle b{position:absolute;left:24px;right:24px;top:8px;height:70px;border:18px solid #101317;border-bottom:0;border-radius:54px 54px 12px 12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.03),0 10px 16px rgba(0,0,0,.52)}
.pc-carry-handle b:after{content:"";position:absolute;left:17px;right:17px;top:-12px;height:15px;border-radius:9px;background:linear-gradient(#31363d,#111419);box-shadow:0 2px 5px #000}

/* Side rails and recessed ribs. */
.powercell-3d-product .pc-rail{z-index:3!important;left:16px!important;top:18px!important;bottom:18px!important;width:17px!important}
.powercell-3d-product .pc-left b,.powercell-3d-product .pc-right b{z-index:4!important;color:#a1a8b0!important;text-shadow:0 2px 5px #000!important}
.pc-bottom-rail{height:14px!important;left:30px!important;right:30px!important}

@media(max-width:760px){
  .powercell-3d-product{--pc-w:292px!important;--pc-h:132px!important;--pc-d:146px!important}
  .powercell-3d-product .pc-front{padding:16px 19px!important}
  .powercell-3d-product .pc-kicker{font-size:10px!important}.powercell-3d-product .pc-front strong{font-size:25px!important}.powercell-3d-product .pc-front small{font-size:6px!important}
  .pc-led-bank{margin-top:11px!important;gap:4px!important}.pc-led-bank i{width:10px!important;height:4px!important}
  .pc-pull-handle{right:16px!important;bottom:12px!important;width:82px!important;height:21px!important}.pc-pull-handle span{left:14px!important;right:14px!important;top:6px!important;height:7px!important}
  .pc-carry-handle{width:126px;height:78px;transform:translate(-50%,-54%) translateZ(6px)}
  .pc-carry-handle .pc-hinge{width:24px;height:20px;bottom:5px}.pc-carry-handle b{left:17px;right:17px;top:6px;height:49px;border-width:12px;border-bottom:0;border-radius:38px 38px 8px 8px}
}

/* ============================================================
   POWERCELL 48 — PHYSICAL 150 x 96 x 65 mm BOX / FINAL
   Scale: 2px = 1mm => W 300px, H 192px, D 130px.
   Six independent planes around one common 3D origin.
   ============================================================ */
.powercell-product-scene{perspective:1100px!important;perspective-origin:50% 45%!important}
.powercell-3d-product{
 --pc-w:300px!important;--pc-h:192px!important;--pc-d:130px!important;
 width:300px!important;height:192px!important;position:relative!important;
 transform-style:preserve-3d!important;isolation:auto!important;
 filter:drop-shadow(34px 40px 25px rgba(0,0,0,.72))!important;
}
.powercell-3d-product>.pc-face{position:absolute!important;margin:0!important;box-sizing:border-box!important;transform-style:preserve-3d!important;backface-visibility:visible!important;overflow:hidden!important}
.powercell-3d-product>.pc-front,.powercell-3d-product>.pc-back{left:0!important;top:0!important;width:300px!important;height:192px!important}
.powercell-3d-product>.pc-front{transform:translateZ(65px)!important;background:linear-gradient(145deg,#252a30,#111419 58%,#07090b)!important}
.powercell-3d-product>.pc-back{transform:rotateY(180deg) translateZ(65px)!important;background:linear-gradient(145deg,#1b1f24,#090b0e)!important}
.powercell-3d-product>.pc-left,.powercell-3d-product>.pc-right{left:85px!important;top:0!important;width:130px!important;height:192px!important;background:linear-gradient(90deg,#07090b,#252b32 18%,#111419 52%,#303740 82%,#080a0c)!important}
.powercell-3d-product>.pc-left{transform:translateX(-150px) rotateY(-90deg)!important}
.powercell-3d-product>.pc-right{transform:translateX(150px) rotateY(90deg)!important}
.powercell-3d-product>.pc-top,.powercell-3d-product>.pc-bottom{left:0!important;top:31px!important;width:300px!important;height:130px!important;background:linear-gradient(180deg,#373e46,#171b20 50%,#080a0d)!important}
.powercell-3d-product>.pc-top{transform:translateY(-96px) rotateX(90deg)!important}
.powercell-3d-product>.pc-bottom{transform:translateY(96px) rotateX(-90deg)!important}
.powercell-3d-product>.pc-left,.powercell-3d-product>.pc-right,.powercell-3d-product>.pc-top,.powercell-3d-product>.pc-bottom{border:2px solid #3b424b!important;box-shadow:inset 0 0 25px rgba(0,0,0,.48)!important}
.powercell-3d-product>.pc-front,.powercell-3d-product>.pc-back{border:2px solid #444c55!important;border-radius:5px!important}
.powercell-3d-product .pc-front{padding:25px 28px!important}
.powercell-3d-product .pc-front strong{font-size:34px!important}.powercell-3d-product .pc-kicker{font-size:13px!important}
.pc-carry-handle{width:132px!important;height:82px!important;transform:translate(-50%,-54%) translateZ(12px)!important}
.pc-carry-handle b{left:18px!important;right:18px!important;height:52px!important;border-width:14px!important;border-bottom:0!important}
@media(max-width:760px){
 .powercell-3d-product{--pc-w:240px!important;--pc-h:154px!important;--pc-d:104px!important;width:240px!important;height:154px!important}
 .powercell-3d-product>.pc-front,.powercell-3d-product>.pc-back{width:240px!important;height:154px!important}
 .powercell-3d-product>.pc-front{transform:translateZ(52px)!important}.powercell-3d-product>.pc-back{transform:rotateY(180deg) translateZ(52px)!important}
 .powercell-3d-product>.pc-left,.powercell-3d-product>.pc-right{left:68px!important;width:104px!important;height:154px!important}
 .powercell-3d-product>.pc-left{transform:translateX(-120px) rotateY(-90deg)!important}.powercell-3d-product>.pc-right{transform:translateX(120px) rotateY(90deg)!important}
 .powercell-3d-product>.pc-top,.powercell-3d-product>.pc-bottom{top:25px!important;width:240px!important;height:104px!important}
 .powercell-3d-product>.pc-top{transform:translateY(-77px) rotateX(90deg)!important}.powercell-3d-product>.pc-bottom{transform:translateY(77px) rotateX(-90deg)!important}
}

/* ============================================================
   POWERCELL 48 — TRUE CUBOID GEOMETRY FIX 2026-08-08
   Exact physical proportions: 150mm W × 96mm H × 65mm D.
   Each face is centered on one 3D origin and translated along Z
   after rotation. This supersedes all earlier battery face rules.
   ============================================================ */
.powercell-product-scene{
  perspective:1000px!important;
  perspective-origin:50% 44%!important;
  overflow:visible!important;
}
.powercell-3d-product{
  --pc-w:300px!important; /* 150mm */
  --pc-h:192px!important; /* 96mm  */
  --pc-d:130px!important; /* 65mm  */
  position:relative!important;
  width:var(--pc-w)!important;
  height:var(--pc-h)!important;
  transform-style:preserve-3d!important;
  transform-origin:50% 50% 0!important;
  filter:drop-shadow(42px 44px 28px rgba(0,0,0,.72))!important;
  overflow:visible!important;
}
.powercell-3d-product>.pc-face{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  box-sizing:border-box!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  overflow:hidden!important;
  border:2px solid #39414a!important;
}
.powercell-3d-product>.pc-front,
.powercell-3d-product>.pc-back{
  width:var(--pc-w)!important;
  height:var(--pc-h)!important;
}
.powercell-3d-product>.pc-front{
  transform:translate(-50%,-50%) translateZ(calc(var(--pc-d) / 2))!important;
  background:linear-gradient(145deg,#252a30 0%,#12161b 58%,#07090b 100%)!important;
}
.powercell-3d-product>.pc-back{
  transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--pc-d) / 2))!important;
  background:linear-gradient(145deg,#1b2026,#090b0e 72%)!important;
}
.powercell-3d-product>.pc-left,
.powercell-3d-product>.pc-right{
  width:var(--pc-d)!important;
  height:var(--pc-h)!important;
  background:linear-gradient(90deg,#07090c 0%,#20262d 24%,#11161b 52%,#323a43 82%,#080a0d 100%)!important;
}
.powercell-3d-product>.pc-left{
  transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--pc-w) / 2))!important;
}
.powercell-3d-product>.pc-right{
  transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--pc-w) / 2))!important;
}
.powercell-3d-product>.pc-top,
.powercell-3d-product>.pc-bottom{
  width:var(--pc-w)!important;
  height:var(--pc-d)!important;
  background:linear-gradient(180deg,#3a424b 0%,#171c22 52%,#080a0d 100%)!important;
}
.powercell-3d-product>.pc-top{
  transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--pc-h) / 2))!important;
}
.powercell-3d-product>.pc-bottom{
  transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--pc-h) / 2))!important;
}
/* Keep details visibly attached to the physical faces. */
.powercell-3d-product>.pc-front{padding:25px 28px!important}
.powercell-3d-product>.pc-back{padding:24px!important}
.powercell-3d-product>.pc-left b,
.powercell-3d-product>.pc-right b{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-90deg)!important;white-space:nowrap!important;color:#aeb5bd!important;font-size:11px!important;letter-spacing:.12em!important}
.powercell-3d-product>.pc-top>span{position:absolute!important;left:20px!important;top:18px!important;color:#bec4ca!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important}
.powercell-3d-product>.pc-bottom{box-shadow:inset 0 0 28px rgba(0,0,0,.55)!important}

@media(max-width:760px){
  .powercell-3d-product{
    --pc-w:240px!important;
    --pc-h:154px!important;
    --pc-d:104px!important;
    width:var(--pc-w)!important;
    height:var(--pc-h)!important;
  }
  .powercell-3d-product>.pc-front{padding:18px 20px!important}
}

/* ============================================================
   POWERCELL 48 — REAL 3D CONTEXT FIX
   Critical: CSS filter on the 3D parent FLATTENS preserve-3d children
   in Chromium. Remove all flattening properties from the model itself.
   Exact dimensions remain 150 × 96 × 65 mm (2px/mm desktop).
   ============================================================ */
.powercell-product-scene{
  perspective:1200px!important;
  perspective-origin:50% 48%!important;
  transform-style:preserve-3d!important;
  overflow:visible!important;
  contain:none!important;
  isolation:auto!important;
}
.powercell-3d-product{
  --pc-w:300px!important;
  --pc-h:192px!important;
  --pc-d:130px!important;
  width:var(--pc-w)!important;
  height:var(--pc-h)!important;
  position:relative!important;
  transform-style:preserve-3d!important;
  transform-origin:50% 50% 0!important;
  perspective:none!important;
  filter:none!important;
  opacity:1!important;
  overflow:visible!important;
  isolation:auto!important;
  contain:none!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  will-change:transform!important;
}
.powercell-3d-product::after{
  content:"";
  position:absolute;
  left:12%;right:12%;top:88%;height:32%;
  transform:translateZ(-80px) rotateX(82deg);
  transform-origin:center;
  background:radial-gradient(ellipse,rgba(0,0,0,.58),rgba(0,0,0,0) 70%);
  pointer-events:none;
}
.powercell-3d-product>.pc-face{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  box-sizing:border-box!important;
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
.powercell-3d-product>.pc-front,
.powercell-3d-product>.pc-back{
  width:300px!important;height:192px!important;
}
.powercell-3d-product>.pc-front{
  transform:translate(-50%,-50%) translateZ(65px)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.025),inset 0 -24px 38px rgba(0,0,0,.34),0 18px 35px rgba(0,0,0,.22)!important;
}
.powercell-3d-product>.pc-back{
  transform:translate(-50%,-50%) rotateY(180deg) translateZ(65px)!important;
}
.powercell-3d-product>.pc-left,
.powercell-3d-product>.pc-right{
  width:130px!important;height:192px!important;
}
.powercell-3d-product>.pc-left{
  transform:translate(-50%,-50%) rotateY(-90deg) translateZ(150px)!important;
}
.powercell-3d-product>.pc-right{
  transform:translate(-50%,-50%) rotateY(90deg) translateZ(150px)!important;
}
.powercell-3d-product>.pc-top,
.powercell-3d-product>.pc-bottom{
  width:300px!important;height:130px!important;
}
.powercell-3d-product>.pc-top{
  transform:translate(-50%,-50%) rotateX(90deg) translateZ(96px)!important;
}
.powercell-3d-product>.pc-bottom{
  transform:translate(-50%,-50%) rotateX(-90deg) translateZ(96px)!important;
}

/* Make the 65 mm depth immediately obvious at rest. */
.powercell-product-lab [data-powercell-model]{
  transform:rotateX(-22deg) rotateY(-42deg) scale(1)!important;
}

@media(max-width:760px){
  .powercell-3d-product{
    --pc-w:240px!important;--pc-h:154px!important;--pc-d:104px!important;
    width:240px!important;height:154px!important;
  }
  .powercell-3d-product>.pc-front,.powercell-3d-product>.pc-back{width:240px!important;height:154px!important}
  .powercell-3d-product>.pc-front{transform:translate(-50%,-50%) translateZ(52px)!important}
  .powercell-3d-product>.pc-back{transform:translate(-50%,-50%) rotateY(180deg) translateZ(52px)!important}
  .powercell-3d-product>.pc-left,.powercell-3d-product>.pc-right{width:104px!important;height:154px!important}
  .powercell-3d-product>.pc-left{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(120px)!important}
  .powercell-3d-product>.pc-right{transform:translate(-50%,-50%) rotateY(90deg) translateZ(120px)!important}
  .powercell-3d-product>.pc-top,.powercell-3d-product>.pc-bottom{width:240px!important;height:104px!important}
  .powercell-3d-product>.pc-top{transform:translate(-50%,-50%) rotateX(90deg) translateZ(77px)!important}
  .powercell-3d-product>.pc-bottom{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(77px)!important}
}

/* ==============================================================
   2026-08-08 — POWERCELL V3: TOP STATUS / CLEAN ENGRAVED FRONT
   Shared product geometry + SIKE ONE cartridge geometry.
   Physical proportions: 150 mm W × 96 mm H × 65 mm D.
   ============================================================== */
.powercell-product-stage{padding-right:320px!important}
.powercell-product-scene{right:320px!important}
.powercell-builder-panel{position:absolute;z-index:20;right:18px;top:18px;bottom:18px;width:286px;background:rgba(10,12,15,.96);border:1px solid #2a2f36;box-shadow:0 20px 60px rgba(0,0,0,.38);overflow:auto;color:#fff}
.pcb-head{padding:18px 18px 15px;border-bottom:1px solid #252a30}.pcb-head span{display:block;color:#ef3039;font-size:8px;font-weight:900;letter-spacing:.16em}.pcb-head b{display:block;margin-top:7px;font-family:var(--display);font-size:19px;letter-spacing:.02em}
.pcb-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #252a30}.pcb-tabs button{height:42px;border:0;border-right:1px solid #252a30;background:#0d1014;color:#777e87;font-size:7px;font-weight:900}.pcb-tabs button.active{color:#fff;background:#15191e;box-shadow:inset 0 -2px #ef3039}
.pcb-section{padding:17px 16px;border-bottom:1px solid #252a30}.pcb-section>small{display:block;margin-bottom:13px;color:#a5abb3;font-size:7px;font-weight:900;letter-spacing:.12em}
.powercell-builder-panel .powercell-product-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.powercell-builder-panel .powercell-product-swatches button{width:auto!important;min-width:0!important;padding:7px 2px!important;border:1px solid #2c3238!important;background:#0d1014!important}.powercell-builder-panel .powercell-product-swatches button.active{border-color:#ef3039!important}.powercell-builder-panel .powercell-product-swatches i{width:26px!important;height:26px!important}
.pcb-option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pcb-option-row button{height:36px;border:1px solid #2e343b;background:#101318;color:#8b929b;font-size:7px;font-weight:800}.pcb-option-row button.active{border-color:#ef3039;color:#fff;background:#171b20}
.pcb-actions{padding:16px;display:grid;gap:8px}.pcb-actions>button,.pcb-actions>a{height:42px;border:1px solid #343a42;background:#111419;color:#fff;font-size:8px;font-weight:900;text-decoration:none;display:grid;place-items:center}.pcb-actions .powercell-use-button{background:#ef3039;border-color:#ef3039}

/* Front is intentionally clean: only black engraved SIKEVENTURES. */
.powercell-3d-product>.pc-front{padding:0!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#171a1e,#090b0d 72%,#050607)!important}
.powercell-3d-product .pc-front-engraving{font-family:var(--display);font-size:29px;font-weight:900;letter-spacing:.045em;color:#0b0d0f;text-shadow:-1px -1px 1px rgba(255,255,255,.07),1px 1px 2px rgba(0,0,0,.95);opacity:.82;transform:translateZ(1px)}
.powercell-3d-product.engraving-subtle .pc-front-engraving{opacity:.38}.powercell-3d-product.engraving-none .pc-front-engraving{opacity:0}

/* All status information and battery meter now live on the TOP face. */
.powercell-3d-product>.pc-top{overflow:visible!important;background:linear-gradient(180deg,#252b32,#12161a 52%,#090b0e)!important}
.pc-top-dashboard{position:absolute;inset:15px 18px;display:grid;grid-template-columns:1.4fr 1fr 32px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #323941;background:linear-gradient(180deg,#171b20,#0b0d10);box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 9px rgba(0,0,0,.35)}
.pc-top-brand .pc-kicker{font-size:8px!important}.pc-top-brand strong{display:block!important;margin:2px 0 0!important;font-family:var(--display)!important;font-size:15px!important;line-height:1!important}.pc-top-brand small{display:block;font-size:5px;color:#737a83;letter-spacing:.16em;margin-top:3px}
.pc-top-meter>span{display:block;font-size:5px;color:#7e858e;letter-spacing:.13em;margin-bottom:6px}.pc-top-meter .pc-led-bank{display:flex!important;gap:4px!important;margin:0!important}.pc-top-meter .pc-led-bank i{width:13px!important;height:5px!important;border-radius:3px!important;background:var(--pc-led,#4be98d)!important;box-shadow:0 0 7px color-mix(in srgb,var(--pc-led,#4be98d) 78%,transparent)!important;animation:pcStatusBlink 1.7s ease-in-out infinite alternate}.pc-top-meter .pc-led-bank i:nth-child(2){animation-delay:.09s}.pc-top-meter .pc-led-bank i:nth-child(3){animation-delay:.18s}.pc-top-meter .pc-led-bank i:nth-child(4){animation-delay:.27s}.pc-top-meter .pc-led-bank i:nth-child(5){animation-delay:.36s}
.powercell-3d-product.led-green{--pc-led:#4be98d}.powercell-3d-product.led-blue{--pc-led:#3f8cff}.powercell-3d-product.led-white{--pc-led:#f5fff8}
@keyframes pcStatusBlink{from{opacity:.58;filter:brightness(.8)}to{opacity:1;filter:brightness(1.5)}}
.pc-top-dashboard .pc-top-button{position:static!important;width:26px!important;height:26px!important;border-radius:50%!important;border:2px solid #3c434b!important;background:radial-gradient(circle at 45% 40%,#2d333a 0 30%,#050607 34% 100%)!important;box-shadow:inset 0 0 0 2px #090b0e!important}
.pc-carry-handle{top:calc(100% + 5px)!important}

/* Finishes affect all six physical faces, not just the front. */
.powercell-3d-product.finish-black>.pc-face{--pc-case-a:#0a0c0f;--pc-case-b:#020304}.powercell-3d-product.finish-red>.pc-face{--pc-case-a:#7e2027;--pc-case-b:#27090d}.powercell-3d-product.finish-silver>.pc-face{--pc-case-a:#8d949b;--pc-case-b:#343a40}.powercell-3d-product.finish-graphite>.pc-face{--pc-case-a:#252b32;--pc-case-b:#090b0e}
.powercell-3d-product.finish-black>.pc-left,.powercell-3d-product.finish-black>.pc-right,.powercell-3d-product.finish-black>.pc-back,.powercell-3d-product.finish-black>.pc-bottom{background:linear-gradient(145deg,var(--pc-case-a),var(--pc-case-b))!important}
.powercell-3d-product.finish-red>.pc-left,.powercell-3d-product.finish-red>.pc-right,.powercell-3d-product.finish-red>.pc-back,.powercell-3d-product.finish-red>.pc-bottom{background:linear-gradient(145deg,var(--pc-case-a),var(--pc-case-b))!important}
.powercell-3d-product.finish-silver>.pc-left,.powercell-3d-product.finish-silver>.pc-right,.powercell-3d-product.finish-silver>.pc-back,.powercell-3d-product.finish-silver>.pc-bottom{background:linear-gradient(145deg,var(--pc-case-a),var(--pc-case-b))!important}

/* SIKE ONE: same POWERCELL shell, scaled to the speaker's battery bay.
   It stays locked to the speaker orientation: no per-battery rotation. */
.lab-speaker.is-one .battery-cube.battery-powercell-model{--bw:96px;--bh:61px;--bd:42px;position:absolute!important;left:50%!important;top:50%!important;width:var(--bw)!important;height:var(--bh)!important;transform-style:preserve-3d!important;transform:translate(-50%,-50%)!important;transition:none!important;filter:none!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-face{position:absolute!important;left:50%!important;top:50%!important;box-sizing:border-box!important;border:1px solid #343a42!important;background:linear-gradient(145deg,#20252b,#090b0e)!important;backface-visibility:visible!important;overflow:hidden!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-front,.lab-speaker.is-one .battery-powercell-model>.battery-pc-back{width:var(--bw)!important;height:var(--bh)!important;margin-left:calc(var(--bw)/-2)!important;margin-top:calc(var(--bh)/-2)!important}.lab-speaker.is-one .battery-powercell-model>.battery-pc-front{transform:translateZ(calc(var(--bd)/2))!important}.lab-speaker.is-one .battery-powercell-model>.battery-pc-back{transform:rotateY(180deg) translateZ(calc(var(--bd)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-left,.lab-speaker.is-one .battery-powercell-model>.battery-pc-right{width:var(--bd)!important;height:var(--bh)!important;margin-left:calc(var(--bd)/-2)!important;margin-top:calc(var(--bh)/-2)!important}.lab-speaker.is-one .battery-powercell-model>.battery-pc-left{transform:rotateY(-90deg) translateZ(calc(var(--bw)/2))!important}.lab-speaker.is-one .battery-powercell-model>.battery-pc-right{transform:rotateY(90deg) translateZ(calc(var(--bw)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-top,.lab-speaker.is-one .battery-powercell-model>.battery-pc-bottom{width:var(--bw)!important;height:var(--bd)!important;margin-left:calc(var(--bw)/-2)!important;margin-top:calc(var(--bd)/-2)!important}.lab-speaker.is-one .battery-powercell-model>.battery-pc-top{transform:rotateX(90deg) translateZ(calc(var(--bh)/2))!important}.lab-speaker.is-one .battery-powercell-model>.battery-pc-bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh)/2))!important}
.lab-speaker.is-one .battery-engraving{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:8px;font-weight:900;letter-spacing:.035em;color:#080a0c;text-shadow:-1px -1px rgba(255,255,255,.06),1px 1px #000}
.lab-speaker.is-one .battery-pc-top{display:flex!important;align-items:center!important;padding:4px 5px!important;gap:5px!important}.battery-top-copy{display:grid;line-height:1}.battery-top-copy small{color:#ef3039!important;font-size:4px!important}.battery-top-copy b{color:#fff!important;font-size:6px!important}.battery-top-copy em{color:#747b84!important;font-style:normal;font-size:3px!important;letter-spacing:.1em}.battery-top-leds{display:flex;gap:2px;margin-left:auto}.battery-top-leds i{display:block;width:6px;height:2px;border-radius:2px;background:var(--builder-battery-led,#4be98d);box-shadow:0 0 4px var(--builder-battery-led,#4be98d);animation:pcStatusBlink 1.6s ease-in-out infinite alternate}.battery-top-button{width:8px;height:8px;border-radius:50%;background:#090b0e;border:1px solid #59616b}.battery-contact-bank{position:absolute;inset:10px;display:flex;gap:2px;align-items:center;justify-content:center}.battery-contact-bank i{width:3px;height:10px;background:#b88e42;border-radius:1px}
.lab-cabinet[data-battery-finish="black"] .battery-powercell-model>.battery-pc-face{background:linear-gradient(145deg,#0a0c0f,#020304)!important}.lab-cabinet[data-battery-finish="silver"] .battery-powercell-model>.battery-pc-face{background:linear-gradient(145deg,#8c939a,#30363c)!important}.lab-cabinet[data-battery-finish="red"] .battery-powercell-model>.battery-pc-face{background:linear-gradient(145deg,#8a232a,#27090d)!important}.lab-cabinet[data-battery-finish="graphite"] .battery-powercell-model>.battery-pc-face{background:linear-gradient(145deg,#20252b,#090b0e)!important}
.lab-cabinet[data-battery-led="green"]{--builder-battery-led:#4be98d}.lab-cabinet[data-battery-led="blue"]{--builder-battery-led:#3f8cff}.lab-cabinet[data-battery-led="white"]{--builder-battery-led:#f3fff6}.lab-cabinet[data-battery-engraving="subtle"] .battery-engraving{opacity:.35}.lab-cabinet[data-battery-engraving="none"] .battery-engraving{opacity:0}

@media(max-width:900px){.powercell-product-stage{padding-right:0!important}.powercell-product-scene{right:0!important;bottom:310px!important}.powercell-builder-panel{left:10px;right:10px;top:auto;bottom:10px;width:auto;height:286px}.pcb-head{padding:11px 13px 9px}.pcb-head b{font-size:15px}.pcb-tabs button{height:34px}.pcb-section{padding:10px 12px}.pcb-section>small{margin-bottom:7px}.pcb-actions{grid-template-columns:1fr 1.5fr;padding:9px 12px}.pcb-actions>button,.pcb-actions>a{height:34px}.pc-top-dashboard{inset:10px 12px;padding:7px 8px;grid-template-columns:1.2fr 1fr 24px}.pc-top-brand strong{font-size:11px!important}.pc-top-dashboard .pc-top-button{width:20px!important;height:20px!important}}


/* ==============================================================
   2026-08-08 — POWERCELL TOP STATUS ORIENTATION FIX
   The status side (48V / POWERCELL / meter / button) now faces
   OUTWARD so it stays readable and visible when installed in
   SIKE ONE. Front remains clean with engraved SIKEVENTURES.
   ============================================================== */

/* Standalone POWERCELL product:
   keep the physical top plane but turn its content 180° around
   the face normal. This moves the dashboard/meter toward the
   outward edge instead of facing into the product. */
.powercell-3d-product > .pc-top{
  transform:
    translate(-50%,-50%)
    rotateX(90deg)
    translateZ(calc(var(--pc-h)/2))
    rotateZ(180deg) !important;
}

/* Make the top dashboard sit closer to the visible/outward edge. */
.powercell-3d-product > .pc-top .pc-top-dashboard{
  inset:10px 14px 8px !important;
  transform:translateZ(1px) !important;
  transform-origin:50% 50% !important;
}

/* SIKE ONE uses the SAME POWERCELL orientation:
   rotate the top face 180° around its own normal so the text,
   meter and status button point outward from the cabinet. */
.lab-speaker.is-one .battery-powercell-model > .battery-pc-top{
  transform:
    rotateX(90deg)
    translateZ(calc(var(--bh)/2))
    rotateZ(180deg) !important;
  overflow:visible !important;
}

/* Keep status items toward the exposed/outward edge of the top face. */
.lab-speaker.is-one .battery-pc-top .battery-top-copy{
  position:absolute !important;
  left:5px !important;
  bottom:4px !important;
  top:auto !important;
  transform:none !important;
  z-index:3 !important;
}
.lab-speaker.is-one .battery-pc-top .battery-top-leds{
  position:absolute !important;
  left:41px !important;
  bottom:5px !important;
  top:auto !important;
  margin:0 !important;
  z-index:4 !important;
}
.lab-speaker.is-one .battery-pc-top .battery-top-button{
  position:absolute !important;
  right:5px !important;
  bottom:3px !important;
  top:auto !important;
  z-index:4 !important;
}

/* The LED bank gets a slightly stronger realistic glow because
   it is now the visible outward status edge. */
.lab-speaker.is-one .battery-top-leds i{
  box-shadow:
    0 0 3px var(--builder-battery-led,#4be98d),
    0 0 7px color-mix(in srgb,var(--builder-battery-led,#4be98d) 75%,transparent) !important;
}

/* Mobile: preserve the same physical orientation and keep the
   status strip readable without drifting into the control panel. */
@media(max-width:900px){
  .lab-speaker.is-one .battery-powercell-model > .battery-pc-top{
    transform:
      rotateX(90deg)
      translateZ(calc(var(--bh)/2))
      rotateZ(180deg) !important;
  }
  .lab-speaker.is-one .battery-pc-top .battery-top-copy{left:4px!important;bottom:3px!important}
  .lab-speaker.is-one .battery-pc-top .battery-top-leds{left:38px!important;bottom:4px!important}
  .lab-speaker.is-one .battery-pc-top .battery-top-button{right:4px!important;bottom:2px!important}
}

/* ==============================================================
   2026-08-08 — FINAL POWERCELL OUTWARD FRONT STATUS PANEL
   Status information now lives on the exposed outward battery face
   in both the standalone POWERCELL product and SIKE ONE Builder.
   ============================================================== */

/* Standalone POWERCELL: front remains clean/dark but now carries the
   functional battery status exactly on the outward face. */
.powercell-3d-product>.pc-front{
  position:absolute!important;
  overflow:hidden!important;
}
.powercell-3d-product .pc-front-engraving{
  position:absolute!important;
  left:24px!important;
  top:24px!important;
  right:auto!important;
  transform:none!important;
  color:rgba(0,0,0,.52)!important;
  text-shadow:0 1px rgba(255,255,255,.035),0 -1px rgba(0,0,0,.9)!important;
  font-family:var(--display)!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  z-index:3!important;
}
.powercell-3d-product .pc-front-status{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:18px!important;
  height:54px!important;
  display:grid!important;
  grid-template-columns:1fr auto 28px!important;
  align-items:center!important;
  gap:14px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(21,25,30,.96),rgba(7,9,12,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.32)!important;
  z-index:8!important;
}
.pc-front-status-copy{display:grid!important;line-height:1!important;gap:2px!important}
.pc-front-status-copy span{font-size:8px!important;font-weight:900!important;color:#ef3039!important;letter-spacing:.08em!important}
.pc-front-status-copy b{font-family:var(--display)!important;font-size:13px!important;color:#f4f5f6!important;letter-spacing:.025em!important}
.pc-front-status-copy small{font-size:5px!important;color:#747b84!important;letter-spacing:.16em!important}
.pc-front-led-bank{display:flex!important;align-items:center!important;gap:4px!important}
.pc-front-led-bank i{display:block!important;width:13px!important;height:5px!important;border-radius:3px!important;background:var(--pc-led,#45ee8e)!important;box-shadow:0 0 4px var(--pc-led,#45ee8e),0 0 10px color-mix(in srgb,var(--pc-led,#45ee8e) 72%,transparent)!important;animation:pcStatusBlink 1.55s ease-in-out infinite alternate!important}
.pc-front-status-button{width:22px!important;height:22px!important;border-radius:50%!important;border:2px solid #3d444c!important;background:radial-gradient(circle at 42% 38%,#2d3339 0 28%,#08090b 32% 100%)!important;box-shadow:inset 0 0 0 2px #050607!important;cursor:pointer!important}
.powercell-3d-product.led-green{--pc-led:#45ee8e!important}
.powercell-3d-product.led-blue{--pc-led:#4aa3ff!important}
.powercell-3d-product.led-white{--pc-led:#f1f5ef!important}

/* Top face is intentionally clean except for the carry handle. */
.powercell-3d-product>.pc-top .pc-top-dashboard{display:none!important}

/* SIKE ONE: same outward-facing status panel on the battery front. */
.lab-speaker.is-one .battery-powercell-model>.battery-pc-front{
  overflow:hidden!important;
}
.lab-speaker.is-one .battery-pc-front .battery-engraving{
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  right:auto!important;
  bottom:auto!important;
  font-size:7px!important;
  color:rgba(0,0,0,.57)!important;
  text-shadow:0 1px rgba(255,255,255,.035)!important;
  z-index:3!important;
}
.lab-speaker.is-one .battery-front-status{
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  bottom:5px!important;
  height:23px!important;
  display:grid!important;
  grid-template-columns:1fr auto 10px!important;
  align-items:center!important;
  gap:4px!important;
  padding:3px 4px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:2px!important;
  background:linear-gradient(180deg,rgba(22,26,31,.98),rgba(6,8,10,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 2px 5px rgba(0,0,0,.35)!important;
  z-index:10!important;
}
.battery-front-copy{display:grid!important;line-height:1!important;gap:1px!important}.battery-front-copy small{font-size:3px!important;color:#ef3039!important;font-weight:900!important}.battery-front-copy b{font-size:5px!important;color:#fff!important}.battery-front-copy em{font-size:2px!important;color:#747b84!important;font-style:normal!important;letter-spacing:.08em!important}
.battery-front-leds{display:flex!important;gap:1.5px!important;align-items:center!important}.battery-front-leds i{display:block!important;width:6px!important;height:2px!important;border-radius:2px!important;background:var(--builder-battery-led,#4be98d)!important;box-shadow:0 0 3px var(--builder-battery-led,#4be98d),0 0 6px color-mix(in srgb,var(--builder-battery-led,#4be98d) 75%,transparent)!important;animation:pcStatusBlink 1.55s ease-in-out infinite alternate!important}.battery-front-button{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;border:1px solid #58606a!important;background:#07090b!important;box-shadow:inset 0 0 0 1px #111!important}

/* Hide legacy top-face status content if older cached markup is encountered. */
.lab-speaker.is-one .battery-pc-top .battery-top-copy,
.lab-speaker.is-one .battery-pc-top .battery-top-leds,
.lab-speaker.is-one .battery-pc-top .battery-top-button{display:none!important}

@media(max-width:900px){
  .powercell-3d-product .pc-front-engraving{left:18px!important;top:17px!important;font-size:14px!important}
  .powercell-3d-product .pc-front-status{left:16px!important;right:16px!important;bottom:13px!important;height:44px!important;padding:6px 8px!important;gap:9px!important;grid-template-columns:1fr auto 22px!important}
  .pc-front-status-copy b{font-size:10px!important}.pc-front-status-copy span{font-size:6px!important}.pc-front-status-copy small{font-size:4px!important}
  .pc-front-led-bank{gap:3px!important}.pc-front-led-bank i{width:9px!important;height:4px!important}.pc-front-status-button{width:18px!important;height:18px!important}
  .lab-speaker.is-one .battery-front-status{left:5px!important;right:5px!important;bottom:4px!important}
}


/* =====================================================================
   2026-08-08 — FINAL CONSOLIDATED SIKE ONE POWERCELL INTEGRATION
   One clean rule set replaces all previous flush/holder/pull overrides.
   ===================================================================== */

/* ---------- Compact, responsive top product selector ---------- */
.builder-product-switcher{
  min-height:60px !important;
  padding:8px clamp(16px,2.4vw,36px) !important;
  gap:16px !important;
}
.builder-switcher-copy{
  gap:10px !important;
  flex:1 1 auto !important;
}
.builder-switcher-copy .eyebrow{
  max-width:175px !important;
  font-size:8px !important;
  line-height:1.08 !important;
}
.builder-switcher-copy strong{
  max-width:380px !important;
  font-size:11px !important;
  line-height:1.08 !important;
}
.builder-switcher-copy small{
  max-width:390px !important;
  font-size:7px !important;
  line-height:1.25 !important;
}
.builder-model-tabs{
  gap:6px !important;
  flex:0 0 auto !important;
}
.builder-model-tabs button{
  min-width:145px !important;
  padding:9px 12px !important;
}
.builder-model-tabs span{font-size:11px !important}
.builder-model-tabs small{font-size:7px !important}

/* ---------- Permanent physical receiver / locking holder ---------- */
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  --receiver-depth:50px !important;
  top:101px !important;
  bottom:auto !important;
  left:12px !important;
  right:12px !important;
  height:44px !important;
  padding:4px !important;
  box-sizing:border-box !important;
  border:2px solid #39424b !important;
  border-radius:5px !important;
  background:linear-gradient(180deg,#11161b 0%,#050709 100%) !important;
  box-shadow:
    inset 0 0 0 2px #020304,
    inset 0 8px 16px rgba(0,0,0,.88),
    0 0 0 1px rgba(0,0,0,.9),
    0 1px 0 rgba(255,255,255,.05) !important;
  transform:translateZ(-1px) !important;
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:605 !important;
  overflow:visible !important;
}

/* Four-sided retaining bezel around the cartridge opening. */
.lab-speaker.is-one .integrated-battery-bay-right::before,
.lab-speaker.is-one .integrated-battery-bay-left::before{
  content:"" !important;
  position:absolute !important;
  inset:-4px !important;
  display:block !important;
  border:4px solid #171c21 !important;
  border-radius:6px !important;
  background:transparent !important;
  box-shadow:
    inset 0 0 0 1px #4b545e,
    inset 0 0 0 3px #090c0f,
    0 2px 5px rgba(0,0,0,.5) !important;
  pointer-events:none !important;
  z-index:630 !important;
}

/* Bottom lock/guide rail. */
.lab-speaker.is-one .integrated-battery-bay-right::after,
.lab-speaker.is-one .integrated-battery-bay-left::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  bottom:-2px !important;
  height:5px !important;
  display:block !important;
  border-radius:1px !important;
  border:1px solid #050608 !important;
  background:linear-gradient(90deg,#0a0d10,#444d56 18%,#12171c 50%,#444d56 82%,#0a0d10) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.7) !important;
  pointer-events:none !important;
  z-index:631 !important;
}

/* Receiver exists from the first rendered frame. */
.lab-speaker.is-one .battery-receiver-50mm{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  position:absolute !important;
  left:4px !important;
  right:4px !important;
  top:4px !important;
  bottom:4px !important;
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  perspective:240px !important;
  pointer-events:none !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-face{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  position:absolute !important;
  box-sizing:border-box !important;
  border:1px solid #11151a !important;
  background:linear-gradient(145deg,#11151a,#030405) !important;
  backface-visibility:visible !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-back{
  inset:0 !important;
  transform:translateZ(-50px) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent),
    repeating-linear-gradient(90deg,#050608 0 6px,#0b0d10 6px 9px) !important;
  box-shadow:inset 0 0 18px #000 !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-top,
.lab-speaker.is-one .battery-receiver-50mm .receiver-bottom{
  left:0 !important;
  right:0 !important;
  height:50px !important;
  transform-origin:50% 50% !important;
  background:linear-gradient(180deg,#161b20,#050608) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-top{
  top:-25px !important;
  transform:rotateX(90deg) translateZ(25px) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-bottom{
  bottom:-25px !important;
  transform:rotateX(-90deg) translateZ(25px) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-left,
.lab-speaker.is-one .battery-receiver-50mm .receiver-right{
  top:0 !important;
  bottom:0 !important;
  width:50px !important;
  transform-origin:50% 50% !important;
  background:linear-gradient(90deg,#13181d,#050608) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-left{
  left:-25px !important;
  transform:rotateY(-90deg) translateZ(25px) !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-right{
  right:-25px !important;
  transform:rotateY(90deg) translateZ(25px) !important;
}

/* Internal slot, rails and contacts stay in the cabinet at all times. */
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner{
  inset:4px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:linear-gradient(180deg,#020304,#080a0c) !important;
  box-shadow:inset 0 0 14px #000 !important;
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-depth{
  display:block !important;
  visibility:visible !important;
  opacity:.25 !important;
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-contacts{
  display:flex !important;
  visibility:visible !important;
  opacity:.22 !important;
  z-index:11 !important;
}
.lab-cabinet.battery-right-open .integrated-battery-bay-right .battery-bay-depth,
.lab-cabinet.battery-left-open .integrated-battery-bay-left .battery-bay-depth,
.lab-cabinet.battery-right-open .integrated-battery-bay-right .battery-bay-contacts,
.lab-cabinet.battery-left-open .integrated-battery-bay-left .battery-bay-contacts{
  opacity:1 !important;
}

/* ---------- Cartridge placement ---------- */
/* Front dimensions line up inside the holder. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .battery-mid-left,
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  top:107px !important;
  bottom:auto !important;
  left:18px !important;
  right:18px !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  transform-origin:50% 50% !important;
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  perspective:700px !important;
  filter:none !important;
  opacity:1 !important;
  contain:none !important;
  isolation:auto !important;
  z-index:610 !important;
  cursor:grab !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
  touch-action:none !important;
}

/* Exact geometry:
   cube depth = 50px, front plane = +25px.
   wrapper centre = -25px, therefore the front/status face is at Z=0,
   exactly the cabinet side plane. */
.lab-speaker.is-one .battery-right.battery-box{
  transform:translateZ(calc(-25px + var(--pull-battery-right,0px))) !important;
}
.lab-speaker.is-one .battery-left.battery-box{
  transform:translateZ(calc(-25px + var(--pull-battery-left,0px))) !important;
}

/* CRITICAL FLUSH MASK:
   While inserted, the battery opening clips all cube depth behind the
   visible front plane. This prevents side/top faces from appearing outside
   the cabinet even at oblique speaker angles. As soon as the user starts
   pulling (>3px), overflow becomes visible and the same six-face cube is
   revealed in true 3D. */
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  overflow:hidden !important;
}
.lab-cabinet.battery-right-open .battery-right.battery-box,
.lab-cabinet.battery-left-open .battery-left.battery-box{
  overflow:visible !important;
}

/* Six-face POWERCELL remains one true 3D model during pull. */
.lab-speaker.is-one .battery-cube.battery-powercell-model{
  --bw:100px !important;
  --bh:34px !important;
  --bd:50px !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:var(--bw) !important;
  height:var(--bh) !important;
  transform:translate(-50%,-50%) rotateX(0deg) rotateY(0deg) !important;
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  transition:none !important;
  filter:none !important;
  opacity:1 !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-face{
  position:absolute !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  filter:none !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-front{
  transform:translateZ(calc(var(--bd)/2)) !important;
  background:linear-gradient(180deg,#20252a,#080a0d) !important;
  border-color:#404851 !important;
  box-shadow:inset 0 0 0 1px #0c0f12,inset 0 1px rgba(255,255,255,.05) !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-back{
  transform:rotateY(180deg) translateZ(calc(var(--bd)/2)) !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-left{
  transform:rotateY(-90deg) translateZ(calc(var(--bw)/2)) !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-right{
  transform:rotateY(90deg) translateZ(calc(var(--bw)/2)) !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-top{
  transform:rotateX(90deg) translateZ(calc(var(--bh)/2)) !important;
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-bottom{
  transform:rotateX(-90deg) translateZ(calc(var(--bh)/2)) !important;
}

/* Never flatten the pulled battery parent in Chromium. */
.lab-speaker.is-one .battery-box.is-battery-dragging .battery-powercell-model,
.lab-speaker.is-one .battery-box.dragging-part .battery-powercell-model,
.lab-cabinet.battery-right-open .battery-right .battery-powercell-model,
.lab-cabinet.battery-left-open .battery-left .battery-powercell-model{
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  filter:none !important;
  opacity:1 !important;
  isolation:auto !important;
  overflow:visible !important;
  will-change:transform !important;
}

/* No fake duplicate empty slot. */
.lab-speaker.is-one .cab-left-with-handle:after,
.lab-speaker.is-one .cab-right-with-handle:after{
  display:none !important;
}

/* Outer-wrapper shadow only after the battery starts leaving the holder. */
.lab-speaker.is-one .battery-right.battery-box::after,
.lab-speaker.is-one .battery-left.battery-box::after{
  content:"" !important;
  position:absolute !important;
  left:8% !important;
  right:8% !important;
  bottom:-18px !important;
  height:12px !important;
  border-radius:50% !important;
  background:rgba(0,0,0,.48) !important;
  filter:blur(8px) !important;
  transform:translateZ(-70px) !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.lab-cabinet.battery-right-open .battery-right.battery-box::after,
.lab-cabinet.battery-left-open .battery-left.battery-box::after{
  opacity:.72 !important;
}

/* Small part popup. */
.lab-model-popup.compact-object-popup{
  width:min(210px,calc(100vw - 24px)) !important;
  max-height:245px !important;
  padding:11px !important;
  z-index:3000 !important;
}
.lab-model-popup.compact-object-popup h2{font-size:15px !important;margin:4px 0 !important}
.lab-model-popup.compact-object-popup p{font-size:8px !important;line-height:1.35 !important}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .builder-product-switcher{
    min-height:0 !important;
    padding:8px 16px !important;
    gap:8px !important;
  }
  .builder-switcher-copy{
    display:grid !important;
    grid-template-columns:auto minmax(160px,1fr) minmax(180px,1.1fr) !important;
    align-items:center !important;
    gap:9px !important;
  }
  .builder-model-tabs button{min-width:126px !important;padding:8px 10px !important}
}
@media(max-width:820px){
  .builder-product-switcher{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:8px 12px !important;
  }
  .builder-switcher-copy{
    grid-template-columns:1fr !important;
    gap:3px !important;
  }
  .builder-switcher-copy strong,
  .builder-switcher-copy small,
  .builder-switcher-copy .eyebrow{max-width:none !important}
  .builder-model-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
  }
  .builder-model-tabs button{min-width:0 !important;width:100% !important}
}
@media(max-width:620px){
  .builder-product-switcher{padding:7px 9px !important}
  .builder-switcher-copy small{display:none !important}
  .builder-switcher-copy strong{font-size:9px !important}
  .builder-switcher-copy .eyebrow{font-size:7px !important}
  .builder-model-tabs span{font-size:9px !important}
  .builder-model-tabs small{font-size:6px !important}

  .lab-speaker.is-one .integrated-battery-bay-right,
  .lab-speaker.is-one .integrated-battery-bay-left{
    left:11px !important;
    right:11px !important;
    top:101px !important;
    height:40px !important;
    padding:3px !important;
  }
  .lab-speaker.is-one .battery-mid-right,
  .lab-speaker.is-one .battery-mid-left,
  .lab-speaker.is-one .battery-right.battery-box,
  .lab-speaker.is-one .battery-left.battery-box{
    left:17px !important;
    right:17px !important;
    top:106px !important;
    height:29px !important;
    min-height:29px !important;
    perspective:560px !important;
  }
  .lab-speaker.is-one .battery-cube.battery-powercell-model{
    --bw:92px !important;
    --bh:30px !important;
    --bd:44px !important;
  }
  .lab-speaker.is-one .battery-right.battery-box{
    transform:translateZ(calc(-22px + var(--pull-battery-right,0px))) !important;
  }
  .lab-speaker.is-one .battery-left.battery-box{
    transform:translateZ(calc(-22px + var(--pull-battery-left,0px))) !important;
  }
}


/* =====================================================================
   2026-08-08 — FINAL V4: VISIBLE HOLDER + TRUE CENTERED POWERCELL PULL
   ===================================================================== */

/* A real retaining frame is visible around the cartridge even when inserted. */
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  top:99px !important;
  left:4px !important;
  right:4px !important;
  height:48px !important;
  padding:5px !important;
  box-sizing:border-box !important;
  border:2px solid #4a535d !important;
  border-radius:5px !important;
  background:linear-gradient(180deg,#151a20,#040608) !important;
  box-shadow:inset 0 0 0 2px #040608,inset 0 10px 18px rgba(0,0,0,.9),0 0 0 1px #050607,0 2px 5px rgba(0,0,0,.55) !important;
  transform:translateZ(-1px) !important;
  transform-style:preserve-3d !important;
  -webkit-transform-style:preserve-3d !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:620 !important;
}
.lab-speaker.is-one .integrated-battery-bay-right::before,
.lab-speaker.is-one .integrated-battery-bay-left::before{
  content:"" !important;
  position:absolute !important;
  inset:-3px !important;
  display:block !important;
  border:4px solid #181e24 !important;
  border-radius:6px !important;
  background:transparent !important;
  box-shadow:inset 0 0 0 1px #707a84,inset 0 0 0 3px #080b0e,0 1px 4px rgba(0,0,0,.7) !important;
  pointer-events:none !important;
  z-index:40 !important;
}
.lab-speaker.is-one .integrated-battery-bay-right::after,
.lab-speaker.is-one .integrated-battery-bay-left::after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;right:10px !important;bottom:-2px !important;height:5px !important;
  display:block !important;border-radius:2px !important;
  background:linear-gradient(90deg,#090c0f,#69737d 20%,#1b2228 50%,#69737d 80%,#090c0f) !important;
  border:1px solid #050608 !important;box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
  pointer-events:none !important;z-index:41 !important;
}

/* Permanent 50mm receiver. It is present from frame one and becomes obvious when empty. */
.lab-speaker.is-one .battery-receiver-50mm{
  display:block !important;visibility:visible !important;opacity:1 !important;
  position:absolute !important;inset:5px !important;
  transform-style:preserve-3d !important;-webkit-transform-style:preserve-3d !important;
  perspective:260px !important;pointer-events:none !important;
}
.lab-speaker.is-one .battery-receiver-50mm .receiver-face{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;border:1px solid #101419!important;box-sizing:border-box!important;background:linear-gradient(145deg,#11161b,#020304)!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-back{inset:0!important;transform:translateZ(-50px)!important;background:repeating-linear-gradient(90deg,#030405 0 6px,#0a0d10 6px 9px)!important;box-shadow:inset 0 0 20px #000!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-top,.lab-speaker.is-one .battery-receiver-50mm .receiver-bottom{left:0!important;right:0!important;height:50px!important;background:linear-gradient(#171c21,#040608)!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-top{top:-25px!important;transform:rotateX(90deg) translateZ(25px)!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-bottom{bottom:-25px!important;transform:rotateX(-90deg) translateZ(25px)!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-left,.lab-speaker.is-one .battery-receiver-50mm .receiver-right{top:0!important;bottom:0!important;width:50px!important;background:linear-gradient(90deg,#151a20,#030405)!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-left{left:-25px!important;transform:rotateY(-90deg) translateZ(25px)!important}
.lab-speaker.is-one .battery-receiver-50mm .receiver-right{right:-25px!important;transform:rotateY(90deg) translateZ(25px)!important}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner{display:block!important;visibility:visible!important;opacity:1!important;inset:5px!important;background:linear-gradient(180deg,#020304,#090c0f)!important;box-shadow:inset 0 0 16px #000!important}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-depth{display:block!important;visibility:visible!important;opacity:.38!important}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-contacts{display:flex!important;visibility:visible!important;opacity:.34!important;z-index:18!important}
.lab-cabinet.battery-right-open .integrated-battery-bay-right .battery-bay-depth,.lab-cabinet.battery-left-open .integrated-battery-bay-left .battery-bay-depth,.lab-cabinet.battery-right-open .integrated-battery-bay-right .battery-bay-contacts,.lab-cabinet.battery-left-open .integrated-battery-bay-left .battery-bay-contacts{opacity:1!important}

/* Two very clear internal guide rails. */
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner::before,
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner::after{
  content:""!important;position:absolute!important;left:7px!important;right:7px!important;height:3px!important;border-radius:2px!important;
  background:linear-gradient(90deg,#0d1115,#78828c 20%,#242b32 50%,#78828c 80%,#0d1115)!important;
  box-shadow:0 0 0 1px #050607!important;opacity:.78!important;pointer-events:none!important
}
.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner::before{top:5px!important}.lab-speaker.is-one .integrated-battery-bay .battery-bay-inner::after{bottom:5px!important}

/* Cartridge and holder share exactly the same mount centre. */
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box,
.lab-cabinet.battery-right-open .battery-right.battery-box,
.lab-cabinet.battery-left-open .battery-left.battery-box,
.lab-speaker.is-one .battery-right.battery-box.battery-axis-drag,
.lab-speaker.is-one .battery-left.battery-box.battery-axis-drag{
  top:107px !important;bottom:auto!important;left:9px!important;right:9px!important;height:32px!important;min-height:32px!important;
  margin:0!important;rotate:none!important;scale:none!important;transform-origin:50% 50%!important;
  transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;perspective:760px!important;
  filter:none!important;opacity:1!important;contain:none!important;isolation:auto!important;z-index:610!important;
  cursor:grab!important;touch-action:none!important;user-select:none!important
}

/* The front plane is flush at rest (-25px seat). The three custom variables
   are an inverse-rotation camera-depth vector; therefore extracting the
   battery no longer walks right/up/down when the speaker is angled. */
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  transform:translate3d(var(--pc-pull-x,0px),var(--pc-pull-y,0px),calc(-25px + var(--pc-pull-z,0px)))!important;
}

/* Inserted clips the hidden cube depth; open shows the SAME rigid six-face model. */
.lab-speaker.is-one .battery-right.battery-box,.lab-speaker.is-one .battery-left.battery-box{overflow:hidden!important}
.lab-cabinet.battery-right-open .battery-right.battery-box,.lab-cabinet.battery-left-open .battery-left.battery-box{overflow:visible!important}
.lab-speaker.is-one .battery-cube.battery-powercell-model,
.lab-cabinet.battery-right-open .battery-right .battery-powercell-model,
.lab-cabinet.battery-left-open .battery-left .battery-powercell-model{
  --bw:100px!important;--bh:34px!important;--bd:50px!important;
  left:50%!important;top:50%!important;width:var(--bw)!important;height:var(--bh)!important;
  transform:translate(-50%,-50%) rotateX(0deg) rotateY(0deg)!important;
  transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;
  transition:none!important;filter:none!important;opacity:1!important;isolation:auto!important;overflow:visible!important;pointer-events:none!important
}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-face{display:block!important;visibility:visible!important;opacity:1!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;filter:none!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-front{transform:translateZ(calc(var(--bd)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-back{transform:rotateY(180deg) translateZ(calc(var(--bd)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-left{transform:rotateY(-90deg) translateZ(calc(var(--bw)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-right{transform:rotateY(90deg) translateZ(calc(var(--bw)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-top{transform:rotateX(90deg) translateZ(calc(var(--bh)/2))!important}
.lab-speaker.is-one .battery-powercell-model>.battery-pc-bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh)/2))!important}

/* Removed state looks deliberate rather than floating. */
.lab-speaker.is-one .battery-right.battery-box::after,.lab-speaker.is-one .battery-left.battery-box::after{content:""!important;position:absolute!important;left:18%!important;right:18%!important;bottom:-6px!important;height:4px!important;border-radius:50%!important;background:rgba(0,0,0,.5)!important;filter:blur(4px)!important;opacity:0!important;pointer-events:none!important}
.lab-cabinet.battery-right-open .battery-right.battery-box::after,.lab-cabinet.battery-left-open .battery-left.battery-box::after{opacity:.22!important}
.lab-speaker.is-one .battery-box.battery-axis-drag{cursor:grabbing!important}

/* Remove any old fake slot painted on side panels. */
.lab-speaker.is-one .cab-left-with-handle:after,.lab-speaker.is-one .cab-right-with-handle:after{display:none!important}

@media(max-width:620px){
  .lab-speaker.is-one .integrated-battery-bay-right,.lab-speaker.is-one .integrated-battery-bay-left{top:100px!important;left:5px!important;right:5px!important;height:44px!important}
  .lab-speaker.is-one .battery-right.battery-box,.lab-speaker.is-one .battery-left.battery-box,.lab-cabinet.battery-right-open .battery-right.battery-box,.lab-cabinet.battery-left-open .battery-left.battery-box{top:106px!important;left:10px!important;right:10px!important;height:29px!important;min-height:29px!important;perspective:600px!important}
  .lab-speaker.is-one .battery-cube.battery-powercell-model{--bw:94px!important;--bh:30px!important;--bd:44px!important}
  .lab-speaker.is-one .battery-right.battery-box,.lab-speaker.is-one .battery-left.battery-box{transform:translate3d(var(--pc-pull-x,0px),var(--pc-pull-y,0px),calc(-22px + var(--pc-pull-z,0px)))!important}
}

/* =====================================================================
   HELP CENTER
   ===================================================================== */
.help-page{background:#0b0d10;color:#f6f4ee;min-height:70vh}.help-hero{padding:80px clamp(22px,6vw,96px) 54px;border-bottom:1px solid #262a2f;background:radial-gradient(circle at 75% 0,#3a1115 0,transparent 33%),#0b0d10}.help-hero .eyebrow{color:#ff3340;font-size:11px;letter-spacing:.22em;font-weight:900}.help-hero h1{font-family:var(--display);font-size:clamp(44px,7vw,96px);line-height:.88;margin:16px 0 20px;max-width:900px}.help-hero p{max-width:650px;color:#979da5;font-size:14px;line-height:1.7}.help-search{display:flex;max-width:760px;margin-top:30px;border:1px solid #3b4148;background:#121519}.help-search input{flex:1;min-width:0;padding:18px 20px;border:0;background:transparent;color:#fff;font:inherit;outline:0}.help-search button{width:62px;border:0;border-left:1px solid #343940;background:#ef3039;color:#fff;font-size:22px}.help-body{padding:38px clamp(22px,6vw,96px) 80px}.help-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:46px}.help-category{display:block;padding:24px;border:1px solid #292e34;background:#111419;color:#fff;text-decoration:none;transition:.18s}.help-category:hover{transform:translateY(-3px);border-color:#ef3039}.help-category i{display:grid;place-items:center;width:40px;height:40px;background:#ef3039;font-style:normal;font-weight:900;margin-bottom:28px}.help-category b{display:block;font-size:15px}.help-category small{display:block;color:#7d848d;margin-top:7px;line-height:1.5}.help-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.help-section-head h2{font-family:var(--display);font-size:34px;margin:0}.help-section-head span{color:#7d848d;font-size:12px}.help-faqs{border-top:1px solid #292e34}.help-faq{border-bottom:1px solid #292e34}.help-faq button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;border:0;background:transparent;color:#fff;text-align:left;font-size:14px;font-weight:800}.help-faq button i{font-style:normal;font-size:22px;color:#ef3039}.help-answer{display:none;max-width:850px;padding:0 0 24px;color:#939aa3;font-size:13px;line-height:1.75}.help-faq.open .help-answer{display:block}.help-faq.open button i{transform:rotate(45deg)}.help-contact-card{margin-top:42px;padding:32px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;background:#f0eee8;color:#111}.help-contact-card h2{font-family:var(--display);font-size:34px;margin:0 0 8px}.help-contact-card p{margin:0;color:#666}.help-contact-card a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:#ef3039;color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:11px}.help-empty{display:none;padding:28px 0;color:#888}.help-empty.active{display:block}@media(max-width:900px){.help-category-grid{grid-template-columns:1fr 1fr}.help-contact-card{grid-template-columns:1fr}.help-hero{padding-top:58px}}@media(max-width:560px){.help-category-grid{grid-template-columns:1fr}.help-hero h1{font-size:48px}.help-body{padding-inline:16px}.help-hero{padding-inline:16px}.help-contact-card{padding:22px}.help-section-head{display:block}.help-section-head span{display:block;margin-top:8px}}



/* ================================================================
   2026-08-08 — COLLAPSIBLE PRODUCT BAR
   Clean close/reopen control for the SIKE ONE / SIKE MINI bar.
   ================================================================ */
.lab-product-bar{
  position:relative!important;
  transition:max-height .24s ease,opacity .2s ease,padding .24s ease,min-height .24s ease,border-color .2s ease!important;
  overflow:hidden!important;
}
.lab-product-bar-close{
  position:absolute!important;
  top:9px!important;
  right:11px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:2px!important;
  background:#111419!important;
  color:#f5f3ed!important;
  font:700 20px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  z-index:30!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.lab-product-bar-close:hover{
  background:#ef3039!important;
  border-color:#ef3039!important;
  transform:scale(1.04)!important;
}
.lab-product-bar.is-collapsed{
  min-height:0!important;
  max-height:0!important;
  height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom-color:transparent!important;
  opacity:0!important;
  pointer-events:none!important;
}
.lab-product-bar-reopen{
  position:absolute!important;
  top:6px!important;
  right:18px!important;
  z-index:45!important;
  display:none!important;
  align-items:center!important;
  gap:8px!important;
  height:30px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(13,15,18,.94)!important;
  color:#f5f3ed!important;
  box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
  cursor:pointer!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.lab-product-bar-reopen b{font-size:15px!important;line-height:1!important;color:#ff444d!important}
.lab-product-bar-reopen:hover{border-color:#ef3039!important}
.lab-page.product-bar-collapsed .lab-product-bar-reopen{display:flex!important}
.lab-page.product-bar-collapsed .lab-layout{position:relative!important}

@media(max-width:760px){
  .lab-product-bar-close{
    top:7px!important;
    right:7px!important;
    width:28px!important;
    height:28px!important;
    font-size:18px!important;
  }
  .lab-product-bar{padding-right:46px!important}
  .lab-product-bar-reopen{
    top:5px!important;
    right:8px!important;
    height:28px!important;
    padding:0 8px!important;
  }
}

/* ===================================================================
   SIKE APP TEST — interactive web/iPhone prototype
   =================================================================== */
.sike-test-app{--app-bg:#080a0d;--app-panel:#111419;--app-panel-2:#171b21;--app-line:#292e36;--app-muted:#7f8792;--app-red:#ff2734;--app-green:#43e38e;--app-blue:#5c9dff;background:#07090c;color:#f7f7f5;min-height:100vh;font-family:Arial,sans-serif}
.sike-app-shell{min-height:calc(100vh - 180px);display:grid;grid-template-columns:92px minmax(0,1fr);background:radial-gradient(circle at 65% 15%,rgba(255,39,52,.08),transparent 30%),#080a0d}
.sike-app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;padding:28px 12px 22px;border-right:1px solid var(--app-line);background:#090b0e;z-index:20}.sike-app-mini-brand{width:58px;height:42px;display:grid;place-items:center;overflow:hidden}.sike-app-mini-brand img{width:142px;max-width:none}.sike-app-sidebar nav{display:flex;flex-direction:column;gap:9px;margin:auto 0}.sike-app-sidebar nav button{width:62px;height:62px;border:1px solid transparent;border-radius:17px;background:transparent;color:#6d7580;display:grid;place-items:center;gap:3px;cursor:pointer;transition:.2s}.sike-app-sidebar nav button i{font-style:normal;font-size:21px;line-height:1}.sike-app-sidebar nav button span{font-size:8px;font-weight:800;text-transform:uppercase}.sike-app-sidebar nav button:hover,.sike-app-sidebar nav button.active{background:#171b21;color:#fff;border-color:#292f37}.sike-app-sidebar nav button.active i{color:var(--app-red)}.sike-app-sidebar-foot{text-align:center}.sike-app-sidebar-foot span{display:block;font-size:8px;color:var(--app-red);font-weight:900;letter-spacing:.15em}.sike-app-sidebar-foot small{font-size:7px;color:#606873}
.sike-app-main{min-width:0;padding:0 34px 42px}.sike-app-topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-line);padding:0 4px}.sike-app-overline{display:block;color:#6d7580;font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:9px}.sike-app-topbar h1{margin:0;font-size:28px;letter-spacing:-.045em}.sike-app-top-actions{display:flex;align-items:center;gap:9px}.sike-app-icon,.sike-app-avatar{border:1px solid #303641;background:#111419;color:#fff;width:44px;height:44px;border-radius:13px;font-weight:900;cursor:pointer}.sike-app-avatar{background:linear-gradient(135deg,#ff2835,#a90c1e)}
.sike-app-pages{max-width:1320px;margin:0 auto}.sike-app-page{display:none;animation:sikePageIn .26s ease both;padding:30px 0}.sike-app-page.active{display:block}@keyframes sikePageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.sike-app-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.72fr);grid-template-areas:'hero volume' 'hero eq' 'link eq';gap:18px}.sike-device-hero,.sike-volume-card,.sike-quick-eq-card,.sike-link-card,.sike-mode-card,.sike-eq-panel,.sike-settings-card,.sike-device-info-card{border:1px solid var(--app-line);border-radius:26px;background:linear-gradient(145deg,#12161b,#0c0f13);box-shadow:0 18px 50px rgba(0,0,0,.2)}.sike-device-hero{grid-area:hero;min-height:685px;overflow:hidden;padding:25px;position:relative}.sike-volume-card{grid-area:volume;padding:23px}.sike-quick-eq-card{grid-area:eq;padding:23px}.sike-link-card{grid-area:link;padding:22px}.sike-device-card-head,.app-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.device-status{display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:900;color:#c7cdd4;letter-spacing:.14em}.device-status i,.link-live i{width:7px;height:7px;border-radius:50%;background:var(--app-green);box-shadow:0 0 14px var(--app-green)}.sike-device-card-head h2{margin:7px 0 2px;font-size:30px;letter-spacing:-.045em}.sike-device-card-head p{margin:0;color:#69727d;font-size:9px}.sike-power-switch{width:54px;height:31px;border:0;border-radius:22px;background:#252b32;position:relative;padding:0;cursor:pointer;transition:.2s}.sike-power-switch i{position:absolute;left:4px;top:4px;width:23px;height:23px;border-radius:50%;background:#777f89;transition:.22s}.sike-power-switch.on{background:rgba(67,227,142,.18);box-shadow:inset 0 0 0 1px rgba(67,227,142,.4)}.sike-power-switch.on i{left:27px;background:var(--app-green);box-shadow:0 0 12px rgba(67,227,142,.55)}
.sike-app-product-stage{height:455px;position:relative;perspective:900px;cursor:grab;touch-action:none}.sike-app-product-stage.dragging{cursor:grabbing}.sike-app-orbit{position:absolute;left:50%;top:50%;width:400px;height:110px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:translate(-50%,-20%) rotateX(70deg);box-shadow:0 0 55px rgba(255,39,52,.04)}.sike-mini-speaker{--mw:180px;--mh:300px;--md:86px;position:absolute;left:50%;top:50%;width:var(--mw);height:var(--mh);transform-style:preserve-3d;transition:filter .2s;will-change:transform}.sike-mini-speaker.static{position:relative;left:auto;top:auto;transform:rotateX(-7deg) rotateY(24deg)!important;width:105px;height:172px;--mw:105px;--mh:172px;--md:48px}.sike-mini-face{position:absolute;box-sizing:border-box;background:#15191e;border:1px solid #323944;backface-visibility:hidden}.mini-front{width:var(--mw);height:var(--mh);transform:translateZ(calc(var(--md)/2));padding:15px}.mini-front .mini-grille{position:absolute;inset:12px;background-color:#080a0c;background-image:radial-gradient(#47505b 1px,transparent 1.2px);background-size:6px 6px;border:4px solid #11151a}.mini-front b{position:relative;z-index:2;font-size:8px}.mini-side{width:var(--md);height:var(--mh);left:calc((var(--mw) - var(--md))/2);transform:rotateY(90deg) translateZ(calc(var(--mw)/2));background:linear-gradient(90deg,#12161b,#1a1e24)}.mini-back{width:var(--mw);height:var(--mh);transform:rotateY(180deg) translateZ(calc(var(--md)/2));background:#0d1014}.mini-top,.mini-bottom{width:var(--mw);height:var(--md);top:calc((var(--mh) - var(--md))/2);background:#191e24}.mini-top{transform:rotateX(90deg) translateZ(calc(var(--mh)/2))}.mini-bottom{transform:rotateX(-90deg) translateZ(calc(var(--mh)/2))}.mini-control{position:absolute;left:13px;top:35px;width:58px;height:58px;border:2px solid #3b444e;border-radius:7px;background:#080a0d;display:grid;place-items:center}.mini-control i{width:30px;height:30px;border:6px solid #4a8fff;border-radius:50%;box-shadow:0 0 12px rgba(74,143,255,.5)}.mini-control span{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff}.mini-battery{position:absolute;left:10px;top:110px;width:66px;height:38px;border:1px solid #414952;background:#101419;padding:6px;display:flex;flex-direction:column;gap:2px}.mini-battery small{font-size:5px;color:#ff3540}.mini-battery strong{font-size:6px}.mini-battery em{width:35px;height:3px;background:linear-gradient(90deg,#43e38e 0 70%,#313740 70%)}.mini-handle{position:absolute;left:19px;bottom:46px;width:46px;height:75px;border:4px solid #292f36;border-radius:48% 48% 42% 42%;box-shadow:inset 0 0 13px #000}.mini-handle:after{content:'';position:absolute;left:4px;right:4px;top:31px;height:12px;background:#242a31;border-radius:4px}.mini-corner{position:absolute;width:28px;height:28px;background:radial-gradient(circle at 35% 25%,#343a41,#08090b 68%);border-radius:50%;transform:translateZ(55px)}.mc1{left:-10px;top:-9px}.mc2{right:-10px;top:-9px}.mc3{left:-10px;bottom:-9px}.mc4{right:-10px;bottom:-9px}.sike-rotate-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.15em;color:#59616c;font-weight:900}.sike-device-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sike-device-stats>div{padding:14px 15px;border:1px solid #252a31;border-radius:15px;background:#0d1014}.sike-device-stats span{display:block;color:#6e7681;font-size:7px;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.sike-device-stats strong{display:block;font-size:15px;margin:7px 0 4px}.sike-device-stats small{font-size:8px;color:#89919a}.sike-device-stats small i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.sike-device-stats .green{background:var(--app-green)}.sike-device-stats .blue{background:var(--app-blue)}
.app-card-head span,.sike-mode-card>span{font-size:7px;letter-spacing:.14em;color:#6e7681;font-weight:900}.app-card-head h3,.sike-mode-card h3{margin:5px 0 0;font-size:17px}.app-card-head>b{font-size:24px}.app-card-head button{border:0;background:transparent;color:#9ca4ad;font-size:8px;cursor:pointer}.sike-volume-dial{--vol:62;width:178px;height:178px;margin:11px auto 3px;position:relative;touch-action:none}.sike-volume-dial.big{width:240px;height:240px}.sike-volume-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial-track,.dial-progress{fill:none;stroke-width:8}.dial-track{stroke:#242a31}.dial-progress{stroke:var(--app-red);stroke-linecap:round;stroke-dasharray:439.82;stroke-dashoffset:calc(439.82 - (439.82 * var(--vol))/100);filter:drop-shadow(0 0 6px rgba(255,39,52,.45));transition:stroke-dashoffset .1s}.dial-core{position:absolute;inset:32px;border:1px solid #2b3139;border-radius:50%;background:radial-gradient(circle at 35% 25%,#242a31,#090b0e 70%);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 30px #000}.dial-core strong{font-size:34px;line-height:1}.dial-core span{font-size:7px;color:#707985;letter-spacing:.18em;margin-top:5px}.sike-volume-range{width:100%;accent-color:var(--app-red)}.volume-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.volume-quick button{height:29px;border:1px solid #2a3038;background:#0b0e12;color:#7f8791;border-radius:8px;font-size:7px;font-weight:800;cursor:pointer}.volume-quick button.active,.volume-quick button:hover{border-color:#ff3541;color:#fff;background:#191015}.sike-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.sike-preset-grid button{min-height:95px;text-align:left;padding:14px;border:1px solid #292f36;border-radius:14px;background:#0d1014;color:#fff;cursor:pointer;transition:.18s}.sike-preset-grid button.active{border-color:#ff3541;background:linear-gradient(145deg,#211116,#0e1014)}.sike-preset-grid b,.sike-preset-grid small{display:block}.sike-preset-grid b{font-size:11px;margin-top:8px}.sike-preset-grid small{font-size:7px;color:#737c86;margin-top:3px}.preset-wave{display:flex;width:36px;height:17px;align-items:center;background:repeating-linear-gradient(90deg,#5e6670 0 2px,transparent 2px 5px);clip-path:polygon(0 60%,15% 45%,30% 75%,45% 20%,60% 50%,75% 35%,100% 60%,100% 100%,0 100%)}.sike-preset-grid button.active .preset-wave{background:repeating-linear-gradient(90deg,#ff3541 0 2px,transparent 2px 5px)}.sike-link-card .link-live{display:flex;align-items:center;gap:6px;font-size:7px;color:#828b95}.sike-link-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:15px 0}.link-speaker-icon{width:42px;height:42px;border-radius:11px;background:#171c22;border:1px solid #303741;display:grid;place-items:center;font-weight:900}.sike-link-row b,.sike-link-row small{display:block}.sike-link-row b{font-size:10px}.sike-link-row small{font-size:7px;color:#717984;margin-top:4px}.sike-link-row>span{font-size:7px;color:#46dd8d;border:1px solid rgba(67,227,142,.3);padding:5px 7px;border-radius:6px}.sike-add-speaker{width:100%;height:38px;border:1px dashed #353c45;border-radius:10px;background:transparent;color:#a3abb5;font-size:8px;cursor:pointer}
.sike-page-heading{padding:10px 2px 25px}.sike-page-heading>span{font-size:8px;color:var(--app-red);font-weight:900;letter-spacing:.16em}.sike-page-heading h2{font-size:44px;letter-spacing:-.055em;margin:8px 0}.sike-page-heading p{color:#727b86;margin:0;max-width:620px;line-height:1.6;font-size:11px}.sike-sound-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sike-volume-card.large{padding:28px;min-height:530px}.sike-mode-card{padding:28px}.sike-mode-card>p{color:#6e7782;font-size:10px}.sike-mode-list{display:grid;gap:9px;margin-top:27px}.sike-mode-list button{padding:18px;text-align:left;border:1px solid #293039;background:#0c0f13;color:#fff;border-radius:14px;font-size:12px;font-weight:800;cursor:pointer}.sike-mode-list button small{display:block;color:#727b86;font-size:8px;font-weight:400;margin-top:5px}.sike-mode-list button.active{border-color:#ff3541;background:#211116}
.sike-eq-panel{padding:28px;overflow:hidden}.eq-preset-row{display:flex;gap:7px;flex-wrap:wrap}.eq-preset-row button{border:1px solid #2b3139;background:#0d1014;color:#89929c;border-radius:9px;padding:9px 13px;font-size:8px;cursor:pointer}.eq-preset-row button.active{background:#fff;color:#090b0d;border-color:#fff}.sike-eq-sliders{height:390px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:end;padding:35px max(12px,4vw) 10px}.sike-eq-sliders label{height:330px;display:flex;flex-direction:column;align-items:center;gap:10px}.sike-eq-sliders output{font-size:12px;font-weight:900;color:#fff}.sike-eq-sliders input{writing-mode:vertical-lr;direction:rtl;width:22px;height:235px;accent-color:#ff3541}.sike-eq-sliders b{font-size:9px}.sike-eq-sliders small{font-size:7px;color:#69727c}.sike-eq-visual{height:95px;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 20px;border-top:1px solid #242a31}.sike-eq-visual i{--eqh:50%;width:5%;max-width:36px;height:var(--eqh);background:linear-gradient(180deg,#ff4651,#7f1019);border-radius:4px 4px 0 0;transition:.15s}.eq-footer{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #242a31}.eq-footer span{font-size:8px;color:#707984}.eq-footer strong{font-size:11px}.eq-footer button{margin-left:auto;border:1px solid #353c45;background:#171b21;color:#fff;border-radius:10px;padding:10px 14px;font-size:8px;cursor:pointer}
.sike-settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.sike-settings-card,.sike-device-info-card{padding:28px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-row span,.sike-name-field>span{display:block;font-size:7px;color:#737c86;font-weight:900;letter-spacing:.14em}.settings-row b{display:block;font-size:14px;margin:6px 0 3px}.settings-row small,.sike-name-field small{font-size:8px;color:#6f7882}.settings-divider{height:1px;background:#272d34;margin:23px 0}.sike-name-field{display:block}.sike-name-field>div{display:flex;gap:7px;margin:9px 0}.sike-name-field input{flex:1;min-width:0;border:1px solid #333a43;background:#0b0e12;color:#fff;border-radius:10px;padding:13px;font-size:12px}.sike-name-field button{border:0;background:#fff;color:#0b0d10;border-radius:10px;padding:0 17px;font-size:9px;font-weight:900;cursor:pointer}.simple-chevron{border:0;background:transparent;color:#9ba3ac;font-size:28px}.device-info-model{height:215px;display:grid;place-items:center;perspective:700px}.sike-device-info-card{text-align:center}.sike-device-info-card h3{font-size:22px;margin:0 0 8px}.sike-device-info-card dl{margin:25px 0 0;text-align:left}.sike-device-info-card dl div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #262c33}.sike-device-info-card dt{font-size:8px;color:#737c86}.sike-device-info-card dd{font-size:8px;margin:0;font-weight:800}.danger-device{width:100%;height:38px;border:1px solid rgba(255,39,52,.35);background:rgba(255,39,52,.06);color:#ff626b;border-radius:10px;font-size:8px;cursor:pointer;margin-top:12px}
.sike-app-bottom-nav{display:none}.sike-app-toast{position:fixed;right:28px;bottom:28px;z-index:5000;padding:12px 16px;background:#f5f4ef;color:#111;border-radius:12px;font-size:9px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s}.sike-app-toast.show{opacity:1;transform:none}.sike-test-app.device-off .sike-mini-speaker{filter:brightness(.38) saturate(.4)}.sike-test-app.device-off .device-status i{background:#6b737d;box-shadow:none}
@media(max-width:980px){.sike-app-shell{grid-template-columns:72px minmax(0,1fr)}.sike-app-sidebar{padding-left:5px;padding-right:5px}.sike-app-sidebar nav button{width:54px}.sike-app-main{padding:0 18px 34px}.sike-app-dashboard-grid{grid-template-columns:1fr;grid-template-areas:'hero' 'volume' 'eq' 'link'}.sike-device-hero{min-height:650px}.sike-sound-layout,.sike-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){body.sike-test-app-page{background:#080a0d}.sike-test-app-page>.site-demo-ribbon,.sike-test-app-page>.site-demo-corner,.sike-test-app-page>.announcement,.sike-test-app-page>.site-header,.sike-test-app-page>.mobile-menu,.sike-test-app-page>.site-footer,.sike-test-app-page>.livechat-launcher,.sike-test-app-page>.livechat-panel{display:none!important}.sike-test-app{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.sike-app-shell{display:block;min-height:100dvh}.sike-app-sidebar{display:none}.sike-app-main{padding:0 14px 92px}.sike-app-topbar{height:84px;padding-top:4px}.sike-app-overline{font-size:7px}.sike-app-topbar h1{font-size:22px}.sike-app-top-actions{gap:6px}.sike-app-icon,.sike-app-avatar{width:39px;height:39px;border-radius:12px}.sike-app-page{padding:14px 0 22px}.sike-app-dashboard-grid{gap:12px}.sike-device-hero,.sike-volume-card,.sike-quick-eq-card,.sike-link-card,.sike-mode-card,.sike-eq-panel,.sike-settings-card,.sike-device-info-card{border-radius:20px}.sike-device-hero{min-height:548px;padding:18px}.sike-device-card-head h2{font-size:24px}.sike-app-product-stage{height:330px}.sike-mini-speaker{--mw:140px;--mh:235px;--md:66px}.sike-app-orbit{width:290px}.sike-device-stats{grid-template-columns:1fr 1fr}.sike-device-stats>div:last-child{grid-column:1/-1}.sike-volume-card{padding:18px}.sike-volume-dial{width:155px;height:155px}.sike-volume-dial.big{width:195px;height:195px}.dial-core strong{font-size:29px}.sike-preset-grid{grid-template-columns:1fr 1fr}.sike-link-card,.sike-quick-eq-card{padding:18px}.sike-page-heading h2{font-size:32px}.sike-page-heading p{font-size:9px}.sike-eq-panel{padding:18px}.sike-eq-sliders{height:330px;gap:4px;padding:25px 0 5px}.sike-eq-sliders label{height:285px}.sike-eq-sliders input{height:195px}.eq-footer{flex-wrap:wrap}.eq-footer button{width:100%;margin-left:0}.sike-settings-card,.sike-device-info-card{padding:20px}.sike-app-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:2000;background:rgba(8,10,13,.94);backdrop-filter:blur(18px);border-top:1px solid #292e35;padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom))}.sike-app-bottom-nav button{height:51px;border:0;background:transparent;color:#68717c;display:grid;place-items:center;gap:1px}.sike-app-bottom-nav i{font-style:normal;font-size:19px}.sike-app-bottom-nav span{font-size:7px;font-weight:900}.sike-app-bottom-nav button.active{color:#fff}.sike-app-bottom-nav button.active i{color:var(--app-red)}.sike-app-toast{left:14px;right:14px;bottom:82px;text-align:center}.sike-app-topbar{position:sticky;top:0;z-index:100;background:rgba(8,10,13,.91);backdrop-filter:blur(18px)}}
@media(max-width:390px){.sike-app-main{padding-left:10px;padding-right:10px}.sike-device-hero{padding:15px}.sike-app-product-stage{height:300px}.sike-mini-speaker{--mw:126px;--mh:215px;--md:60px}.sike-device-stats>div{padding:11px}.sike-preset-grid button{min-height:86px;padding:12px}.sike-eq-sliders b{font-size:7px}.sike-eq-sliders small{font-size:6px}}

/* ============================================================
   SIKE APP V2 — clean Apple-inspired red/orange connected UI
   ============================================================ */
.sike-ios-app-page>.site-demo-ribbon,.sike-ios-app-page>.site-demo-corner{display:none!important}
body.sike-ios-app-page{margin:0;background:#ef4b23;color:#111;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif;min-height:100vh}
.sike-ios-app{min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(145deg,#ff5530 0%,#f23821 42%,#df241e 100%);padding:22px}
.sike-ios-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.sike-ios-bg i{position:absolute;border-radius:50%;filter:blur(10px);opacity:.55}.sike-ios-bg i:nth-child(1){width:55vw;height:55vw;right:-18vw;top:-20vw;background:#ffad45}.sike-ios-bg i:nth-child(2){width:45vw;height:45vw;left:-20vw;bottom:-16vw;background:#ff8b2b}.sike-ios-bg i:nth-child(3){width:30vw;height:30vw;left:30%;top:35%;background:rgba(255,207,132,.2);filter:blur(70px)}
.sike-ios-shell{position:relative;z-index:2;width:min(1180px,100%);min-height:calc(100dvh - 44px);margin:auto;background:rgba(248,248,246,.95);border:1px solid rgba(255,255,255,.72);border-radius:36px;box-shadow:0 34px 100px rgba(88,14,8,.28);overflow:hidden;backdrop-filter:blur(28px);padding:0 28px 100px}
.sike-ios-topbar{height:84px;display:flex;align-items:center;justify-content:space-between}.sike-ios-brand img{display:block;width:164px;filter:invert(1)}.sike-ios-top-actions{display:flex;align-items:center;gap:10px}.sike-ios-demo-pill{font-size:10px;font-weight:800;letter-spacing:.08em;background:#111;color:#fff;padding:9px 11px;border-radius:999px}.sike-ios-circle{width:39px;height:39px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.08);font-size:18px;color:#111}
.sike-ios-device-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.sike-ios-device-switcher button{min-width:0;height:78px;border:1px solid #e8e5e0;background:#fff;border-radius:22px;display:grid;grid-template-columns:52px 1fr 8px;align-items:center;gap:11px;padding:10px 14px;text-align:left;color:#111;transition:.22s ease}.sike-ios-device-switcher button:hover{transform:translateY(-2px)}.sike-ios-device-switcher button.active{background:#111;color:#fff;border-color:#111;box-shadow:0 12px 30px rgba(0,0,0,.12)}.device-thumb{width:52px;height:52px;border-radius:14px;background:#f2f1ee;display:grid;place-items:center;overflow:hidden}.device-thumb img{width:90%;height:90%;object-fit:contain}.sike-ios-device-switcher strong{display:block;font-size:13px;letter-spacing:-.02em}.sike-ios-device-switcher small{display:block;margin-top:4px;color:#92908c;font-size:9px}.sike-ios-device-switcher button.active small{color:#aaa}.sike-ios-device-switcher i{width:7px;height:7px;border-radius:50%;background:#32d574}
.sike-ios-view{display:none;animation:sikeIosIn .25s ease}.sike-ios-view.active{display:block}@keyframes sikeIosIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sike-ios-hero-card,.sike-ios-card{background:#fff;border:1px solid #ece9e4;border-radius:28px;box-shadow:0 12px 38px rgba(40,28,22,.055)}.sike-ios-hero-card{padding:24px}.sike-ios-hero-head{display:flex;justify-content:space-between;align-items:flex-start}.sike-ios-connected{display:inline-flex;align-items:center;gap:6px;color:#6a6966;font-size:9px;font-weight:750;letter-spacing:.08em}.sike-ios-connected i{width:7px;height:7px;border-radius:50%;background:#32d574;box-shadow:0 0 0 5px rgba(50,213,116,.1)}.sike-ios-hero-head h1{font-size:34px;line-height:.95;letter-spacing:-.055em;margin:10px 0 7px;color:#111}.sike-ios-hero-head p{margin:0;color:#8b8884;font-size:11px}.sike-ios-power{width:49px;height:30px;border:0;border-radius:999px;background:#dad7d2;padding:3px;transition:.2s}.sike-ios-power span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.13);transition:.2s}.sike-ios-power.on{background:#34c759}.sike-ios-power.on span{transform:translateX(19px)}
.sike-ios-product-stage{height:390px;position:relative;display:grid;place-items:center;perspective:900px;touch-action:none;cursor:grab}.sike-ios-product-stage.dragging{cursor:grabbing}.sike-ios-halo{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#ff6339 0%,rgba(255,90,45,.28) 32%,transparent 68%);filter:blur(4px)}.sike-ios-product-tilt{position:absolute;left:50%;top:50%;width:300px;height:310px;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .08s linear}.sike-ios-product-tilt img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(0,0,0,.22));user-select:none;-webkit-user-drag:none}.powercell-selected .sike-ios-product-tilt{width:330px;height:245px}.sike-ios-drag-hint{position:absolute;bottom:7px;color:#aaa6a0;font-size:9px;font-weight:700}
.sike-ios-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sike-ios-status-row>div{background:#f7f6f3;border-radius:17px;padding:13px}.sike-ios-status-row span{display:block;color:#92908c;font-size:8px}.sike-ios-status-row strong{display:block;margin:5px 0 2px;font-size:15px}.sike-ios-status-row small{display:block;color:#aaa6a0;font-size:8px}
.sike-ios-speaker-controls,.sike-ios-powercell-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.sike-ios-card{padding:20px}.sike-ios-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sike-ios-card-title span{display:block;font-size:14px;font-weight:700}.sike-ios-card-title small{display:block;color:#9b9893;font-size:8px;margin-top:3px}.sike-ios-card-title>strong{font-size:22px;letter-spacing:-.04em}.sike-ios-link-button{border:0;background:transparent;color:#ef4327;font-size:10px;font-weight:700}
.sike-ios-volume-card input[type=range]{width:100%;accent-color:#ef4327}.sike-ios-volume-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.sike-ios-volume-quick button,.sike-ios-segmented button{border:0;background:#f5f3ef;border-radius:11px;padding:10px 6px;font-size:9px;font-weight:650;color:#76736f}.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{background:#111;color:#fff}.sike-ios-segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sike-ios-segmented.wide{margin-top:12px;background:#fff;padding:8px;border-radius:18px}.sike-ios-device-card{padding:6px;margin-top:12px}.sike-ios-device-card>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;text-align:left;padding:13px;border-radius:18px;color:#111}.sike-ios-device-card>button+button{border-top:1px solid #eeeae4}.sike-ios-row-icon{width:36px;height:36px;border-radius:11px;background:#f5f3ef;display:grid;place-items:center;font-size:17px}.sike-ios-device-card b{display:block;font-size:12px}.sike-ios-device-card small{display:block;color:#999690;font-size:8px;margin-top:2px}.sike-ios-device-card em{font-size:23px;font-style:normal;color:#aaa}
.sike-ios-page-head{height:76px;display:grid;grid-template-columns:44px 1fr 70px;align-items:center}.sike-ios-page-head>button{border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:24px;color:#111}.sike-ios-page-head>button.text{width:auto;background:transparent;border-radius:0;color:#ef4327;font-size:10px;font-weight:700}.sike-ios-page-head span{font-size:8px;color:#9a9690}.sike-ios-page-head h2{font-size:27px;letter-spacing:-.045em;margin:2px 0 0}.sike-ios-eq-card{padding-top:26px}.sike-ios-eq-visual{height:105px;display:flex;align-items:flex-end;justify-content:center;gap:5px;margin:0 0 20px}.sike-ios-eq-visual i{width:8px;height:45%;border-radius:9px;background:linear-gradient(180deg,#ff7b3d,#ec3525);transition:.18s}.sike-ios-eq-sliders{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sike-ios-eq-sliders label{text-align:center;display:flex;flex-direction:column;gap:7px}.sike-ios-eq-sliders output{font-size:11px;font-weight:700}.sike-ios-eq-sliders input{width:100%;accent-color:#ef4327}.sike-ios-eq-sliders b{font-size:9px}.sike-ios-eq-sliders small{font-size:7px;color:#999}.sike-ios-settings-list{padding:5px 18px}.sike-ios-setting-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ece9e4}.sike-ios-setting-row:last-child{border:0}.sike-ios-setting-row b{display:block;font-size:12px}.sike-ios-setting-row small{display:block;color:#96928d;font-size:8px;margin-top:4px}.sike-ios-setting-row em{font-style:normal;color:#aaa;font-size:22px}.sike-ios-setting-row.input>div{display:flex;gap:5px}.sike-ios-setting-row input{width:140px;border:0;background:#f4f2ef;border-radius:10px;padding:9px;font-size:10px}.sike-ios-setting-row.input>div button{border:0;background:#111;color:#fff;border-radius:10px;padding:0 12px;font-size:9px}.sike-ios-about-card{margin-top:12px}.sike-ios-about-card>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eeeae5}.sike-ios-about-card>div:last-child{border:0}.sike-ios-about-card span{font-size:9px;color:#999}.sike-ios-about-card b{font-size:10px}.sike-ios-link-panel{text-align:center;padding:34px}.sike-ios-link-orbit{width:170px;height:170px;border:1px dashed #e9c6ba;border-radius:50%;margin:0 auto 18px;position:relative;display:grid;place-items:center}.sike-ios-link-orbit .host{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#111;color:#fff;font-weight:900;font-size:25px}.sike-ios-link-orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:#f05b36}.sike-ios-link-orbit i:nth-child(2){top:12px;left:45px}.sike-ios-link-orbit i:nth-child(3){right:8px;top:82px}.sike-ios-link-orbit i:nth-child(4){bottom:15px;left:33px}.sike-ios-link-panel h3{font-size:22px;letter-spacing:-.04em}.sike-ios-link-panel p{max-width:380px;margin:9px auto 18px;color:#8f8a85;font-size:10px;line-height:1.6}.sike-ios-primary{border:0;background:#111;color:#fff;border-radius:14px;padding:13px 19px;font-size:10px;font-weight:700}.sike-ios-battery-health{grid-column:1/-1;position:relative;overflow:hidden}.sike-ios-charge-ring{width:150px;height:150px;margin:8px auto 15px;border-radius:50%;background:conic-gradient(#ef4426 0 82%,#eeeae4 82%);display:grid;place-items:center}.sike-ios-charge-ring:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#fff}.sike-ios-charge-ring>div{z-index:2;text-align:center}.sike-ios-charge-ring b{display:block;font-size:28px}.sike-ios-charge-ring small{font-size:8px;color:#999}.sike-ios-battery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sike-ios-battery-grid div{background:#f6f4f0;border-radius:14px;padding:12px}.sike-ios-battery-grid span{display:block;color:#999;font-size:8px}.sike-ios-battery-grid b{font-size:11px}.sike-ios-tabbar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(22,22,22,.93);backdrop-filter:blur(20px);border-radius:22px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.2)}.sike-ios-tabbar button{height:55px;border:0;background:transparent;color:#898989;border-radius:17px;display:grid;place-items:center;gap:1px}.sike-ios-tabbar i{font-style:normal;font-size:19px}.sike-ios-tabbar span{font-size:7px;font-weight:700}.sike-ios-tabbar button.active{color:#fff;background:#2c2c2c}.sike-ios-tabbar button.active i{color:#ff6339}.sike-ios-toast{position:fixed;left:50%;bottom:94px;transform:translate(-50%,12px);z-index:3000;background:#111;color:#fff;border-radius:999px;padding:11px 16px;font-size:9px;opacity:0;pointer-events:none;transition:.2s}.sike-ios-toast.show{opacity:1;transform:translate(-50%,0)}.sike-ios-app.device-off .sike-ios-product-tilt{opacity:.38;filter:grayscale(1)}
@media(max-width:720px){body.sike-ios-app-page{background:#ef4327}.sike-ios-app{padding:0;background:linear-gradient(165deg,#ff5c32,#e92f20)}.sike-ios-shell{width:100%;min-height:100dvh;border:0;border-radius:0;padding:0 14px calc(100px + env(safe-area-inset-bottom));box-shadow:none;background:#f7f6f3}.sike-ios-topbar{height:72px;padding-top:env(safe-area-inset-top)}.sike-ios-brand img{width:136px}.sike-ios-demo-pill{display:none}.sike-ios-device-switcher{display:flex;overflow-x:auto;gap:8px;margin:3px -14px 12px;padding:0 14px 5px;scrollbar-width:none}.sike-ios-device-switcher::-webkit-scrollbar{display:none}.sike-ios-device-switcher button{flex:0 0 190px;height:66px;border-radius:18px;grid-template-columns:44px 1fr 7px;padding:8px 11px}.device-thumb{width:44px;height:44px;border-radius:12px}.sike-ios-hero-card{border-radius:24px;padding:18px}.sike-ios-hero-head h1{font-size:28px}.sike-ios-product-stage{height:290px}.sike-ios-product-tilt{width:230px;height:245px}.powercell-selected .sike-ios-product-tilt{width:260px;height:190px}.sike-ios-halo{width:250px;height:250px}.sike-ios-status-row{grid-template-columns:1fr 1fr}.sike-ios-status-row>div:last-child{grid-column:1/-1}.sike-ios-speaker-controls{grid-template-columns:1fr}.sike-ios-card{border-radius:22px;padding:17px}.sike-ios-volume-quick button,.sike-ios-segmented button{padding:9px 4px;font-size:8px}.sike-ios-page-head{height:68px}.sike-ios-page-head h2{font-size:23px}.sike-ios-eq-card{padding:17px}.sike-ios-eq-sliders{gap:5px}.sike-ios-setting-row.input{align-items:flex-start;gap:12px;flex-direction:column;padding:14px 0}.sike-ios-setting-row.input>div{width:100%}.sike-ios-setting-row input{flex:1;width:auto}.sike-ios-tabbar{position:fixed;bottom:calc(9px + env(safe-area-inset-bottom));width:calc(100% - 20px);z-index:2500}.sike-ios-toast{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(min-width:721px) and (max-width:1000px){.sike-ios-shell{padding-left:18px;padding-right:18px}.sike-ios-device-switcher button{grid-template-columns:45px 1fr 7px}.device-thumb{width:45px;height:45px}.sike-ios-product-stage{height:350px}.sike-ios-product-tilt{width:270px}.sike-ios-speaker-controls{grid-template-columns:1fr}}

/* ===================================================================
   SIKE APP V3 — RED CONTROL CENTER / DESKTOP DASHBOARD + iPHONE UI
   =================================================================== */
body.sike-ios-app-page{background:#ff2f35!important;color:#111;overflow-x:hidden}
body.sike-ios-app-page .site-demo-corner{display:none}
body.sike-ios-app-page .site-demo-ribbon{position:relative;z-index:2800}
body.sike-ios-app-page .announcement{position:relative;z-index:2790;background:#090909}
body.sike-ios-app-page .site-header{position:relative;z-index:2780;background:#090909;border-bottom:1px solid rgba(255,255,255,.12)}
body.sike-ios-app-page .desktop-nav a.active{color:#fff}
body.sike-ios-app-page .desktop-nav a.active:after{background:#ff3038}

.sike-ios-app{--app-red:#ff3038;--app-red-dark:#e51f2c;--ink:#111;--muted:#7b7470;--cream:#f5f1eb;--paper:#fff;min-height:calc(100vh - 180px);padding:28px;background:#ff2f35!important;position:relative;overflow:hidden}
.sike-ios-bg{position:fixed!important;inset:auto!important;display:none!important}
.sike-ios-shell{width:min(1500px,100%);min-height:780px;margin:0 auto;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:14px;padding:18px;border-radius:30px;background:rgba(245,241,235,.98)!important;box-shadow:0 30px 80px rgba(85,0,0,.20);border:1px solid rgba(255,255,255,.75);position:relative}
.sike-ios-topbar{grid-column:2;grid-row:1;height:auto;min-height:82px;padding:8px 6px 4px;border:0;display:flex;align-items:flex-start;justify-content:space-between}
.sike-app-dashboard-title span{display:block;font-size:9px;font-weight:900;letter-spacing:.17em;color:#ef3239;margin-bottom:7px}.sike-app-dashboard-title h1{font-size:34px;line-height:1;margin:0;letter-spacing:-.055em}.sike-app-dashboard-title small{display:block;color:#948c86;font-size:10px;margin-top:7px}
.sike-ios-top-actions{align-items:center;gap:8px}.sike-ios-demo-pill{background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-size:8px;font-weight:900;letter-spacing:.11em}.sike-ios-circle{width:40px;height:40px;border-radius:13px;background:#fff;border:1px solid #ded8d1;color:#111;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.05)}

.sike-ios-device-switcher{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0}
.sike-ios-device-switcher button{height:74px;border:1px solid #e0dad3;background:#fff;border-radius:18px;display:grid;grid-template-columns:50px 1fr 8px;align-items:center;gap:11px;padding:10px;text-align:left;color:#111;box-shadow:0 5px 18px rgba(0,0,0,.025);transition:.18s transform,.18s border-color,.18s box-shadow}.sike-ios-device-switcher button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.06)}.sike-ios-device-switcher button.active{background:#111;color:#fff;border-color:#111;box-shadow:0 10px 24px rgba(0,0,0,.12)}.sike-ios-device-switcher button i{width:7px;height:7px;border-radius:50%;background:#32d37a;justify-self:end}.device-thumb{width:50px;height:50px;border-radius:14px;background:#f0ece7;display:grid;place-items:center;overflow:hidden}.device-thumb img{max-width:100%;max-height:100%;object-fit:contain}.sike-ios-device-switcher strong{display:block;font-size:11px}.sike-ios-device-switcher small{display:block;font-size:8px;color:#9a938e;margin-top:3px}.sike-ios-device-switcher button.active small{color:#9d9d9d}

.sike-ios-view{grid-column:2;grid-row:3;display:none;min-width:0;padding:0 0 84px}.sike-ios-view.active{display:block;animation:sikeDashIn .2s ease both}@keyframes sikeDashIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sike-ios-view[data-view="home"].active{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px;align-items:start}
.sike-ios-hero-card,.sike-ios-card{background:#fff;border:1px solid #e1dbd4;box-shadow:0 8px 28px rgba(0,0,0,.035)}
.sike-ios-hero-card{grid-column:1;grid-row:1 / span 3;border-radius:24px;padding:22px;min-height:580px;display:grid;grid-template-rows:auto minmax(300px,1fr) auto}
.sike-ios-hero-head{display:flex;justify-content:space-between;align-items:flex-start}.sike-ios-connected{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:900;letter-spacing:.11em;color:#716d69}.sike-ios-connected i{width:7px;height:7px;border-radius:50%;background:#31d27a;box-shadow:0 0 0 6px rgba(49,210,122,.10)}.sike-ios-hero-head h1{font-size:36px;margin:9px 0 4px;letter-spacing:-.055em}.sike-ios-hero-head p{color:#96908b;font-size:10px;margin:0}.sike-ios-power{width:54px;height:31px;border:0;border-radius:999px;background:#ddd7d0;position:relative}.sike-ios-power span{position:absolute;width:25px;height:25px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s}.sike-ios-power.on{background:#2dcc70}.sike-ios-power.on span{left:26px}
.sike-ios-product-stage{height:auto;min-height:340px;position:relative;display:grid;place-items:center;perspective:950px;cursor:grab;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 48%,rgba(255,48,56,.10),transparent 38%),linear-gradient(180deg,#fbfaf8,#f6f2ed)}.sike-ios-product-stage.dragging{cursor:grabbing}.sike-ios-halo{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,48,56,.14),transparent 67%);filter:none}.sike-ios-product-tilt{position:absolute;left:50%;top:50%;width:280px;height:290px;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .08s linear}.sike-ios-product-tilt img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 20px rgba(0,0,0,.16));user-select:none;-webkit-user-drag:none}.powercell-selected .sike-ios-product-tilt{width:320px;height:225px}.sike-ios-drag-hint{position:absolute;bottom:12px;color:#a49d97;font-size:8px;font-weight:800;letter-spacing:.08em}
.sike-ios-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sike-ios-status-row>div{background:#f7f4f0;border:1px solid #eee7e0;border-radius:14px;padding:12px}.sike-ios-status-row span{display:block;color:#99918b;font-size:7px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.sike-ios-status-row strong{display:block;margin:5px 0 2px;font-size:14px}.sike-ios-status-row small{display:block;color:#aaa29d;font-size:7px}
.sike-ios-speaker-controls,.sike-ios-powercell-controls{grid-column:2;display:grid;grid-template-columns:1fr;gap:12px;margin:0}.sike-ios-card{border-radius:20px;padding:18px}.sike-ios-card-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.sike-ios-card-title span{display:block;font-size:13px;font-weight:800}.sike-ios-card-title small{display:block;color:#9b948f;font-size:8px;margin-top:3px}.sike-ios-card-title>strong{font-size:24px;letter-spacing:-.04em}.sike-ios-link-button{border:0;background:transparent;color:#ef3038;font-size:9px;font-weight:800}.sike-ios-volume-card input[type=range]{width:100%;accent-color:#ff3038}.sike-ios-volume-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.sike-ios-volume-quick button,.sike-ios-segmented button{border:1px solid #ebe4de;background:#f7f4f0;border-radius:10px;padding:9px 5px;font-size:8px;font-weight:800;color:#77716c}.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{background:#111;color:#fff;border-color:#111}.sike-ios-segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.sike-ios-device-card{grid-column:2;padding:5px;margin:0}.sike-ios-device-card>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;text-align:left;padding:11px;border-radius:14px;color:#111}.sike-ios-device-card>button+button{border-top:1px solid #eee8e2}.sike-ios-row-icon{width:34px;height:34px;border-radius:10px;background:#f5f1ed;display:grid;place-items:center;font-size:16px}.sike-ios-device-card b{display:block;font-size:11px}.sike-ios-device-card small{display:block;color:#99918c;font-size:7px;margin-top:2px}.sike-ios-device-card em{font-size:20px;font-style:normal;color:#aaa}

/* Desktop nav becomes a real app sidebar. */
.sike-ios-tabbar{grid-column:1;grid-row:1 / span 3;position:sticky;top:18px;left:auto;bottom:auto;transform:none;width:90px;height:calc(100vh - 230px);min-height:630px;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:#111;border-radius:22px;padding:10px 8px;box-shadow:none;z-index:5}.sike-app-nav-brand{height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #2c2c2c;margin-bottom:4px}.sike-app-nav-brand img{width:74px;max-height:26px;object-fit:contain}.sike-app-nav-brand small{font-size:6px;letter-spacing:.15em;color:#777;margin-top:8px;font-weight:900}.sike-ios-tabbar button,.sike-app-help-link{height:62px;border:0;background:transparent;color:#777;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none}.sike-ios-tabbar i,.sike-app-help-link i{font-style:normal;font-size:19px}.sike-ios-tabbar span,.sike-app-help-link span{font-size:7px;font-weight:800}.sike-ios-tabbar button.active{background:#252525;color:#fff}.sike-ios-tabbar button.active i{color:#ff3940}.sike-app-help-link{margin-top:auto}.sike-app-help-link:hover{background:#202020;color:#fff}

/* Inner pages */
.sike-ios-page-head{height:70px;display:grid;grid-template-columns:44px 1fr 70px;align-items:center}.sike-ios-page-head>button{border:1px solid #e0dad3;background:#fff;border-radius:13px;width:38px;height:38px;font-size:20px;color:#111}.sike-ios-page-head>button.text{width:auto;background:transparent;border:0;color:#ef3038;font-size:9px;font-weight:800}.sike-ios-page-head span{font-size:8px;color:#9a938e}.sike-ios-page-head h2{font-size:27px;letter-spacing:-.045em;margin:2px 0 0}.sike-ios-eq-card,.sike-ios-settings-list,.sike-ios-link-panel,.sike-ios-about-card{max-width:920px}.sike-ios-eq-visual i{background:linear-gradient(180deg,#ff5a42,#ff3038)}.sike-ios-primary{background:#111}.sike-ios-charge-ring{background:conic-gradient(#ff3038 0 82%,#eee8e2 82%)}
.sike-ios-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);z-index:4000;background:#111;color:#fff;border-radius:999px;padding:10px 15px;font-size:8px;opacity:0;pointer-events:none;transition:.2s}.sike-ios-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1050px){
 .sike-ios-app{padding:18px}.sike-ios-shell{grid-template-columns:76px minmax(0,1fr);padding:14px;column-gap:12px}.sike-ios-tabbar{width:76px}.sike-ios-view[data-view="home"].active{grid-template-columns:1fr}.sike-ios-hero-card{grid-column:1;grid-row:auto;min-height:520px}.sike-ios-speaker-controls,.sike-ios-powercell-controls,.sike-ios-device-card{grid-column:1}.sike-ios-speaker-controls{grid-template-columns:1fr 1fr}.sike-ios-device-card{display:grid;grid-template-columns:1fr 1fr}.sike-ios-device-card>button+button{border-top:0;border-left:1px solid #eee8e2}.sike-ios-tabbar{height:calc(100vh - 215px);min-height:590px}
}

@media(max-width:720px){
 body.sike-ios-app-page{background:#ff3038!important}.sike-ios-app{padding:0;background:#ff3038!important}.sike-ios-shell{width:100%;min-height:100dvh;display:block;border:0;border-radius:0;padding:0 14px calc(96px + env(safe-area-inset-bottom));box-shadow:none;background:#f5f1eb!important}.sike-ios-topbar{height:auto;min-height:78px;padding:14px 0 7px;display:flex}.sike-app-dashboard-title span{font-size:7px}.sike-app-dashboard-title h1{font-size:27px}.sike-app-dashboard-title small{display:none}.sike-ios-demo-pill{display:none}.sike-ios-device-switcher{display:flex;overflow-x:auto;gap:8px;margin:4px -14px 12px;padding:0 14px 5px;scrollbar-width:none}.sike-ios-device-switcher::-webkit-scrollbar{display:none}.sike-ios-device-switcher button{flex:0 0 185px;height:65px;border-radius:18px;grid-template-columns:43px 1fr 7px;padding:8px 10px}.device-thumb{width:43px;height:43px;border-radius:12px}.sike-ios-view{padding:0 0 80px}.sike-ios-view[data-view="home"].active{display:block}.sike-ios-hero-card{border-radius:22px;padding:16px;min-height:0;display:block}.sike-ios-hero-head h1{font-size:27px}.sike-ios-product-stage{height:270px;min-height:270px;margin-top:10px}.sike-ios-product-tilt{width:220px;height:230px}.powercell-selected .sike-ios-product-tilt{width:255px;height:180px}.sike-ios-halo{width:235px;height:235px}.sike-ios-status-row{grid-template-columns:1fr 1fr}.sike-ios-status-row>div:last-child{grid-column:1/-1}.sike-ios-speaker-controls,.sike-ios-powercell-controls{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.sike-ios-card{border-radius:20px;padding:16px}.sike-ios-device-card{display:block;margin-top:10px}.sike-ios-device-card>button+button{border-left:0;border-top:1px solid #eee8e2}.sike-ios-page-head{height:65px}.sike-ios-page-head h2{font-size:23px}.sike-ios-tabbar{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));top:auto;transform:translateX(-50%);width:calc(100% - 20px);height:auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(17,17,17,.96);backdrop-filter:blur(18px);border-radius:20px;padding:5px;z-index:3000}.sike-app-nav-brand,.sike-app-help-link{display:none}.sike-ios-tabbar button{height:55px}.sike-ios-tabbar span{font-size:7px}.sike-ios-toast{bottom:calc(82px + env(safe-area-inset-bottom))}
 body.sike-ios-app-page .site-demo-ribbon,body.sike-ios-app-page .announcement{display:none}.sike-ios-app-page .site-header{height:66px;padding:0 14px;position:sticky;top:0}.sike-ios-app-page .brand img{width:150px}.sike-ios-app-page .desktop-nav{display:none}
}


/* ===================================================================
   SIKE APP V4 — DARK ORANGE / RED CONTROL CENTER
   Removes the large white/cream dashboard background and replaces the
   complete app with a dark professional control center on SIKE orange/red.
   =================================================================== */

body.sike-ios-app-page{
  background:
    radial-gradient(circle at 18% 12%,rgba(255,126,46,.32),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,63,36,.25),transparent 30%),
    linear-gradient(145deg,#ff4a27 0%,#f52f2d 42%,#a90f18 100%) !important;
  color:#f7f7f7 !important;
}
.sike-ios-app{
  --app-red:#ff4034;
  --app-orange:#ff7a2f;
  --app-red-dark:#cb1f29;
  --ink:#f7f7f7;
  --muted:#9fa2a8;
  --cream:#15171b;
  --paper:#17191e;
  background:
    radial-gradient(circle at 13% 7%,rgba(255,130,53,.26),transparent 26%),
    radial-gradient(circle at 90% 30%,rgba(255,62,38,.18),transparent 30%),
    linear-gradient(145deg,#ff4b26 0%,#ef2f30 44%,#a71420 100%) !important;
  min-height:calc(100vh - 180px);
}
.sike-ios-shell{
  background:rgba(10,11,14,.94) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 28px 80px rgba(58,0,0,.34) !important;
  color:#f8f8f8 !important;
}
.sike-ios-topbar{
  color:#fff !important;
}
.sike-app-dashboard-title span{
  color:#ff6d43 !important;
}
.sike-app-dashboard-title h1{
  color:#fff !important;
}
.sike-app-dashboard-title small{
  color:#888d95 !important;
}
.sike-ios-demo-pill{
  background:#ff4a35 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.sike-ios-circle{
  background:#1c1f24 !important;
  color:#fff !important;
  border:1px solid #30343a !important;
}

/* Device selector */
.sike-ios-device-switcher button{
  background:#15181d !important;
  color:#f8f8f8 !important;
  border:1px solid #292d34 !important;
  box-shadow:none !important;
}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff512f,#dd2630) !important;
  border-color:#ff7b4c !important;
  box-shadow:0 10px 28px rgba(228,43,37,.22) !important;
}
.sike-ios-device-switcher button small{
  color:#8f949c !important;
}
.sike-ios-device-switcher button.active small{
  color:rgba(255,255,255,.72) !important;
}
.device-thumb{
  background:#0c0e12 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Main cards */
.sike-ios-hero-card,.sike-ios-card{
  background:#15181d !important;
  border:1px solid #292d34 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18) !important;
  color:#f7f7f7 !important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{
  color:#fff !important;
}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{
  color:#8d939c !important;
}
.sike-ios-connected{
  color:#9fa5ad !important;
}
.sike-ios-product-stage{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,79,47,.15),transparent 38%),
    linear-gradient(180deg,#111318,#090b0f) !important;
  border:1px solid #242830 !important;
}
.sike-ios-halo{
  background:radial-gradient(circle,rgba(255,79,47,.19),transparent 68%) !important;
}
.sike-ios-drag-hint{
  color:#69707a !important;
}

/* Status blocks */
.sike-ios-status-row>div{
  background:#0e1116 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-status-row span,
.sike-ios-status-row small{
  color:#737b85 !important;
}
.sike-ios-status-row strong{
  color:#f6f6f6 !important;
}

/* Buttons, sliders and segmented controls */
.sike-ios-link-button{
  color:#ff6840 !important;
}
.sike-ios-volume-card input[type=range],
.sike-ios-eq-sliders input{
  accent-color:#ff5136 !important;
}
.sike-ios-volume-quick button,
.sike-ios-segmented button{
  background:#0e1116 !important;
  color:#8c929a !important;
  border:1px solid #272c34 !important;
}
.sike-ios-volume-quick button.active,
.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff522f,#e02b30) !important;
  color:#fff !important;
  border-color:#ff6440 !important;
}
.sike-ios-power{
  background:#343840 !important;
}
.sike-ios-power.on{
  background:linear-gradient(90deg,#ff5a33,#ff7b2f) !important;
}
.sike-ios-power span{
  background:#fff !important;
}
.sike-ios-row-icon{
  background:#0d1014 !important;
  color:#ff6b41 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-device-card>button{
  color:#fff !important;
}
.sike-ios-device-card>button+button{
  border-color:#292d34 !important;
}
.sike-ios-device-card em{
  color:#59616b !important;
}

/* Sidebar */
.sike-ios-tabbar{
  background:#090b0e !important;
  border:1px solid #252930 !important;
}
.sike-app-nav-brand{
  border-color:#252930 !important;
}
.sike-ios-tabbar button,
.sike-app-help-link{
  color:#747b85 !important;
}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff4f2f,#d92831) !important;
  color:#fff !important;
}
.sike-ios-tabbar button.active i{
  color:#fff !important;
}
.sike-app-help-link:hover{
  background:#181b20 !important;
  color:#fff !important;
}

/* EQ/settings/link */
.sike-ios-page-head h2{
  color:#fff !important;
}
.sike-ios-page-head span{
  color:#7e858f !important;
}
.sike-ios-page-head>button{
  background:#14171c !important;
  color:#fff !important;
  border-color:#2b3038 !important;
}
.sike-ios-page-head>button.text{
  color:#ff6942 !important;
}
.sike-ios-eq-visual i{
  background:linear-gradient(180deg,#ff8b39,#ff3e35) !important;
}
.sike-ios-setting-row{
  border-color:#292d34 !important;
}
.sike-ios-setting-row input{
  background:#0d1014 !important;
  color:#fff !important;
  border:1px solid #272c33 !important;
}
.sike-ios-setting-row.input>div button,
.sike-ios-primary{
  background:linear-gradient(135deg,#ff552f,#df2730) !important;
  color:#fff !important;
}
.sike-ios-about-card>div{
  border-color:#292d34 !important;
}
.sike-ios-link-orbit{
  border-color:#4e3430 !important;
}
.sike-ios-link-orbit .host{
  background:linear-gradient(135deg,#ff552f,#d72b31) !important;
  color:#fff !important;
}
.sike-ios-link-orbit i{
  background:#ff7b35 !important;
}
.sike-ios-charge-ring{
  background:conic-gradient(#ff5737 0 82%,#2a2e34 82%) !important;
}
.sike-ios-charge-ring:before{
  background:#15181d !important;
}
.sike-ios-battery-grid div{
  background:#0d1014 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-battery-grid span{
  color:#727a84 !important;
}
.sike-ios-battery-grid b{
  color:#fff !important;
}
.sike-ios-toast{
  background:#fff !important;
  color:#111 !important;
}

/* Remove remaining light/cream surfaces */
.sike-ios-segmented.wide{
  background:#111419 !important;
}
.sike-ios-setting-row.input>div,
.sike-ios-view,
.sike-ios-speaker-controls,
.sike-ios-powercell-controls{
  background:transparent !important;
}

/* Mobile remains fully dark with SIKE orange/red background. */
@media(max-width:720px){
  body.sike-ios-app-page{
    background:linear-gradient(165deg,#ff532c,#e62531 54%,#8f101a) !important;
  }
  .sike-ios-app{
    background:
      radial-gradient(circle at 10% 0%,rgba(255,139,54,.25),transparent 25%),
      linear-gradient(165deg,#ff512b,#df2730 58%,#8c101b) !important;
  }
  .sike-ios-shell{
    background:#0b0d10 !important;
  }
  .sike-ios-topbar{
    background:#0b0d10 !important;
  }
  .sike-ios-device-switcher{
    background:transparent !important;
  }
  .sike-ios-tabbar{
    background:rgba(8,10,13,.94) !important;
    border:1px solid #262a31 !important;
  }
  .sike-ios-hero-card,.sike-ios-card{
    background:#15181d !important;
  }
}


/* ===================================================================
   SIKE APP V5 — 20 SMART FEATURES
   =================================================================== */
.sike-feature-dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;grid-column:1/-1}
.sike-feature-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.sike-feature-quick-row button{min-height:70px;border:1px solid #282d34;background:#0d1014;color:#fff;border-radius:14px;padding:10px;text-align:left;display:flex;gap:9px;align-items:center;cursor:pointer;transition:.18s ease}
.sike-feature-quick-row button:hover{transform:translateY(-2px);border-color:#4a3030}
.sike-feature-quick-row button.on{background:linear-gradient(135deg,rgba(255,79,47,.22),rgba(222,41,48,.12));border-color:#ff5636}
.sike-feature-quick-row i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1a1e24;color:#ff6941;font-style:normal;font-size:15px}
.sike-feature-quick-row b{display:block;font-size:11px}.sike-feature-quick-row small{display:block;color:#747c86;font-size:8px;margin-top:2px}
.sike-feature-status-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.sike-feature-status-pills span{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:#0d1014;border:1px solid #292e35;color:#5d6570}
.sike-feature-status-pills span.active{color:#fff;border-color:#ff5b39;background:rgba(255,80,48,.14)}

.sike-feature-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:22px 24px;margin-bottom:16px;border:1px solid #2b3037;border-radius:18px;background:linear-gradient(125deg,#15181d 0%,#17191e 60%,rgba(255,76,42,.12) 100%)}
.sike-feature-intro span,.sike-feature-section-title span{font-size:9px;letter-spacing:.16em;color:#ff6a42;font-weight:900}
.sike-feature-intro h3{font-size:27px;margin:4px 0;color:#fff}.sike-feature-intro p{max-width:560px;color:#878e98;font-size:10px;line-height:1.55;margin:0}
.sike-feature-intro>strong{font-size:12px;padding:9px 12px;border-radius:999px;background:#0c0f13;border:1px solid #2d3239;color:#fff;white-space:nowrap}
.sike-feature-section{margin-bottom:22px}
.sike-feature-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.sike-feature-section-title small{font-size:9px;color:#626a75}
.sike-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sike-feature-card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:98px;padding:14px!important;overflow:hidden}
.sike-feature-card.enabled{border-color:#5d352f!important;box-shadow:inset 0 0 0 1px rgba(255,87,52,.15)!important}
.sike-feature-card>.sike-feature-icon{width:39px;height:39px;border-radius:12px;background:#0c0f13;border:1px solid #292e35;display:grid;place-items:center;color:#ff7045;font-size:18px}
.sike-feature-card>div>b{display:block;color:#fff;font-size:11px}.sike-feature-card>div>small{display:block;color:#777f89;font-size:8px;line-height:1.35;margin-top:3px}
.sike-feature-card>strong{color:#fff;font-size:13px}
.sike-feature-card>input[type=range]{grid-column:2/-1;width:100%;accent-color:#ff5136}
.sike-feature-card select{background:#0c0f13;border:1px solid #2b3037;color:#fff;border-radius:9px;padding:8px 9px;font-size:9px}
.sike-mini-switch{width:44px;height:25px;border:0;border-radius:999px;background:#333942;padding:3px;cursor:pointer;transition:.2s}
.sike-mini-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}
.sike-mini-switch.on{background:linear-gradient(90deg,#ff5c35,#ff842f)}.sike-mini-switch.on span{transform:translateX(19px)}
.sike-feature-segments{display:flex;gap:4px;grid-column:2/-1}.sike-feature-segments button{background:#0c0f13;border:1px solid #292e35;color:#7d858f;border-radius:9px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.sike-feature-segments button.active{background:#ff5135;border-color:#ff6744;color:#fff}
.sike-color-dots{display:flex;gap:7px}.sike-color-dots button{width:24px;height:24px;border-radius:50%;border:2px solid #2e333a;background:var(--dot,#fff);cursor:pointer;box-shadow:inset 0 0 0 2px #0c0f13}.sike-color-dots button.active{outline:2px solid #fff;outline-offset:2px}
.sike-feature-primary-small{background:linear-gradient(135deg,#ff5632,#d92931);border:0;color:#fff;border-radius:9px;padding:9px 11px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.sike-feature-action-row{display:flex;gap:5px;grid-column:2/-1}.sike-feature-action-row input{min-width:0;flex:1;background:#0c0f13;border:1px solid #292e35;color:#fff;border-radius:9px;padding:8px;font-size:9px}.sike-feature-action-row button{background:#ff5135;color:#fff;border:0;border-radius:8px;padding:0 10px;font-size:8px;font-weight:900;cursor:pointer}
.sike-saved-profiles{grid-column:2/-1;display:flex;gap:5px;flex-wrap:wrap}.sike-saved-profiles button{background:#0c0f13;color:#9ca3ac;border:1px solid #2a3037;border-radius:999px;padding:5px 8px;font-size:8px;cursor:pointer}
.sike-feature-metrics{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sike-feature-metrics span{background:#0c0f13;border:1px solid #272c33;border-radius:9px;padding:7px}.sike-feature-metrics b{display:block;color:#fff;font-size:11px}.sike-feature-metrics small{color:#68717b;font-size:7px}
.sike-feature-live{grid-column:2/-1;color:#ff7549!important;font-size:8px!important}
.sike-update-progress{height:4px;background:#0c0f13;border-radius:999px;overflow:hidden;grid-column:2/-1}.sike-update-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff8332,#ff3d36);transition:width .12s linear}
.sike-locating .sike-ios-product-stage{animation:sikeLocate 420ms ease-in-out 4}.sike-locating .sike-ios-halo{background:radial-gradient(circle,var(--sike-ring-color,#ff5535) 0,transparent 64%)!important;opacity:.42}
@keyframes sikeLocate{50%{box-shadow:inset 0 0 0 2px var(--sike-ring-color,#ff5535),0 0 34px rgba(255,75,45,.35)}}
.sike-ios-product-stage:after{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid var(--sike-ring-color,#32a8ff);opacity:.10;pointer-events:none}

@media(max-width:1100px){.sike-feature-dashboard-grid{grid-template-columns:1fr}.sike-feature-grid{grid-template-columns:1fr 1fr}.sike-feature-quick-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
 .sike-feature-dashboard-grid{display:block}.sike-feature-now-card{margin-top:10px}
 .sike-feature-intro{align-items:flex-start;flex-direction:column;padding:17px}.sike-feature-intro h3{font-size:24px}
 .sike-feature-grid{grid-template-columns:1fr}.sike-feature-card{min-height:92px}
 .sike-feature-quick-row{grid-template-columns:1fr 1fr}
 .sike-ios-tabbar{grid-template-columns:repeat(6,1fr)!important}
 .sike-ios-tabbar .sike-app-nav-brand{display:none!important}
}
@media(max-width:430px){.sike-feature-quick-row{grid-template-columns:1fr}.sike-feature-card{grid-template-columns:auto minmax(0,1fr)}.sike-feature-card>.sike-mini-switch,.sike-feature-card>select,.sike-feature-card>strong{grid-column:2}.sike-feature-segments,.sike-color-dots{grid-column:2}}

/* =====================================================================
   SIKE APP V6 — ACCOUNT LANDING + ONBOARDING GATE
   ===================================================================== */
.sike-app-landing{background:#0a0b0e;color:#fff;overflow:hidden}
.sike-app-landing-hero{position:relative;min-height:760px;padding:clamp(70px,8vw,120px) clamp(26px,6vw,100px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.72fr);gap:clamp(40px,6vw,100px);align-items:center;background:linear-gradient(135deg,#ff542c 0%,#f02f31 48%,#8f111d 100%)}
.sike-app-landing-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 24% 22%,rgba(255,171,76,.35),transparent 27%),radial-gradient(circle at 72% 72%,rgba(70,0,0,.26),transparent 35%),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.24));mix-blend-mode:screen;opacity:.62}
.sike-app-landing-copy,.sike-app-entry-panel{position:relative;z-index:1}
.sike-app-kicker,.sike-app-section-heading>span,.sike-app-preview-copy>span{display:block;font-size:11px;line-height:1;letter-spacing:.2em;font-weight:900;color:#fff;margin-bottom:22px}
.sike-app-landing-copy h1{font-size:clamp(58px,7.2vw,112px);line-height:.84;letter-spacing:-.065em;margin:0;max-width:900px;font-weight:950}
.sike-app-landing-copy h1 em{font-style:normal;color:#0b0c0f}
.sike-app-landing-copy>p{max-width:690px;font-size:clamp(15px,1.35vw,20px);line-height:1.55;color:rgba(255,255,255,.82);margin:32px 0 28px}
.sike-app-landing-badges{display:flex;flex-wrap:wrap;gap:8px}.sike-app-landing-badges span{padding:9px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;background:rgba(0,0,0,.10);backdrop-filter:blur(8px)}
.sike-app-mini-device-stack{display:flex;gap:10px;margin-top:38px}.sike-app-mini-device-stack div{width:112px;height:86px;background:rgba(10,11,14,.92);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:5px;box-shadow:0 14px 34px rgba(69,0,0,.16)}.sike-app-mini-device-stack img{width:48px;height:60px;object-fit:contain}.sike-app-mini-device-stack b{font-size:8px;line-height:1.1;color:#fff}
.sike-app-entry-panel{background:#101216;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:clamp(24px,3vw,42px);box-shadow:0 34px 90px rgba(56,0,0,.32),inset 0 1px rgba(255,255,255,.04)}
.sike-app-auth-head>span,.sike-app-account-ready>span{display:block;color:#ff7047;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:10px}.sike-app-auth-head h2,.sike-app-account-ready h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.045em;line-height:.98;margin:0;color:#fff}.sike-app-auth-head p,.sike-app-account-ready>p{font-size:11px;line-height:1.55;color:#858c96;margin:14px 0 0;max-width:430px}
.sike-app-auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 20px;padding:4px;background:#090b0e;border:1px solid #262b32;border-radius:13px}.sike-app-auth-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#737b85;font-size:9px;font-weight:900;letter-spacing:.04em;cursor:pointer}.sike-app-auth-tabs button.active{background:linear-gradient(135deg,#ff5833,#d82931);color:#fff;box-shadow:0 7px 18px rgba(215,38,43,.18)}
.sike-app-auth-form{display:none;gap:13px}.sike-app-auth-form.active{display:grid}.sike-app-auth-form label>span{display:block;font-size:8px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#8d949d;margin-bottom:6px}.sike-app-auth-form input[type=text],.sike-app-auth-form input[type=email],.sike-app-auth-form input[type=password]{width:100%;height:48px;border:1px solid #2b3038;border-radius:12px;background:#090b0f;color:#fff;padding:0 14px;font:inherit;font-size:12px;outline:none;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}.sike-app-auth-form input:focus{border-color:#ff6040;box-shadow:0 0 0 3px rgba(255,82,46,.10)}
.sike-app-consent{display:flex!important;gap:9px;align-items:flex-start;padding:4px 0}.sike-app-consent input{margin-top:2px;accent-color:#ff5135}.sike-app-consent span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:9px!important;line-height:1.4!important;color:#777f89!important}
.sike-app-auth-submit,.sike-app-continue-button{min-height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff5b32,#e32630);color:#fff;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;padding:0 17px;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px rgba(225,39,43,.22)}.sike-app-auth-submit b,.sike-app-continue-button b{font-size:18px}.sike-app-auth-submit:hover,.sike-app-continue-button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.sike-app-auth-message{margin-bottom:12px;padding:11px 12px;border-radius:10px;font-size:9px;line-height:1.4}.sike-app-auth-message.error{background:rgba(255,66,60,.10);border:1px solid rgba(255,76,62,.32);color:#ff8b7d}.sike-app-auth-message.success{background:rgba(52,199,89,.09);border:1px solid rgba(52,199,89,.28);color:#79e79d}.sike-app-security-note{display:flex;gap:8px;align-items:center;margin-top:15px;font-size:8px;color:#5f6873}.sike-app-security-note i{color:#35cf75;font-style:normal;font-size:9px}
.sike-app-account-ready{text-align:left}.sike-app-ready-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#43d77b,#1fab55);font-size:25px;font-weight:900;margin-bottom:20px;box-shadow:0 12px 30px rgba(41,190,98,.18)}.sike-app-account-row{display:flex;justify-content:space-between;gap:12px;margin:24px 0 14px;padding:13px 14px;border:1px solid #282d34;border-radius:12px;background:#0a0c10}.sike-app-account-row span{font-size:10px;color:#fff}.sike-app-account-row i{font-style:normal;font-size:8px;color:#36ce75}.sike-app-signout{display:block;text-align:center;margin-top:14px;color:#737b84;font-size:9px;text-decoration:none}.sike-app-signout:hover{color:#fff}
.sike-app-steps-section{padding:clamp(70px,8vw,120px) clamp(26px,6vw,100px);background:#0c0e12}.sike-app-section-heading{max-width:720px;margin-bottom:42px}.sike-app-section-heading>span{color:#ff5d3b}.sike-app-section-heading h2{font-size:clamp(38px,5vw,72px);letter-spacing:-.055em;line-height:.96;margin:0 0 16px}.sike-app-section-heading p{color:#777f89;line-height:1.6;max-width:620px;font-size:12px}.sike-app-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1500px}.sike-app-step-card{min-height:260px;padding:25px;border:1px solid #252a31;background:#111419;border-radius:20px;position:relative;overflow:hidden}.sike-app-step-card.active{border-color:#ff5435;background:linear-gradient(145deg,rgba(255,82,45,.14),#111419 48%)}.sike-app-step-card.done{border-color:rgba(54,205,115,.45)}.sike-app-step-number{font-size:31px;font-weight:950;color:#ff6240;line-height:1;margin-bottom:42px}.sike-app-step-card.done .sike-app-step-number{color:#39d47b}.sike-app-step-card>span{font-size:8px;font-weight:900;letter-spacing:.15em;color:#6c747e}.sike-app-step-card h3{font-size:23px;letter-spacing:-.035em;margin:5px 0 10px}.sike-app-step-card p{font-size:10px;line-height:1.55;color:#737b85;max-width:350px}.sike-app-step-line{position:absolute;left:25px;right:25px;bottom:20px;height:3px;background:#22272e;border-radius:99px;overflow:hidden}.sike-app-step-line i{display:block;width:34%;height:100%;background:linear-gradient(90deg,#ff5d36,#ff8532)}.sike-app-step-card.done .sike-app-step-line i{width:100%;background:#39d47b}.sike-app-step-card.active .sike-app-step-line i{width:66%}
.sike-app-preview-section{padding:clamp(70px,9vw,140px) clamp(26px,6vw,100px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(35px,7vw,100px);background:linear-gradient(145deg,#ff532d,#e82731 58%,#98121e)}.sike-app-preview-copy>span{margin-bottom:16px}.sike-app-preview-copy h2{font-size:clamp(42px,5vw,78px);line-height:.92;letter-spacing:-.06em;margin:0 0 20px}.sike-app-preview-copy p{max-width:550px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.6}.sike-app-preview-copy a,.sike-app-preview-copy button{display:inline-block;margin-top:16px;color:#fff;background:#0b0d10;border:0;border-radius:11px;padding:14px 18px;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.05em;cursor:pointer}.sike-app-preview-ui{min-height:470px;border:1px solid rgba(255,255,255,.12);background:#0b0d10;border-radius:28px;box-shadow:0 30px 90px rgba(60,0,0,.27);display:grid;grid-template-columns:82px 1fr;overflow:hidden}.sike-preview-sidebar{background:#080a0d;border-right:1px solid #242930;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:28px}.sike-preview-sidebar b{width:40px;height:40px;border-radius:12px;background:#ff5134;display:grid;place-items:center;font-size:19px}.sike-preview-sidebar i{width:24px;height:24px;border-radius:8px;background:#171b20;border:1px solid #262b31}.sike-preview-content{padding:38px;position:relative}.sike-preview-content>span{display:block;font-size:8px;color:#ff6841;font-weight:900;letter-spacing:.16em}.sike-preview-content>strong{display:block;font-size:34px;margin:7px 0 12px}.sike-preview-device{height:270px;border-radius:20px;background:radial-gradient(circle at 50% 48%,rgba(255,80,45,.17),transparent 36%),#101318;border:1px solid #242a31;display:grid;place-items:center}.sike-preview-device img{height:235px;max-width:80%;object-fit:contain}.sike-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sike-preview-stats i{height:42px;border-radius:11px;background:#11151a;border:1px solid #252b32}
.sike-ios-account-pill{display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;border-radius:999px;background:#101318;border:1px solid #292e35;color:#fff;text-decoration:none;font-size:8px;font-weight:800}.sike-ios-account-pill span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff5c33,#d92830);font-size:9px}
@media(max-width:1050px){.sike-app-landing-hero{grid-template-columns:1fr;min-height:0}.sike-app-entry-panel{max-width:650px}.sike-app-preview-section{grid-template-columns:1fr}.sike-app-preview-ui{max-width:800px}.sike-app-step-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sike-app-landing-hero{padding:58px 18px 46px;gap:32px}.sike-app-landing-copy h1{font-size:56px}.sike-app-landing-copy>p{font-size:13px;margin:22px 0}.sike-app-mini-device-stack{overflow-x:auto;padding-bottom:4px}.sike-app-entry-panel{border-radius:22px;padding:22px}.sike-app-steps-section,.sike-app-preview-section{padding:58px 18px}.sike-app-step-card{min-height:220px}.sike-app-preview-ui{grid-template-columns:54px 1fr;min-height:390px}.sike-preview-sidebar{padding:16px 8px}.sike-preview-content{padding:23px 18px}.sike-preview-device{height:220px}.sike-preview-device img{height:190px}.sike-app-account-row{flex-direction:column}.sike-ios-account-pill{display:none}}
@media(max-width:430px){.sike-app-landing-copy h1{font-size:48px}.sike-app-auth-head h2,.sike-app-account-ready h2{font-size:32px}.sike-app-preview-ui{grid-template-columns:1fr}.sike-preview-sidebar{display:none}.sike-preview-content>strong{font-size:28px}}


/* SIKE APP ACCOUNT V7 — robust localhost/shared-hosting compatibility */
.sike-v7-status-note{
  width:min(1180px,calc(100% - 32px));
  margin:18px auto 0;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(10,12,15,.78);
  color:#fff;
  display:flex;
  gap:12px;
  align-items:center;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.sike-v7-status-note span{
  color:#ff6c42;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.sike-v7-status-note b{font-size:10px}
.sike-v7-status-note small{font-size:9px;color:#8e959f}
@media(max-width:700px){
  .sike-v7-status-note{align-items:flex-start;flex-direction:column;gap:4px;margin-top:10px;padding:10px 12px}
}

/* SIKE APP V8 — dummy social login providers */
.sike-social-login-block{margin-top:16px}.sike-social-login-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.sike-social-login-title span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#ff7049}.sike-social-login-title small{font-size:8px;color:#717986;text-align:right}.sike-social-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sike-social-provider-form{margin:0}.sike-social-login{width:100%;min-height:48px;border-radius:12px;border:1px solid #2b3038;background:#0b0e12;color:#fff;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:7px 10px;cursor:pointer;text-align:left;transition:.16s;font:inherit}.sike-social-login:hover{transform:translateY(-1px);border-color:#525860;background:#11151a}.sike-social-login i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:900;background:#171b20;color:#fff}.sike-social-login span{font-size:9px;font-weight:850;color:#f7f7f7}.sike-social-login b{font-size:6px;letter-spacing:.1em;color:#777f89;padding:4px 5px;border:1px solid #2b3038;border-radius:999px}.sike-social-login.apple i{background:#fff;color:#050505;font-size:18px}.sike-social-login.google i{background:#fff;color:#4285f4}.sike-social-login.facebook i{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:20px}.sike-social-login.spotify i{background:#1ed760;color:#07130b}.sike-social-login.microsoft i{background:linear-gradient(135deg,#f35325 0 48%,#81bc06 48% 52%,#05a6f0 52% 74%,#ffba08 74%);color:#fff}.sike-social-login.email{background:linear-gradient(135deg,rgba(255,87,50,.15),rgba(231,41,48,.08));border-color:#54342f}.sike-social-login.email i{background:linear-gradient(135deg,#ff6138,#df2b31)}.sike-social-divider{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:#626a75;font-size:8px}.sike-social-divider:before,.sike-social-divider:after{content:"";height:1px;background:#292e35;flex:1}.sike-social-divider span{white-space:nowrap}@media(max-width:620px){.sike-social-login-grid{grid-template-columns:1fr}.sike-social-login-title{align-items:flex-start;flex-direction:column;gap:3px}.sike-social-login-title small{text-align:left}}


/* ===================================================================
   SIKE APP V9 — CLEAN RED/ORANGE GLASS DASHBOARD + REAL BUILDER 3D
   =================================================================== */
body.sike-ios-app-page{
  background:#ff3f34!important;
}
.sike-ios-app{
  min-height:calc(100vh - 150px)!important;
  padding:34px clamp(18px,3vw,48px) 56px!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(255,173,71,.62),transparent 28%),
    radial-gradient(circle at 88% 6%,rgba(255,91,46,.62),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(164,0,31,.28),transparent 44%),
    linear-gradient(145deg,#ff7b35 0%,#ff4936 40%,#ed2535 72%,#ba1229 100%)!important;
}
.sike-ios-bg{display:block!important;opacity:.8}
.sike-ios-bg i:nth-child(1){background:rgba(255,190,92,.22)!important}
.sike-ios-bg i:nth-child(2){background:rgba(255,255,255,.08)!important}
.sike-ios-bg i:nth-child(3){background:rgba(157,0,36,.17)!important}

/* No more giant dark rectangle */
.sike-ios-shell{
  max-width:1640px!important;
  margin:0 auto!important;
  padding:22px!important;
  background:rgba(255,245,239,.82)!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:
    0 28px 80px rgba(87,8,12,.20),
    inset 0 1px rgba(255,255,255,.68)!important;
  backdrop-filter:blur(28px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(120%)!important;
  border-radius:30px!important;
  color:#141416!important;
}
.sike-ios-topbar{color:#151517!important}
.sike-app-dashboard-title span{color:#e5382f!important}
.sike-app-dashboard-title h1{color:#111214!important}
.sike-app-dashboard-title small{color:#756e6a!important}
.sike-ios-demo-pill{background:#111214!important;color:#fff!important}
.sike-ios-circle{background:rgba(255,255,255,.76)!important;color:#111!important;border-color:rgba(30,24,22,.12)!important}
.sike-ios-account-pill{background:rgba(255,255,255,.7)!important;color:#151517!important;border:1px solid rgba(38,31,29,.11)!important}
.sike-ios-account-pill span{background:#ff4b38!important;color:#fff!important}

/* Sidebar floats instead of creating a dark wall */
.sike-ios-tabbar{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(37,30,27,.11)!important;
  box-shadow:0 12px 30px rgba(79,21,15,.08)!important;
  backdrop-filter:blur(22px)!important;
}
.sike-app-nav-brand{border-color:rgba(25,21,19,.10)!important}
.sike-app-nav-brand img{filter:invert(1)!important}
.sike-app-nav-brand small{color:#8d817b!important}
.sike-ios-tabbar button,.sike-app-help-link{color:#69645f!important}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff643a,#ef3536)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(233,53,43,.22)!important;
}
.sike-ios-tabbar button.active i{color:#fff!important}

/* Product switches */
.sike-ios-device-switcher button{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(36,29,27,.10)!important;
  color:#171719!important;
  box-shadow:0 8px 24px rgba(67,23,17,.06)!important;
  backdrop-filter:blur(16px)!important;
}
.sike-ios-device-switcher button small{color:#7f7772!important}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff6039,#ef3838)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(230,51,45,.22)!important;
}
.sike-ios-device-switcher button.active small{color:rgba(255,255,255,.72)!important}
.device-thumb{background:rgba(18,18,20,.94)!important}

/* All dashboard cards: light translucent, visually cleaner */
.sike-ios-hero-card,.sike-ios-card{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(39,31,28,.10)!important;
  box-shadow:0 12px 34px rgba(70,24,17,.08)!important;
  color:#171719!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{color:#111214!important}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{color:#7c746f!important}
.sike-ios-connected{color:#69635f!important}

/* Exact builder iframe stage */
.sike-builder-live-stage{
  position:relative!important;
  min-height:520px!important;
  height:min(56vh,620px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,109,61,.12),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(246,232,223,.26))!important;
  border:1px solid rgba(38,31,29,.08)!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.74)!important;
}
.sike-builder-live-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  opacity:1!important;
  transition:opacity .24s ease,transform .34s cubic-bezier(.2,.8,.2,1)!important;
}
.sike-builder-live-frame.switching{opacity:0!important;transform:scale(.97)!important}
.model-ready .sike-builder-live-frame{animation:sikeModelReady .6s cubic-bezier(.2,.8,.2,1)}
@keyframes sikeModelReady{0%{opacity:.25;transform:scale(.965)}100%{opacity:1;transform:scale(1)}}
.sike-ios-halo{background:radial-gradient(circle,rgba(255,91,49,.14),transparent 67%)!important}
.sike-builder-live-badge{
  position:absolute;z-index:4;top:14px;left:14px;
  display:flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:999px;
  background:rgba(255,255,255,.80);border:1px solid rgba(30,25,23,.10);
  box-shadow:0 7px 18px rgba(53,21,17,.08);
  backdrop-filter:blur(12px);pointer-events:none;
}
.sike-builder-live-badge i{width:7px;height:7px;border-radius:50%;background:#2bd179;box-shadow:0 0 0 5px rgba(43,209,121,.12)}
.sike-builder-live-badge span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#19191b}
.sike-builder-live-badge small{font-size:7px;color:#827a76}
.sike-ios-drag-hint{color:#847b76!important;z-index:5!important}

/* Live model strip */
.sike-app-live-strip{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:10px;padding:10px 12px;border-radius:14px;
  background:rgba(255,249,245,.58);border:1px solid rgba(36,29,27,.08);
  color:#6e6763;font-size:8px;
}
.sike-app-live-strip span{display:flex;align-items:center;gap:6px}
.sike-app-live-strip .pulse{width:7px;height:7px;border-radius:50%;background:#28cc75;animation:sikePulse 1.8s infinite}
@keyframes sikePulse{0%,100%{box-shadow:0 0 0 0 rgba(40,204,117,.28)}50%{box-shadow:0 0 0 7px rgba(40,204,117,0)}}
.sike-app-live-strip a{margin-left:auto;color:#e43b32;font-weight:850;text-decoration:none}

/* Status and controls */
.sike-ios-status-row>div,.sike-ios-battery-grid div{
  background:rgba(255,248,244,.58)!important;
  border-color:rgba(37,30,27,.08)!important;
}
.sike-ios-status-row span,.sike-ios-status-row small,.sike-ios-battery-grid span{color:#8b817a!important}
.sike-ios-status-row strong,.sike-ios-battery-grid b{color:#171719!important}
.sike-ios-volume-quick button,.sike-ios-segmented button{
  background:rgba(245,236,231,.82)!important;
  color:#766e69!important;
  border-color:rgba(41,33,30,.08)!important;
}
.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff5f39,#ec3538)!important;color:#fff!important;border-color:transparent!important
}
.sike-ios-link-button{color:#e43c33!important}
.sike-ios-power{background:#d8d0cc!important}
.sike-ios-power.on{background:linear-gradient(90deg,#ff5e38,#ff8335)!important}
.sike-ios-row-icon{background:#f4e9e4!important;color:#ed4538!important;border-color:rgba(37,30,27,.08)!important}
.sike-ios-device-card>button{color:#171719!important}
.sike-ios-device-card>button+button,.sike-ios-setting-row{border-color:rgba(38,31,28,.08)!important}
.sike-ios-setting-row input{background:rgba(255,255,255,.75)!important;color:#171719!important;border-color:rgba(38,31,28,.12)!important}
.sike-ios-charge-ring:before{background:rgba(255,255,255,.94)!important}
.sike-ios-page-head h2{color:#171719!important}.sike-ios-page-head span{color:#817873!important}
.sike-ios-page-head>button{background:rgba(255,255,255,.74)!important;color:#171719!important;border-color:rgba(40,32,29,.10)!important}
.sike-ios-page-head>button.text{color:#e43a32!important}

/* Feature cards inherit clean glass mode */
.sike-feature-quick-row button,.sike-feature-card>.sike-feature-icon,.sike-feature-metrics span,
.sike-feature-action-row input,.sike-saved-profiles button,.sike-feature-card select,
.sike-feature-segments button{
  background:rgba(249,239,234,.82)!important;
  border-color:rgba(43,34,31,.09)!important;
  color:#171719!important;
}
.sike-feature-card>div>b,.sike-feature-card>strong,.sike-feature-metrics b{color:#171719!important}
.sike-feature-card>div>small,.sike-feature-quick-row small,.sike-feature-metrics small{color:#817873!important}
.sike-feature-intro{background:rgba(255,255,255,.68)!important;border-color:rgba(40,32,29,.08)!important}
.sike-feature-intro h3{color:#171719!important}.sike-feature-intro p{color:#7f7671!important}
.sike-feature-intro>strong{background:#171719!important;color:#fff!important}
.sike-feature-status-pills span{background:rgba(248,238,233,.85)!important;border-color:rgba(43,34,31,.09)!important;color:#837a75!important}
.sike-feature-status-pills span.active{background:rgba(255,79,52,.12)!important;color:#d93630!important;border-color:rgba(226,57,47,.28)!important}

/* animation polish */
.sike-ios-device-switcher button,.sike-ios-card,.sike-ios-hero-card{
  animation:sikeCardIn .48s both cubic-bezier(.2,.8,.2,1);
}
.sike-ios-device-switcher button:nth-child(2){animation-delay:.05s}
.sike-ios-device-switcher button:nth-child(3){animation-delay:.10s}
@keyframes sikeCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sike-ios-card:hover{box-shadow:0 18px 40px rgba(72,24,17,.11)!important}

/* Power-off dims real iframe rather than a fake image */
.device-off .sike-builder-live-frame{filter:grayscale(.75) brightness(.72)!important;opacity:.76!important}
.device-off .sike-builder-live-badge i{background:#a5a5a5;box-shadow:none}

/* responsive */
@media(max-width:1100px){
 .sike-ios-app{padding:22px 14px 42px!important}
 .sike-ios-shell{padding:16px!important;border-radius:24px!important}
 .sike-builder-live-stage{min-height:440px!important;height:50vh!important}
}
@media(max-width:720px){
 body.sike-ios-app-page,.sike-ios-app{
   background:linear-gradient(165deg,#ff7d38 0%,#ff4938 42%,#de2637 74%,#a91227 100%)!important;
 }
 .sike-ios-shell{background:rgba(255,247,242,.88)!important;border-radius:22px!important;padding:10px!important}
 .sike-ios-topbar{background:transparent!important}
 .sike-ios-tabbar{background:rgba(255,255,255,.82)!important}
 .sike-builder-live-stage{height:430px!important;min-height:430px!important;border-radius:20px!important}
 .sike-builder-live-badge small{display:none}
 .sike-app-live-strip span:nth-child(2){display:none}
 .sike-app-live-strip a{margin-left:0}
}
@media(max-width:430px){
 .sike-builder-live-stage{height:390px!important;min-height:390px!important}
}


/* ===================================================================
   SIKE APP V10 — DARK GLASS MODE
   Keeps the V9 clean layout and exact builder.php 3D models, but moves
   the app into a deeper dark graphite UI with SIKE orange/red accents.
   =================================================================== */

body.sike-ios-app-page{
  background:#120d0f!important;
  color:#f5f5f7!important;
}
.sike-ios-app{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,119,48,.28),transparent 29%),
    radial-gradient(circle at 92% 10%,rgba(255,57,45,.25),transparent 31%),
    radial-gradient(circle at 50% 100%,rgba(126,0,30,.28),transparent 46%),
    linear-gradient(145deg,#35100d 0%,#201012 34%,#120d10 68%,#090a0d 100%)!important;
}
.sike-ios-bg i:nth-child(1){background:rgba(255,108,43,.14)!important}
.sike-ios-bg i:nth-child(2){background:rgba(255,47,50,.11)!important}
.sike-ios-bg i:nth-child(3){background:rgba(102,0,30,.18)!important}

.sike-ios-shell{
  background:rgba(10,12,16,.84)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 32px 90px rgba(0,0,0,.42),
    inset 0 1px rgba(255,255,255,.045)!important;
  color:#f7f7f8!important;
  backdrop-filter:blur(30px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(120%)!important;
}
.sike-ios-topbar{color:#fff!important}
.sike-app-dashboard-title span{color:#ff6841!important}
.sike-app-dashboard-title h1{color:#fff!important}
.sike-app-dashboard-title small{color:#858b94!important}
.sike-ios-demo-pill{
  background:linear-gradient(135deg,#ff5c36,#e72d33)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.sike-ios-circle{
  background:#15181d!important;
  color:#fff!important;
  border:1px solid #2b3037!important;
}
.sike-ios-account-pill{
  background:#14171c!important;
  color:#fff!important;
  border:1px solid #2a2f36!important;
}
.sike-ios-account-pill span{background:#ff4d38!important;color:#fff!important}

/* Sidebar */
.sike-ios-tabbar{
  background:rgba(7,9,12,.92)!important;
  border:1px solid #252a31!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
.sike-app-nav-brand{border-color:#242930!important}
.sike-app-nav-brand img{filter:none!important}
.sike-app-nav-brand small{color:#737b85!important}
.sike-ios-tabbar button,.sike-app-help-link{color:#747c86!important}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff5d36,#df2931)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(239,54,43,.22)!important;
}

/* Device switcher */
.sike-ios-device-switcher button{
  background:rgba(19,22,27,.92)!important;
  border:1px solid #2a2f36!important;
  color:#f7f7f8!important;
  box-shadow:none!important;
}
.sike-ios-device-switcher button small{color:#7c838d!important}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff5f37,#e63034)!important;
  border-color:#ff6c46!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(230,48,44,.22)!important;
}
.sike-ios-device-switcher button.active small{color:rgba(255,255,255,.75)!important}
.device-thumb{background:#090b0e!important;border-color:#252a31!important}

/* Main cards */
.sike-ios-hero-card,.sike-ios-card{
  background:rgba(18,21,26,.88)!important;
  border:1px solid #292e35!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
  color:#f6f6f7!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{color:#fff!important}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{color:#858c96!important}
.sike-ios-connected{color:#969da7!important}

/* 3D stage */
.sike-builder-live-stage{
  background:
    radial-gradient(circle at 50% 47%,rgba(255,90,49,.14),transparent 43%),
    linear-gradient(180deg,#111419 0%,#090b0f 100%)!important;
  border:1px solid #262b32!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    inset 0 -30px 70px rgba(0,0,0,.18)!important;
}
.sike-builder-live-badge{
  background:rgba(11,14,18,.82)!important;
  border-color:#2a3037!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.sike-builder-live-badge span{color:#fff!important}
.sike-builder-live-badge small{color:#737b85!important}
.sike-ios-drag-hint{color:#69717b!important}
.sike-app-live-strip{
  background:#0d1014!important;
  border-color:#262b32!important;
  color:#7f8791!important;
}
.sike-app-live-strip a{color:#ff6540!important}

/* Status + controls */
.sike-ios-status-row>div,.sike-ios-battery-grid div{
  background:#0d1014!important;
  border-color:#252a31!important;
}
.sike-ios-status-row span,.sike-ios-status-row small,.sike-ios-battery-grid span{color:#757d87!important}
.sike-ios-status-row strong,.sike-ios-battery-grid b{color:#fff!important}
.sike-ios-volume-quick button,.sike-ios-segmented button{
  background:#0d1014!important;
  color:#7e858f!important;
  border-color:#292e35!important;
}
.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff5c35,#e32d33)!important;
  color:#fff!important;
  border-color:#ff6641!important;
}
.sike-ios-link-button{color:#ff6841!important}
.sike-ios-power{background:#343941!important}
.sike-ios-power.on{background:linear-gradient(90deg,#ff5c35,#ff8334)!important}
.sike-ios-row-icon{
  background:#0d1014!important;
  color:#ff6741!important;
  border-color:#272c33!important;
}
.sike-ios-device-card>button{color:#fff!important}
.sike-ios-device-card>button+button,.sike-ios-setting-row{border-color:#292e35!important}
.sike-ios-setting-row input{
  background:#0c0f13!important;
  color:#fff!important;
  border-color:#2a2f36!important;
}
.sike-ios-charge-ring:before{background:#15181d!important}
.sike-ios-page-head h2{color:#fff!important}
.sike-ios-page-head span{color:#7c848e!important}
.sike-ios-page-head>button{
  background:#14171c!important;
  color:#fff!important;
  border-color:#2a2f36!important;
}
.sike-ios-page-head>button.text{color:#ff6841!important}

/* Feature cards */
.sike-feature-quick-row button,
.sike-feature-card>.sike-feature-icon,
.sike-feature-metrics span,
.sike-feature-action-row input,
.sike-saved-profiles button,
.sike-feature-card select,
.sike-feature-segments button{
  background:#0d1014!important;
  border-color:#292e35!important;
  color:#f4f4f5!important;
}
.sike-feature-card>div>b,.sike-feature-card>strong,.sike-feature-metrics b{color:#fff!important}
.sike-feature-card>div>small,.sike-feature-quick-row small,.sike-feature-metrics small{color:#78808a!important}
.sike-feature-intro{
  background:linear-gradient(125deg,#15181d 0%,#15181d 60%,rgba(255,77,46,.10) 100%)!important;
  border-color:#292e35!important;
}
.sike-feature-intro h3{color:#fff!important}
.sike-feature-intro p{color:#818994!important}
.sike-feature-intro>strong{background:#090b0e!important;color:#fff!important;border-color:#292e35!important}
.sike-feature-status-pills span{
  background:#0d1014!important;
  border-color:#292e35!important;
  color:#747c86!important;
}
.sike-feature-status-pills span.active{
  background:rgba(255,82,49,.13)!important;
  color:#ff7955!important;
  border-color:rgba(255,91,55,.35)!important;
}

/* Cards feel more premium in dark mode */
.sike-ios-card:hover{
  border-color:#373d45!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
.sike-ios-volume-card input[type=range],
.sike-ios-eq-sliders input{accent-color:#ff5b39!important}
.sike-ios-eq-visual i{background:linear-gradient(180deg,#ff8737,#ff3f37)!important}

/* Mobile */
@media(max-width:720px){
  body.sike-ios-app-page,
  .sike-ios-app{
    background:
      radial-gradient(circle at 10% 0%,rgba(255,116,47,.25),transparent 28%),
      linear-gradient(165deg,#2d100e 0%,#180e11 54%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    background:rgba(9,11,14,.92)!important;
    border-color:#22272e!important;
  }
  .sike-ios-topbar{background:transparent!important}
  .sike-ios-tabbar{background:rgba(8,10,13,.96)!important}
}


/* ===================================================================
   SIKE APP V11 — MOBILE MINIMAL / iPHONE FIRST
   Desktop stays V10. Phone layout is significantly simpler, tighter,
   calmer and more native-app-like.
   =================================================================== */

@media(max-width:720px){
  html,body{overflow-x:hidden!important}
  body.sike-ios-app-page{
    background:#090a0d!important;
  }
  .sike-ios-app{
    min-height:100vh!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 50% -10%,rgba(255,93,47,.18),transparent 34%),
      linear-gradient(180deg,#111014 0%,#090a0d 34%,#090a0d 100%)!important;
  }

  /* App shell becomes edge-to-edge, no giant desktop container */
  .sike-ios-shell{
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0 14px 22px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Compact native-style top header */
  .sike-ios-topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    min-height:58px!important;
    padding:calc(10px + env(safe-area-inset-top)) 2px 8px!important;
    background:rgba(9,10,13,.88)!important;
    backdrop-filter:blur(22px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .sike-app-dashboard-title span{display:none!important}
  .sike-app-dashboard-title h1{
    font-size:23px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    margin:0!important;
  }
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:38px!important;height:38px!important;
    border-radius:13px!important;
  }
  .sike-ios-account-pill{
    min-height:38px!important;
    padding:5px 9px 5px 5px!important;
    border-radius:13px!important;
    font-size:8px!important;
  }
  .sike-ios-account-pill span{
    width:27px!important;height:27px!important;
    font-size:9px!important;
  }

  /* Product switcher turns into compact horizontal chips */
  .sike-ios-device-switcher{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding:10px 0 4px!important;
    margin:0!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-ios-device-switcher::-webkit-scrollbar{display:none!important}
  .sike-ios-device-switcher button{
    flex:0 0 auto!important;
    min-width:150px!important;
    height:58px!important;
    padding:7px 10px!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
    box-shadow:none!important;
  }
  .device-thumb{
    width:42px!important;height:42px!important;
    border-radius:11px!important;
  }
  .sike-ios-device-switcher button b{font-size:10px!important}
  .sike-ios-device-switcher button small{font-size:7px!important}

  /* Single-column mobile dashboard */
  .sike-ios-dashboard{
    display:block!important;
    padding-top:7px!important;
  }
  .sike-ios-main-column,
  .sike-ios-side-column{
    width:100%!important;
    min-width:0!important;
  }

  /* Main hero becomes compact device card */
  .sike-ios-hero-card{
    border-radius:20px!important;
    padding:12px!important;
    margin-bottom:10px!important;
    box-shadow:none!important;
  }
  .sike-ios-hero-head{
    min-height:50px!important;
    padding:0 2px 7px!important;
  }
  .sike-ios-hero-head h1{
    font-size:28px!important;
    letter-spacing:-.045em!important;
  }
  .sike-ios-hero-head p{
    font-size:8px!important;
    margin-top:2px!important;
  }
  .sike-ios-connected{
    font-size:7px!important;
  }

  /* Real builder view stays, but much more phone-appropriate */
  .sike-builder-live-stage{
    height:350px!important;
    min-height:350px!important;
    border-radius:18px!important;
    margin-top:2px!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(255,86,44,.11),transparent 46%),
      #0b0d11!important;
  }
  .sike-builder-live-badge{
    top:9px!important;
    left:9px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
  }
  .sike-builder-live-badge span{font-size:6px!important}
  .sike-builder-live-badge small{display:none!important}
  .sike-ios-drag-hint{
    bottom:9px!important;
    font-size:7px!important;
    letter-spacing:.01em!important;
  }
  .sike-app-live-strip{
    margin-top:7px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    font-size:7px!important;
  }
  .sike-app-live-strip span:nth-child(2){display:none!important}
  .sike-app-live-strip a{
    margin-left:auto!important;
    font-size:7px!important;
  }

  /* Status row simplified */
  .sike-ios-status-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .sike-ios-status-row>div{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:13px!important;
  }
  .sike-ios-status-row>div:nth-child(3){
    grid-column:1/-1!important;
    min-height:48px!important;
  }
  .sike-ios-status-row span{font-size:7px!important}
  .sike-ios-status-row strong{font-size:14px!important}
  .sike-ios-status-row small{font-size:7px!important}

  /* Side controls become minimal stacked cards */
  .sike-ios-side-column{
    display:grid!important;
    gap:8px!important;
  }
  .sike-ios-card{
    border-radius:18px!important;
    padding:12px!important;
    box-shadow:none!important;
    margin:0!important;
  }
  .sike-ios-card-title span{font-size:12px!important}
  .sike-ios-card-title small{font-size:7px!important}
  .sike-ios-card-title>strong{font-size:22px!important}

  /* Volume: cleaner and less button-heavy */
  .sike-ios-volume-card{
    min-height:126px!important;
  }
  .sike-ios-volume-card input[type=range]{
    margin:10px 0 8px!important;
    height:4px!important;
  }
  .sike-ios-volume-quick{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
  }
  .sike-ios-volume-quick button{
    min-height:34px!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:7px!important;
  }

  .sike-ios-segmented{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
  }
  .sike-ios-segmented button{
    min-height:34px!important;
    border-radius:10px!important;
    padding:0 5px!important;
    font-size:7px!important;
  }

  /* Hide secondary dashboard noise on phone; still available through tabs */
  .sike-feature-dashboard-grid,
  .sike-feature-quick-card,
  .sike-feature-now-card{
    display:none!important;
  }
  .sike-ios-device-card{
    display:none!important;
  }

  /* POWERCELL dashboard is more compact */
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:6px!important;
  }
  .sike-ios-battery-grid div{
    padding:9px!important;
    border-radius:12px!important;
  }
  .sike-ios-charge-ring{
    width:86px!important;height:86px!important;
  }

  /* Internal app pages */
  .sike-ios-view{
    padding-top:10px!important;
  }
  .sike-ios-page-head{
    position:sticky!important;
    top:57px!important;
    z-index:75!important;
    margin:0 -14px 10px!important;
    padding:9px 14px!important;
    background:rgba(9,10,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px)!important;
  }
  .sike-ios-page-head h2{font-size:20px!important}
  .sike-ios-page-head span{font-size:7px!important}
  .sike-ios-page-head>button{
    width:36px!important;height:36px!important;
    border-radius:11px!important;
  }

  /* Features: one clean list, tighter cards */
  .sike-feature-intro{
    padding:14px!important;
    border-radius:17px!important;
    margin-bottom:12px!important;
  }
  .sike-feature-intro h3{font-size:22px!important}
  .sike-feature-intro p{font-size:8px!important}
  .sike-feature-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-feature-card{
    min-height:78px!important;
    padding:11px!important;
    border-radius:15px!important;
  }
  .sike-feature-card>.sike-feature-icon{
    width:34px!important;height:34px!important;
    border-radius:10px!important;
  }
  .sike-feature-card>div>b{font-size:10px!important}
  .sike-feature-card>div>small{font-size:7px!important}
  .sike-feature-section{margin-bottom:17px!important}
  .sike-feature-section-title{padding:0 2px 6px!important}

  /* Settings and SIKE Link */
  .sike-ios-setting-row{
    min-height:58px!important;
    padding:10px!important;
  }
  .sike-ios-row-icon{
    width:35px!important;height:35px!important;
    border-radius:10px!important;
  }
  .sike-ios-link-orbit{
    transform:scale(.88)!important;
    margin:-12px auto!important;
  }

  /* Bottom nav becomes true iPhone style */
  .sike-ios-tabbar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:120!important;
    height:62px!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(6,1fr)!important;
    border-radius:20px!important;
    background:rgba(13,15,19,.90)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(24px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  }
  .sike-ios-tabbar .sike-app-nav-brand{display:none!important}
  .sike-ios-tabbar button,
  .sike-app-help-link{
    min-width:0!important;
    height:50px!important;
    padding:4px 2px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:6px!important;
  }
  .sike-ios-tabbar button i,
  .sike-app-help-link i{
    font-size:16px!important;
    line-height:1!important;
  }
  .sike-ios-tabbar button.active{
    background:linear-gradient(135deg,#ff6038,#e62f35)!important;
    box-shadow:none!important;
  }

  /* Safer tap sizing */
  button,a,input,select{touch-action:manipulation}
}

@media(max-width:430px){
  .sike-ios-shell{padding-left:10px!important;padding-right:10px!important}
  .sike-builder-live-stage{height:320px!important;min-height:320px!important}
  .sike-ios-device-switcher button{min-width:138px!important}
  .sike-ios-hero-head h1{font-size:25px!important}
  .sike-ios-tabbar{left:7px!important;right:7px!important}
}

@media(max-width:370px){
  .sike-builder-live-stage{height:285px!important;min-height:285px!important}
  .sike-ios-device-switcher button{min-width:128px!important}
  .sike-ios-tabbar button span{display:none!important}
  .sike-ios-tabbar button i,.sike-app-help-link i{font-size:17px!important}
}


/* ===================================================================
   SIKE APP V12 — MOBILE POLISH / FOOTER FIX
   Fixes the clipped floating footer shown in iPhone Safari and further
   simplifies the phone dashboard without changing desktop V10/V11.
   =================================================================== */

.sike-mobile-help-top{text-decoration:none}

@media(max-width:720px){

  /* Make the normal SIKE website header much smaller while inside the app. */
  .sike-ios-app-page .announcement{
    display:none!important;
  }
  .sike-ios-app-page .site-header{
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
    position:relative!important;
    top:auto!important;
    background:#08090b!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-ios-app-page .site-header .brand{
    width:auto!important;
    max-width:215px!important;
    margin:0!important;
  }
  .sike-ios-app-page .site-header .brand img{
    max-width:205px!important;
    width:100%!important;
    height:auto!important;
  }
  .sike-ios-app-page .site-header .desktop-nav,
  .sike-ios-app-page .site-header .icon-button{
    display:none!important;
  }
  .sike-ios-app-page .site-header .header-actions{
    gap:8px!important;
    margin-left:auto!important;
  }
  .sike-ios-app-page .site-header .cart-button{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
  }
  .sike-ios-app-page .site-header .cart-button span{display:none!important}
  .sike-ios-app-page .site-header .cart-button b{
    position:static!important;
    margin:0!important;
  }
  .sike-ios-app-page .site-header .menu-button{
    display:flex!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
  }

  /* App starts immediately after the compact site header. */
  .sike-ios-app{
    padding-top:0!important;
  }

  /* Cleaner app header: one row, no awkward black block. */
  .sike-ios-topbar{
    min-height:56px!important;
    padding:
      calc(8px + env(safe-area-inset-top))
      1px
      8px!important;
    margin:0!important;
  }
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-top-actions{
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  .sike-ios-account-pill{
    max-width:128px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .sike-mobile-help-top{
    display:grid!important;
    place-items:center!important;
  }

  /* Device selector should never create horizontal page overflow. */
  .sike-ios-device-switcher{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overscroll-behavior-inline:contain!important;
  }

  /* Product card reduced slightly so controls are reachable sooner. */
  .sike-ios-hero-card{
    padding:11px!important;
  }
  .sike-builder-live-stage{
    height:315px!important;
    min-height:315px!important;
  }
  .sike-builder-live-badge{
    max-width:165px!important;
  }
  .sike-ios-drag-hint{
    max-width:82%!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
  }

  /* Do not show exact-view builder buttons as a giant row on phone.
     Rotation still works by touch; full controls stay in Full Builder. */
  .sike-builder-live-frame{
    border-radius:17px!important;
  }

  /* More compact home status. */
  .sike-ios-status-row{
    margin-bottom:0!important;
  }
  .sike-ios-status-row>div:nth-child(3){
    display:none!important;
  }
  .sike-app-live-strip{
    margin-bottom:0!important;
  }

  /* Keep speaker controls close to the product instead of huge gaps. */
  .sike-ios-speaker-controls,
  .sike-ios-powercell-controls{
    margin-top:8px!important;
  }

  /* ---------------- Bottom navigation / footer fix ----------------
     Explicit width and box sizing override the old desktop sidebar width.
     Five items fit safely on iPhone and stay above Safari's browser chrome. */
  .sike-ios-tabbar{
    position:fixed!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;

    margin:0!important;
    padding:5px!important;
    transform:none!important;
    translate:none!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:3px!important;

    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:21px!important;

    background:rgba(12,14,18,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:
      0 18px 48px rgba(0,0,0,.48),
      inset 0 1px rgba(255,255,255,.04)!important;
    backdrop-filter:blur(28px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  }
  .sike-ios-tabbar .sike-app-nav-brand{
    display:none!important;
  }
  .sike-ios-tabbar button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:4px 1px!important;
    border:0!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:2px!important;
    overflow:hidden!important;
    color:#777f89!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .sike-ios-tabbar button i{
    font-size:17px!important;
    line-height:18px!important;
    width:auto!important;
    height:auto!important;
  }
  .sike-ios-tabbar button span{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:6px!important;
    line-height:8px!important;
    letter-spacing:0!important;
  }
  .sike-ios-tabbar button.active{
    background:linear-gradient(135deg,#ff6038,#e72f35)!important;
    color:#fff!important;
  }

  /* Ensure page content can scroll fully clear of the fixed nav. */
  .sike-ios-shell{
    padding-bottom:96px!important;
  }
  .sike-ios-view{
    padding-bottom:16px!important;
  }

  /* Slightly calmer cards on phone. */
  .sike-ios-card,
  .sike-ios-hero-card{
    border-color:rgba(255,255,255,.075)!important;
  }
}

@media(max-width:430px){
  .sike-ios-app-page .site-header{
    height:66px!important;
    min-height:66px!important;
    padding:0 10px!important;
  }
  .sike-ios-app-page .site-header .brand{
    max-width:185px!important;
  }
  .sike-ios-app-page .site-header .brand img{
    max-width:180px!important;
  }
  .sike-ios-app-page .site-header .cart-button,
  .sike-ios-app-page .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }

  .sike-ios-shell{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .sike-builder-live-stage{
    height:292px!important;
    min-height:292px!important;
  }
  .sike-ios-device-switcher button{
    min-width:132px!important;
    height:55px!important;
  }
  .device-thumb{
    width:39px!important;
    height:39px!important;
  }

  .sike-ios-tabbar{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    height:61px!important;
    min-height:61px!important;
    padding:4px!important;
  }
  .sike-ios-tabbar button{
    height:51px!important;
    min-height:51px!important;
  }
}

@media(max-width:370px){
  .sike-ios-account-pill{
    max-width:95px!important;
  }
  .sike-builder-live-stage{
    height:270px!important;
    min-height:270px!important;
  }
  .sike-ios-tabbar button span{
    font-size:5.5px!important;
  }
}


/* ===================================================================
   SIKE APP V13 — WARM ORANGE BACKGROUND / SOFTER OUTER BORDER
   Keeps V12 layout/functionality intact. Visual-only refinement:
   warmer orange background, less red/brown, and a much softer shell edge.
   =================================================================== */

body.sike-ios-app-page{
  background:#1a0d07!important;
}

.sike-ios-app{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,170,76,.42),transparent 31%),
    radial-gradient(circle at 88% 8%,rgba(255,105,42,.34),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(154,45,0,.18),transparent 46%),
    linear-gradient(145deg,#f47a2a 0%,#e85a20 30%,#b53b18 58%,#39120c 100%)!important;
}

/* Remove the heavy framed-box feeling. */
.sike-ios-shell{
  background:rgba(10,12,16,.88)!important;
  border:1px solid rgba(255,255,255,.035)!important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* Softer card outlines throughout the dashboard. */
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage,
.sike-ios-status-row>div,
.sike-ios-battery-grid div,
.sike-app-live-strip{
  border-color:rgba(255,255,255,.055)!important;
}

.sike-ios-hero-card,
.sike-ios-card{
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

/* Side navigation should visually float instead of looking boxed in. */
.sike-ios-tabbar{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}

/* Device tabs also get a quieter border. */
.sike-ios-device-switcher button{
  border-color:rgba(255,255,255,.055)!important;
}
.sike-ios-device-switcher button.active{
  border-color:rgba(255,146,89,.34)!important;
}

/* Reduce the hard line around the live model area. */
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    inset 0 -26px 62px rgba(0,0,0,.14)!important;
}

/* Slightly warmer SIKE accent so it matches the new orange canvas. */
.sike-ios-tabbar button.active,
.sike-ios-volume-quick button.active,
.sike-ios-segmented button.active,
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff7138,#ef3e30)!important;
}
.sike-ios-power.on{
  background:linear-gradient(90deg,#ff7138,#ff9438)!important;
}
.sike-ios-link-button,
.sike-app-live-strip a,
.sike-ios-page-head>button.text{
  color:#ff7a48!important;
}

/* Desktop outer area: more orange visible, less dark red/brown. */
@media(min-width:721px){
  .sike-ios-app{
    padding-top:34px!important;
    padding-bottom:56px!important;
  }
  .sike-ios-shell{
    border-radius:28px!important;
  }
}

/* Phone keeps the cleaner V12 structure but gains the warmer orange glow. */
@media(max-width:720px){
  body.sike-ios-app-page{
    background:#090a0d!important;
  }
  .sike-ios-app{
    background:
      radial-gradient(circle at 50% -8%,rgba(255,140,53,.28),transparent 31%),
      linear-gradient(180deg,#24110a 0%,#100c0d 26%,#090a0d 62%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    border:0!important;
    box-shadow:none!important;
  }
  .sike-ios-hero-card,
  .sike-ios-card,
  .sike-ios-device-switcher button,
  .sike-builder-live-stage{
    border-color:rgba(255,255,255,.05)!important;
  }
}


/* ===================================================================
   SIKE APP V14 — FULLSCREEN DASHBOARD + ABSTRACT ANIMATED BACKGROUND
   =================================================================== */

body.sike-ios-app-page{
  background:#0b0a0b!important;
}

/* Fullscreen app canvas */
.sike-ios-app{
  position:relative!important;
  min-height:calc(100vh - var(--site-header-height,132px))!important;
  width:100%!important;
  padding:22px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,#ff8a33 0%,#ef5b27 28%,#c43b1f 48%,#3a1310 74%,#0b0a0b 100%)!important;
}

/* Main dashboard nearly edge-to-edge */
.sike-ios-shell{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - var(--site-header-height,132px) - 44px)!important;
  margin:0!important;
  padding:20px!important;
  border-radius:24px!important;
  background:rgba(8,10,13,.82)!important;
  border:1px solid rgba(255,255,255,.025)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
}

/* Remove large dead space around the app */
@media(min-width:721px){
  .sike-ios-app{
    padding:18px!important;
  }
  .sike-ios-shell{
    min-height:calc(100vh - var(--site-header-height,132px) - 36px)!important;
  }
}

/* Abstract animated background */
.sike-abstract-bg{
  position:absolute!important;
  inset:-8%!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  filter:saturate(115%)!important;
}
.sike-abstract-bg .orb,
.sike-abstract-bg .beam,
.sike-abstract-bg .mesh{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
}
.sike-abstract-bg .orb{
  border-radius:50%!important;
  filter:blur(4px)!important;
  opacity:.48!important;
  mix-blend-mode:screen!important;
}
.sike-abstract-bg .orb-a{
  width:44vw!important;
  height:44vw!important;
  left:-10vw!important;
  top:-11vw!important;
  background:radial-gradient(circle at 35% 35%,rgba(255,199,91,.92),rgba(255,103,43,.45) 42%,transparent 72%)!important;
  animation:sikeOrbA 18s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-b{
  width:36vw!important;
  height:36vw!important;
  right:-8vw!important;
  top:5vw!important;
  background:radial-gradient(circle at 45% 45%,rgba(255,75,42,.72),rgba(181,32,30,.30) 52%,transparent 74%)!important;
  animation:sikeOrbB 22s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-c{
  width:34vw!important;
  height:34vw!important;
  left:38vw!important;
  bottom:-15vw!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,131,48,.52),rgba(120,18,17,.22) 55%,transparent 76%)!important;
  animation:sikeOrbC 26s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam{
  width:82vw!important;
  height:18vw!important;
  border-radius:50%!important;
  opacity:.18!important;
  filter:blur(26px)!important;
  background:linear-gradient(90deg,transparent,#ffab58 24%,#ff5a30 55%,transparent 100%)!important;
}
.sike-abstract-bg .beam-a{
  left:5vw!important;
  top:14vw!important;
  transform:rotate(-12deg)!important;
  animation:sikeBeamA 20s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam-b{
  right:-15vw!important;
  bottom:8vw!important;
  transform:rotate(14deg)!important;
  opacity:.11!important;
  animation:sikeBeamB 24s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .mesh{
  inset:0!important;
  opacity:.14!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%)!important;
  animation:sikeMesh 22s linear infinite!important;
}

@keyframes sikeOrbA{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(9vw,5vw,0) scale(1.16)}
}
@keyframes sikeOrbB{
  0%{transform:translate3d(0,0,0) scale(.95)}
  100%{transform:translate3d(-10vw,8vw,0) scale(1.12)}
}
@keyframes sikeOrbC{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-7vw,-7vw,0) scale(1.18)}
}
@keyframes sikeBeamA{
  0%{transform:rotate(-12deg) translate3d(-5vw,0,0)}
  100%{transform:rotate(-6deg) translate3d(8vw,4vw,0)}
}
@keyframes sikeBeamB{
  0%{transform:rotate(14deg) translate3d(0,0,0)}
  100%{transform:rotate(7deg) translate3d(-10vw,-4vw,0)}
}
@keyframes sikeMesh{
  from{background-position:0 0,0 0}
  to{background-position:42px 42px,42px 42px}
}

/* Refine fullscreen desktop spacing */
@media(min-width:1101px){
  .sike-ios-dashboard{
    gap:16px!important;
  }
  .sike-ios-main-column,
  .sike-ios-side-column{
    min-height:0!important;
  }
  .sike-ios-hero-card{
    min-height:calc(100vh - var(--site-header-height,132px) - 190px)!important;
  }
  .sike-builder-live-stage{
    height:calc(100vh - var(--site-header-height,132px) - 370px)!important;
    min-height:420px!important;
    max-height:650px!important;
  }
}

/* Keep background border almost invisible */
.sike-ios-shell,
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.035)!important;
}

/* Slight orange rim/glow instead of borders */
.sike-ios-shell:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,120,54,.035),
    inset 0 0 80px rgba(255,83,40,.025)!important;
}

/* Mobile remains fullscreen but abstract effect is calmer */
@media(max-width:720px){
  .sike-ios-app{
    min-height:100vh!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    background:
      linear-gradient(180deg,#1e0e09 0%,#0f0b0c 30%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    min-height:100vh!important;
    border-radius:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    background:rgba(8,10,13,.84)!important;
  }
  .sike-abstract-bg{
    inset:-20%!important;
    opacity:.75!important;
  }
  .sike-abstract-bg .mesh{
    opacity:.08!important;
    background-size:34px 34px!important;
  }
  .sike-abstract-bg .orb-a{
    width:110vw!important;height:110vw!important;
    left:-45vw!important;top:-38vw!important;
  }
  .sike-abstract-bg .orb-b{
    width:90vw!important;height:90vw!important;
    right:-45vw!important;top:18vw!important;
  }
  .sike-abstract-bg .orb-c{display:none!important}
  .sike-abstract-bg .beam{opacity:.08!important}
}

/* Respect reduced-motion accessibility */
@media(prefers-reduced-motion:reduce){
  .sike-abstract-bg *{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V15 — EMPTY ACCOUNT + SIKE MUSIC
   =================================================================== */

/* ----- No products by default ----- */
.sike-empty-devices{
  display:none;
  min-height:560px;
  border-radius:24px;
  padding:52px clamp(24px,5vw,76px);
  background:
    radial-gradient(circle at 15% 10%,rgba(255,119,49,.14),transparent 32%),
    linear-gradient(145deg,rgba(18,20,25,.94),rgba(8,10,13,.92));
  border:1px solid rgba(255,255,255,.045);
  position:relative;
  overflow:hidden;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
}
.no-devices .sike-empty-devices{display:flex}
.no-devices [data-view="home"]>.sike-ios-hero-card,
.no-devices [data-view="home"]>.sike-ios-speaker-controls,
.no-devices [data-view="home"]>.sike-ios-powercell-controls,
.no-devices [data-view="home"]>.sike-feature-dashboard-grid,
.no-devices [data-view="home"]>.sike-ios-device-card{display:none!important}
.sike-empty-devices:after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  right:-190px;top:-210px;
  background:radial-gradient(circle,rgba(255,119,48,.18),transparent 68%);
  animation:sikeEmptyGlow 8s ease-in-out infinite alternate;
}
@keyframes sikeEmptyGlow{to{transform:translate(-36px,48px) scale(1.12)}}
.sike-empty-orbit{
  width:126px;height:126px;position:relative;display:grid;place-items:center;margin-bottom:30px;
}
.sike-empty-orbit span{
  width:68px;height:68px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ff7136,#e53632);color:#fff;font-size:28px;font-weight:950;
  box-shadow:0 18px 50px rgba(229,54,47,.25)
}
.sike-empty-orbit i{
  position:absolute;inset:0;border:1px solid rgba(255,123,65,.22);border-radius:50%;
  animation:sikeOrbitSpin 8s linear infinite
}
.sike-empty-orbit i:nth-child(2){inset:14px;animation-duration:6s;animation-direction:reverse}
.sike-empty-orbit i:nth-child(3){inset:-13px;opacity:.4;animation-duration:11s}
.sike-empty-orbit i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8247;top:9px;left:50%}
@keyframes sikeOrbitSpin{to{transform:rotate(360deg)}}
.sike-empty-devices>.eyebrow{color:#ff7445;font-size:9px;letter-spacing:.18em;font-weight:900}
.sike-empty-devices h2{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.055em;color:#fff;max-width:720px;margin:10px 0 14px}
.sike-empty-devices>p{max-width:620px;color:#8b929c;font-size:13px;line-height:1.55;margin:0}
.sike-empty-actions{display:flex;gap:9px;margin-top:26px}
.sike-empty-actions .sike-ios-primary,.sike-empty-music-btn{min-height:46px;padding:0 18px;border-radius:13px;border:0;font-weight:900;font-size:9px;letter-spacing:.05em;cursor:pointer}
.sike-empty-actions .sike-ios-primary{background:linear-gradient(135deg,#ff7138,#e93631);color:#fff}
.sike-empty-music-btn{background:#15191f;border:1px solid #2b3037;color:#fff}
.sike-empty-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}
.sike-empty-points span{display:flex;align-items:center;gap:8px;color:#757d87;font-size:8px;padding:8px 10px;border-radius:999px;background:#0c0f13;border:1px solid #262b32}
.sike-empty-points i{font-style:normal;color:#ff7445;font-weight:900}

.sike-add-device-chip{border-style:dashed!important}
.sike-add-device-chip .device-add-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0c0f13;border:1px solid #2a3037;color:#ff7445;font-size:20px
}

/* ----- Pairing modal ----- */
.sike-pair-modal{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease
}
.sike-pair-modal[hidden]{display:none!important}
.sike-pair-modal.show{opacity:1}
.sike-pair-card{
  width:min(620px,100%);border-radius:26px;padding:24px;position:relative;
  background:linear-gradient(145deg,#171a20,#0c0f13);
  border:1px solid #30353d;box-shadow:0 34px 90px rgba(0,0,0,.48);
  transform:translateY(16px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1)
}
.sike-pair-modal.show .sike-pair-card{transform:none}
.sike-pair-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:12px;border:1px solid #30353c;background:#0d1014;color:#fff;font-size:20px;cursor:pointer}
.sike-pair-head>span{color:#ff7044;font-size:8px;letter-spacing:.17em;font-weight:900}
.sike-pair-head h3{font-size:34px;color:#fff;letter-spacing:-.045em;margin:6px 0}
.sike-pair-head p{color:#858d97;font-size:10px;max-width:480px;line-height:1.5}
.sike-pair-scan{display:flex;align-items:center;gap:9px;margin:18px 0;padding:10px 12px;border-radius:13px;background:#0c0f13;border:1px solid #282d34;color:#7c848e;font-size:8px}
.sike-pair-scan i{width:8px;height:8px;border-radius:50%;background:#2bd179;box-shadow:0 0 0 0 rgba(43,209,121,.3);animation:sikePairPulse 1.4s infinite}
@keyframes sikePairPulse{50%{box-shadow:0 0 0 8px rgba(43,209,121,0)}}
.sike-pair-scan b{margin-left:auto;color:#ff7445;font-size:7px;letter-spacing:.12em}
.sike-pair-products{display:grid;grid-template-columns:1fr;gap:8px}
.sike-pair-products button{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;text-align:left;background:#11151a;border:1px solid #292f36;color:#fff;border-radius:16px;padding:9px 12px;cursor:pointer;transition:.16s}
.sike-pair-products button:hover{transform:translateY(-1px);border-color:#724233;background:#15181d}
.pair-img{width:58px;height:48px;border-radius:12px;background:#080a0d;display:grid;place-items:center;overflow:hidden}
.pair-img img{max-width:90%;max-height:90%;object-fit:contain}
.sike-pair-products b{display:block;font-size:11px}.sike-pair-products small{display:block;color:#7c848e;font-size:8px;margin-top:3px}
.sike-pair-products em{font-style:normal;width:32px;height:32px;border-radius:10px;background:#ff5b36;display:grid;place-items:center;font-size:16px}
.sike-pair-foot{display:block;color:#606873;font-size:7px;margin-top:12px}

/* ----- SIKE Music ----- */
.sike-music-view{position:relative}
.sike-music-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:12px;min-height:660px}
.sike-music-library,.sike-music-main,.sike-music-player-card{
  background:rgba(11,13,17,.88);border:1px solid rgba(255,255,255,.045);border-radius:22px
}
.sike-music-library{padding:16px;display:flex;flex-direction:column}
.sike-music-brand{display:flex;gap:9px;align-items:center;padding-bottom:15px;border-bottom:1px solid #252a31}
.music-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#ff7138,#e43132);display:grid;place-items:center;color:#fff;font-weight:950}
.sike-music-brand b{display:block;color:#fff;font-size:10px}.sike-music-brand small{display:block;color:#6f7781;font-size:7px;margin-top:2px}
.sike-music-library nav{display:grid;gap:4px;margin-top:13px}
.sike-music-library nav button,.sike-music-playlist-block button{
  display:flex;align-items:center;gap:9px;min-height:38px;border:0;border-radius:11px;background:transparent;color:#777f89;text-align:left;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-library nav button.active{background:#181c22;color:#fff}.sike-music-library nav i{font-style:normal;font-size:13px}
.sike-music-playlist-block{margin-top:20px}.sike-music-playlist-block>span{font-size:7px;letter-spacing:.13em;color:#606873;font-weight:900;padding:0 9px}
.sike-music-playlist-block button{width:100%;color:#727a84}
.sike-music-main{padding:16px;overflow:hidden}
.sike-music-hero{
  min-height:190px;border-radius:19px;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,160,73,.28),transparent 32%),
    linear-gradient(135deg,#ff6d34 0%,#d8392e 43%,#3b1615 100%)
}
.sike-music-hero>div:first-child{position:relative;z-index:2}
.sike-music-hero span{font-size:7px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.68)}
.sike-music-hero h3{font-size:34px;line-height:.94;letter-spacing:-.05em;color:#fff;margin:8px 0 10px}
.sike-music-hero p{font-size:9px;line-height:1.5;color:rgba(255,255,255,.7);max-width:440px;margin:0}
.sike-music-wave{display:flex;align-items:center;gap:5px;height:90px;opacity:.56}
.sike-music-wave i{width:4px;border-radius:6px;background:#fff;animation:sikeWave 1.1s ease-in-out infinite alternate}
.sike-music-wave i:nth-child(1){height:24%}.sike-music-wave i:nth-child(2){height:62%;animation-delay:.1s}.sike-music-wave i:nth-child(3){height:38%;animation-delay:.2s}.sike-music-wave i:nth-child(4){height:88%;animation-delay:.3s}.sike-music-wave i:nth-child(5){height:48%;animation-delay:.4s}.sike-music-wave i:nth-child(6){height:75%;animation-delay:.5s}.sike-music-wave i:nth-child(7){height:30%;animation-delay:.6s}.sike-music-wave i:nth-child(8){height:58%;animation-delay:.7s}.sike-music-wave i:nth-child(9){height:20%;animation-delay:.8s}
@keyframes sikeWave{to{transform:scaleY(.45);opacity:.55}}
.sike-music-search{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#0b0e12;border:1px solid #282d34;border-radius:14px;padding:5px 5px 5px 12px}
.sike-music-search>span{color:#707985;font-size:17px}.sike-music-search input{height:40px;background:transparent;border:0;outline:0;color:#fff;font-size:10px}
.sike-music-search button,.sike-music-url-entry button{height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff6938,#e63532);color:#fff;padding:0 14px;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-api-note{margin-top:9px;padding:10px 12px;border-radius:13px;background:#10141a;border:1px solid #282d34;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.sike-music-api-note>span{color:#ff7044;font-size:7px;letter-spacing:.13em;font-weight:900}.sike-music-api-note p{font-size:7px;color:#737b85;margin:0}.sike-music-api-note button{background:transparent;border:0;color:#fff;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-api-note.connected{border-color:rgba(43,209,121,.28)}.sike-music-api-note.connected>span{color:#2bd179}
.sike-music-section{margin-top:18px}.sike-music-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}
.sike-music-section-head span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-section-head h4{font-size:18px;color:#fff;margin:3px 0 0}.sike-music-section-head small{font-size:7px;color:#67707a}
.sike-music-url-entry{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:9px}.sike-music-url-entry input{height:42px;border:1px solid #292e35;border-radius:12px;background:#0b0e12;color:#fff;padding:0 12px;outline:0;font-size:8px}.sike-music-url-entry input.invalid{border-color:#ff4e3b;animation:sikeShake .3s}
@keyframes sikeShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.sike-music-results{display:grid;gap:6px;max-height:480px;overflow:auto;padding-right:3px}
.sike-music-track{min-height:62px;border-radius:13px;padding:6px;display:grid;grid-template-columns:54px 1fr 34px;gap:9px;align-items:center;background:#0d1014;border:1px solid #242930}
.track-play{position:relative;width:54px;height:50px;border:0;border-radius:10px;overflow:hidden;background:#080a0d;padding:0;cursor:pointer}.track-play img{width:100%;height:100%;object-fit:cover}.track-play i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.22);color:#fff;font-style:normal;opacity:0;transition:.15s}.track-play:hover i{opacity:1}
.sike-music-track b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-music-track small{display:block;color:#707985;font-size:7px;margin-top:3px}
.track-queue{width:32px;height:32px;border-radius:10px;border:1px solid #2a3037;background:#11151a;color:#9aa1aa;cursor:pointer}
.sike-music-placeholder{min-height:180px;border:1px dashed #2b3037;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px;color:#707985}.sike-music-placeholder>span{font-size:30px;color:#ff7044}.sike-music-placeholder b{color:#fff;font-size:11px;margin-top:7px}.sike-music-placeholder small{max-width:340px;font-size:8px;line-height:1.5;margin-top:5px}.sike-music-placeholder.loading>span{animation:sikeSpin 1s linear infinite}@keyframes sikeSpin{to{transform:rotate(360deg)}}.sike-music-placeholder.error>span{color:#ff4e3b}
.sike-music-player-card{padding:12px;height:max-content;position:sticky;top:12px}
.sike-music-player-screen{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#050607;position:relative}.sike-music-player-screen iframe{width:100%;height:100%;border:0}.sike-music-player-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#21130f,#08090b 70%);color:#777f89}.sike-music-player-empty.hidden{display:none}.sike-music-player-empty span{font-size:30px;color:#ff7044}.sike-music-player-empty b{font-size:11px;color:#fff}.sike-music-player-empty small{font-size:7px;margin-top:4px}
.sike-music-now{padding:14px 4px 8px}.sike-music-now>span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-now h4{font-size:15px;color:#fff;line-height:1.15;margin:6px 0 3px}.sike-music-now p{font-size:8px;color:#737b85;margin:0}
.sike-music-player-actions{display:flex;gap:6px;padding:5px 4px 10px}.sike-music-player-actions button{width:38px;height:38px;border-radius:12px;background:#11151a;border:1px solid #292e35;color:#fff;font-size:16px;cursor:pointer}.sike-music-player-actions button.active{color:#ff5640}
.sike-music-device-output{display:flex;gap:9px;align-items:center;background:#0b0e12;border:1px solid #262b32;border-radius:13px;padding:10px}.sike-music-device-output>i{width:8px;height:8px;border-radius:50%;background:#2bd179}.sike-music-device-output b{display:block;color:#fff;font-size:8px}.sike-music-device-output small{display:block;color:#6d7580;font-size:7px;margin-top:2px}

/* Music API modal */
.sike-music-api-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.72);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px;opacity:0;transition:.18s}.sike-music-api-modal[hidden]{display:none!important}.sike-music-api-modal.show{opacity:1}
.sike-music-api-card{width:min(500px,100%);position:relative;border-radius:24px;padding:24px;background:#15181d;border:1px solid #30353d;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sike-music-api-card>span{font-size:7px;letter-spacing:.15em;color:#ff7044;font-weight:900}.sike-music-api-card h3{font-size:27px;color:#fff;margin:6px 0}.sike-music-api-card p{font-size:9px;color:#828a94;line-height:1.5}.sike-music-api-card label{display:block;margin-top:14px}.sike-music-api-card label small{display:block;font-size:7px;color:#737b85;margin-bottom:5px}.sike-music-api-card input{width:100%;height:44px;border-radius:12px;background:#0b0e12;border:1px solid #2a3037;color:#fff;padding:0 12px;box-sizing:border-box}
.sike-music-api-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border-radius:11px;background:#0b0e12;border:1px solid #2a3037;color:#fff;font-size:18px}.sike-music-api-actions{display:flex;gap:7px;margin-top:10px}.sike-music-api-actions button{height:38px;border-radius:10px;padding:0 12px;border:1px solid #2a3037;background:#0c0f13;color:#fff;font-size:8px;font-weight:900}.sike-music-api-actions button:first-child{background:linear-gradient(135deg,#ff6938,#e63532);border-color:transparent}.sike-music-api-status{display:block;color:#6f7781;font-size:7px;margin-top:9px}

@media(max-width:1180px){
  .sike-music-shell{grid-template-columns:150px minmax(0,1fr) 260px}
}
@media(max-width:900px){
  .sike-music-shell{grid-template-columns:1fr}
  .sike-music-library{display:none}
  .sike-music-player-card{position:relative;top:auto;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px}
  .sike-music-player-screen{width:150px}.sike-music-now{padding:5px}.sike-music-player-actions{padding:0}.sike-music-device-output{grid-column:1/-1}
}
@media(max-width:720px){
  .sike-empty-devices{min-height:470px;padding:34px 18px;border-radius:20px}
  .sike-empty-orbit{width:92px;height:92px;margin-bottom:22px}.sike-empty-orbit span{width:54px;height:54px;border-radius:18px;font-size:22px}
  .sike-empty-devices h2{font-size:40px}.sike-empty-devices>p{font-size:10px}.sike-empty-actions{width:100%;display:grid;grid-template-columns:1fr}.sike-empty-points{display:grid;gap:6px}
  .sike-pair-card{padding:18px;border-radius:21px}.sike-pair-head h3{font-size:28px}
  .sike-music-shell{display:block}.sike-music-main{padding:10px;border-radius:18px}.sike-music-hero{min-height:150px;padding:18px}.sike-music-hero h3{font-size:29px}.sike-music-wave{display:none}
  .sike-music-api-note{grid-template-columns:1fr auto}.sike-music-api-note p{display:none}
  .sike-music-player-card{margin-top:9px;grid-template-columns:112px 1fr auto;padding:9px;border-radius:18px}.sike-music-player-screen{width:112px}.sike-music-now h4{font-size:12px}.sike-music-player-actions button{width:34px;height:34px}
  .sike-music-results{max-height:none}
  .sike-ios-tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .sike-ios-tabbar button span{font-size:5.5px!important}
}
@media(max-width:430px){
  .sike-music-player-card{grid-template-columns:92px 1fr}.sike-music-player-screen{width:92px}.sike-music-player-actions{grid-column:1/-1}.sike-music-device-output{grid-column:1/-1}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .sike-empty-orbit i,.sike-empty-devices:after,.sike-music-wave i,.sike-pair-scan i{animation:none!important}
}


/* ===================================================================
   SIKE APP V16 — CONNECTED DEVICES ONLY + PROFESSIONAL SCAN FIRST
   =================================================================== */

/* Critical: author styles must never override the HTML hidden attribute. */
.sike-ios-device-switcher [hidden],
.sike-device-strip [hidden]{
  display:none!important;
}

/* Device row: scan first, connected products after it. */
.sike-device-strip{
  display:grid!important;
  grid-template-columns:minmax(260px,.82fr) repeat(3,minmax(190px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.sike-device-strip>.sike-scan-device-card{
  order:-100!important;
}
.sike-device-strip>.sike-connected-device-card{
  min-width:0!important;
}

/* Premium scan card */
.sike-scan-device-card{
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,148,70,.22),transparent 38%),
    linear-gradient(135deg,#1b1718 0%,#13161b 58%,#101318 100%)!important;
  border:1px solid rgba(255,122,66,.22)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 10px 28px rgba(0,0,0,.13)!important;
  color:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  position:relative!important;
}
.sike-scan-device-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.035) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
}
.sike-scan-device-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,125,66,.40)!important;
}
.sike-scan-device-card:hover:after{
  animation:sikeScanSheen .8s ease forwards!important;
}
@keyframes sikeScanSheen{to{transform:translateX(120%)}}

.sike-scan-radar{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#ff7138,#e83931)!important;
  box-shadow:0 8px 22px rgba(230,57,45,.24)!important;
}
.sike-scan-radar i{
  position:absolute!important;
  inset:8px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  animation:sikeRadarPulse 1.8s ease-out infinite!important;
}
.sike-scan-radar i:nth-child(2){
  inset:3px!important;
  animation-delay:.55s!important;
  opacity:.55!important;
}
.sike-scan-radar b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}
@keyframes sikeRadarPulse{
  0%{transform:scale(.72);opacity:.9}
  100%{transform:scale(1.25);opacity:0}
}
.device-scanning .sike-scan-radar{
  animation:sikeScanning 1.1s ease-in-out!important;
}
@keyframes sikeScanning{
  0%,100%{box-shadow:0 8px 22px rgba(230,57,45,.24)}
  50%{box-shadow:0 0 0 9px rgba(255,105,52,.10),0 8px 32px rgba(236,62,45,.38)}
}

.sike-scan-copy{
  min-width:0!important;
  display:block!important;
}
.sike-scan-copy small{
  display:block!important;
  color:#ff8054!important;
  font-size:6.5px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  margin-bottom:3px!important;
}
.sike-scan-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  display:block!important;
  color:#747c86!important;
  font-size:7px!important;
  font-style:normal!important;
  margin-top:4px!important;
}
.sike-scan-action{
  display:grid!important;
  place-items:center!important;
  height:30px!important;
  min-width:48px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  background:rgba(255,103,54,.12)!important;
  border:1px solid rgba(255,112,59,.24)!important;
  color:#ff8055!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}

/* Connected product cards are intentionally quieter than Scan. */
.sike-connected-device-card{
  min-height:74px!important;
  padding:9px 11px!important;
  border-radius:18px!important;
  background:#12151a!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.sike-connected-device-card.active{
  background:linear-gradient(135deg,#ff6638,#ed3b32)!important;
  border-color:rgba(255,156,103,.32)!important;
}
.sike-connected-device-card .device-thumb{
  width:48px!important;
  height:48px!important;
}

/* If there are many connected devices, keep the row tidy rather than widening the page. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(190px,1fr))!important;
  }
}

/* Tablet/mobile: scan is always the first full-width action. */
@media(max-width:900px){
  .sike-device-strip{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    padding-bottom:3px!important;
  }
  .sike-device-strip::-webkit-scrollbar{display:none!important}
  .sike-scan-device-card{
    flex:0 0 min(82vw,330px)!important;
    min-width:min(82vw,330px)!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-card{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
}

/* Phone: stronger hierarchy, smaller footprint. */
@media(max-width:720px){
  .sike-device-strip{
    padding:9px 0 5px!important;
  }
  .sike-scan-device-card{
    min-height:62px!important;
    flex-basis:min(88vw,315px)!important;
    min-width:min(88vw,315px)!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:8px 9px!important;
    border-radius:16px!important;
  }
  .sike-scan-radar{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .sike-scan-copy strong{font-size:10px!important}
  .sike-scan-copy em{font-size:6.5px!important}
  .sike-scan-action{
    height:28px!important;
    min-width:42px!important;
    padding:0 7px!important;
  }
  .sike-connected-device-card{
    min-height:62px!important;
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:43px!important;
    height:43px!important;
  }
}

/* Pairing modal polish */
.sike-pair-scan{
  background:
    linear-gradient(90deg,rgba(43,209,121,.05),transparent),
    #0c0f13!important;
}


/* ===================================================================
   SIKE MUSIC V18 — TRUE FULLSCREEN STREAMING UI
   Spotify-inspired information architecture, original SIKE styling.
   =================================================================== */

/* Fullscreen mode hides the normal website/app chrome. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  overflow:hidden!important;
  height:100%!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .announcement,
body.sike-music-fullscreen-active .site-header,
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  padding:0!important;
  background:#050607!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  height:100%!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
}

/* Fullscreen layout: rail / content / now playing + fixed transport bar */
.sike-music-fullscreen{
  --music-bg:#070809;
  --music-panel:#111315;
  --music-panel-2:#17191c;
  --music-border:rgba(255,255,255,.06);
  --music-orange:#ff6538;
  --music-red:#ef3436;
  --music-muted:#8b9199;
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 360px;
  grid-template-rows:minmax(0,1fr) 88px;
  gap:8px;
  width:100%;
  height:100dvh;
  padding:8px;
  box-sizing:border-box;
  background:#050607;
  color:#fff;
  overflow:hidden;
}

/* Left rail */
.sike-music-rail{
  grid-column:1;
  grid-row:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:12px 8px;
  border-radius:18px;
  background:linear-gradient(180deg,#0c0e10,#090a0c);
  border:1px solid var(--music-border);
}
.sike-music-rail-brand{
  width:100%;
  display:grid;
  place-items:center;
  gap:5px;
  padding:2px 0 12px;
  border-bottom:1px solid var(--music-border);
}
.sike-music-rail-brand>span{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--music-orange),var(--music-red));
  color:#fff;font-size:20px;font-weight:950;
  box-shadow:0 10px 28px rgba(239,53,50,.24);
}
.sike-music-rail-brand>b{
  font-size:6px;line-height:1.1;text-align:center;letter-spacing:.13em;color:#9ba1aa;
}
.sike-music-rail nav{
  width:100%;display:grid;gap:5px;
}
.sike-music-rail nav button,
.sike-music-exit{
  width:100%;height:58px;border:0;border-radius:15px;
  background:transparent;color:#737a84;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  cursor:pointer;
}
.sike-music-rail nav button i,.sike-music-exit i{font-size:17px;font-style:normal}
.sike-music-rail nav button span,.sike-music-exit span{font-size:6px;font-weight:800}
.sike-music-rail nav button.active,
.sike-music-rail nav button:hover,
.sike-music-exit:hover{
  background:#1a1d21;color:#fff;
}
.sike-music-rail nav button.active i{color:var(--music-orange)}
.sike-music-mini-library{
  width:100%;
  display:grid;gap:8px;
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid var(--music-border);
}
.sike-music-mini-library>span{font-size:5px;letter-spacing:.12em;color:#59616b;text-align:center;font-weight:900}
.sike-music-mini-library button{
  width:54px;height:54px;margin:auto;padding:0;border:0;border-radius:14px;background:#14171a;
  display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer;
}
.sike-music-mini-library button i{position:absolute;inset:0}
.sike-music-mini-library button i.drive{background:linear-gradient(145deg,#ff7a34,#b11d3b)}
.sike-music-mini-library button i.night{background:linear-gradient(145deg,#36225f,#111727)}
.sike-music-mini-library button i.bass{background:linear-gradient(145deg,#0d8c88,#1b253a)}
.sike-music-mini-library button em{position:relative;z-index:2;color:#fff;font-size:6px;font-style:normal;font-weight:900;text-shadow:0 1px 4px #000}
.sike-music-exit{margin-top:auto}

/* Center home */
.sike-music-home{
  grid-column:2;
  grid-row:1;
  min-width:0;min-height:0;
  display:flex;flex-direction:column;
  border-radius:18px;
  background:
    radial-gradient(circle at 68% -20%,rgba(255,103,56,.14),transparent 30%),
    linear-gradient(180deg,#17191b 0%,#101214 23%,#0e1012 100%);
  border:1px solid var(--music-border);
  overflow:hidden;
}
.sike-music-topbar{
  flex:0 0 68px;
  display:grid;
  grid-template-columns:auto minmax(280px,620px) 1fr;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  background:rgba(13,15,17,.72);
  border-bottom:1px solid rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.sike-music-nav-arrows button{
  width:40px;height:40px;border-radius:50%;border:0;background:#090a0c;color:#fff;font-size:22px;cursor:pointer
}
.sike-music-search-top{
  margin:0!important;
  height:44px!important;
  border-radius:999px!important;
  background:#242629!important;
  border:1px solid transparent!important;
  padding:2px 4px 2px 13px!important;
}
.sike-music-search-top:focus-within{border-color:#5d6268!important;background:#2b2d30!important}
.sike-music-search-top input{height:38px!important;font-size:11px!important}
.sike-music-search-top button{height:36px!important;border-radius:999px!important;padding:0 16px!important}
.sike-music-top-actions{justify-self:end;display:flex;gap:8px;align-items:center}
.sike-music-api-pill{
  height:38px;padding:0 13px;border-radius:999px;border:1px solid #33373d;background:#101215;color:#fff;
  display:flex;align-items:center;gap:7px;font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-api-pill i{width:7px;height:7px;border-radius:50%;background:#ff7144}
.sike-music-account-dot{
  width:38px;height:38px;border-radius:50%;border:4px solid #16191c;
  background:linear-gradient(145deg,#ff7138,#e73733);color:#fff;font-weight:950;cursor:pointer
}
.sike-music-scroll{
  min-height:0;overflow:auto;padding:18px 18px 30px;
  scrollbar-width:thin;scrollbar-color:#41454a transparent;
}
.sike-music-filter-pills{display:flex;gap:8px;margin-bottom:14px}
.sike-music-filter-pills button{
  height:34px;padding:0 15px;border-radius:999px;border:0;background:#2b2d30;color:#fff;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-filter-pills button.active{background:#fff;color:#111}

/* Quick tiles */
.sike-music-quick-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px
}
.sike-music-quick-grid button{
  min-width:0;height:64px;padding:0;border:0;border-radius:7px;overflow:hidden;
  background:#2b2d30;color:#fff;display:grid;grid-template-columns:64px 1fr 42px;align-items:center;text-align:left;cursor:pointer;
  transition:background .15s ease
}
.sike-music-quick-grid button:hover{background:#393b3e}
.quick-art{width:64px;height:64px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:950}
.quick-art.liked{background:linear-gradient(145deg,#6848ff,#c5f4e6)}
.quick-art.drive{background:linear-gradient(145deg,#ff7936,#b81d42)}
.quick-art.night{background:linear-gradient(145deg,#291b53,#11111d)}
.quick-art.bass{background:linear-gradient(145deg,#008f88,#25324f)}
.quick-art.house{background:linear-gradient(145deg,#dd6c15,#2f1610)}
.quick-art.outdoor{background:linear-gradient(145deg,#667d2f,#213d2c)}
.sike-music-quick-grid b{font-size:10px;padding:0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-quick-grid button>i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--music-orange);font-style:normal;
  opacity:0;transform:translateY(5px);transition:.16s
}
.sike-music-quick-grid button:hover>i{opacity:1;transform:none}

/* Feature hero */
.sike-music-featured{
  min-height:260px;
  border-radius:18px;
  display:flex;align-items:flex-end;justify-content:space-between;
  padding:28px;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,168,81,.26),transparent 30%),
    linear-gradient(130deg,#ff6937 0%,#df3532 40%,#5c1f1a 70%,#171315 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.sike-music-featured-copy{position:relative;z-index:2;max-width:560px}
.sike-music-featured-copy>span{font-size:7px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.7)}
.sike-music-featured-copy h3{font-size:48px;line-height:.91;letter-spacing:-.055em;margin:9px 0 14px;color:#fff}
.sike-music-featured-copy p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.72);max-width:460px}
.sike-music-featured-copy>div{display:flex;gap:8px;margin-top:18px}
.sike-music-featured-copy button{height:40px;padding:0 15px;border-radius:999px;border:0;background:#fff;color:#151515;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-featured-copy button+button{background:rgba(0,0,0,.32);color:#fff;border:1px solid rgba(255,255,255,.16)}
.sike-music-eq-art{height:160px;display:flex;align-items:center;gap:7px;opacity:.64;transform:rotate(-7deg);margin-right:30px}
.sike-music-eq-art i{width:7px;border-radius:8px;background:#fff;animation:sikeFullWave 1.2s ease-in-out infinite alternate}
.sike-music-eq-art i:nth-child(1){height:25%}.sike-music-eq-art i:nth-child(2){height:50%;animation-delay:.1s}.sike-music-eq-art i:nth-child(3){height:80%;animation-delay:.2s}.sike-music-eq-art i:nth-child(4){height:40%;animation-delay:.3s}.sike-music-eq-art i:nth-child(5){height:95%;animation-delay:.4s}.sike-music-eq-art i:nth-child(6){height:60%;animation-delay:.5s}.sike-music-eq-art i:nth-child(7){height:35%;animation-delay:.6s}.sike-music-eq-art i:nth-child(8){height:78%;animation-delay:.7s}.sike-music-eq-art i:nth-child(9){height:48%;animation-delay:.8s}.sike-music-eq-art i:nth-child(10){height:88%;animation-delay:.9s}.sike-music-eq-art i:nth-child(11){height:30%;animation-delay:1s}
@keyframes sikeFullWave{to{transform:scaleY(.42);opacity:.45}}

/* Results */
.sike-music-made-for{margin-top:26px!important}
.sike-music-card-results{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
}
.sike-music-card-results .sike-music-track{
  min-width:0!important;min-height:215px!important;padding:10px!important;
  display:grid!important;grid-template-columns:1fr 34px!important;grid-template-rows:auto 1fr!important;
  border-radius:12px!important;background:#17191c!important;border:0!important;
}
.sike-music-card-results .track-play{
  grid-column:1/-1!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:8px!important;
}
.sike-music-card-results .sike-music-track>div{min-width:0;padding-top:8px}
.sike-music-card-results .sike-music-track b{font-size:9px!important}
.sike-music-card-results .track-queue{align-self:center}
.sike-music-card-results .sike-music-placeholder{grid-column:1/-1}

/* Right now-playing panel */
.sike-music-now-panel{
  grid-column:3;grid-row:1;
  min-height:0;overflow:auto;
  border-radius:18px;padding:14px;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,91,49,.09),transparent 30%),
    linear-gradient(180deg,#151719,#0c0e10 72%);
  border:1px solid var(--music-border)
}
.sike-music-now-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sike-music-now-header span{display:block;font-size:6px;letter-spacing:.13em;color:#69717b}
.sike-music-now-header b{display:block;font-size:11px;color:#fff;margin-top:3px}
.sike-music-now-header button{width:36px;height:36px;border-radius:50%;border:0;background:#24272b;color:#fff;cursor:pointer}
.sike-music-big-screen{aspect-ratio:1/1!important;border-radius:14px!important}
.sike-music-now{
  display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:16px 2px!important;
  border-bottom:1px solid var(--music-border)
}
.sike-music-now h4{font-size:22px!important;letter-spacing:-.035em;margin:0 0 4px!important}
.sike-music-now p{font-size:9px!important}
.sike-music-now>button{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #30343a;background:#15181c;color:#fff;font-size:17px;cursor:pointer
}
.sike-music-related{padding-top:15px}
.sike-music-related>span{font-size:7px;letter-spacing:.13em;color:#777f89;font-weight:900}
.sike-music-device-output{margin-top:8px!important}
.sike-music-side-art{
  margin-top:12px;min-height:180px;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.72)),
    radial-gradient(circle at 70% 20%,rgba(255,134,59,.5),transparent 31%),
    linear-gradient(145deg,#4c1e17,#111317)
}
.sike-music-side-art span{font-size:8px;letter-spacing:.17em;color:#ff7b48;font-weight:900}
.sike-music-side-art b{font-size:28px;line-height:.86;letter-spacing:-.05em;color:#fff;margin-top:7px}

/* Fixed bottom transport */
.sike-music-playerbar{
  grid-column:1/-1;grid-row:2;
  height:88px;min-height:88px;
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr) minmax(220px,1fr);
  align-items:center;gap:20px;
  padding:8px 16px;
  border-radius:16px;
  background:#08090b;
  border:1px solid var(--music-border)
}
.sike-music-playerbar-track{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;align-items:center}
.mini-cover{width:54px;height:54px;border-radius:6px;background:linear-gradient(145deg,#ff6b37,#612034);display:grid;place-items:center;font-size:18px;overflow:hidden}
.mini-cover img{width:100%;height:100%;object-fit:cover}
.sike-music-playerbar-track b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-playerbar-track small{display:block;color:#7b828b;font-size:7px;margin-top:3px}
.sike-music-playerbar-track>button{border:0;background:transparent;color:#a2a7ad;font-size:17px;cursor:pointer}
.sike-music-transport{min-width:0;display:grid;gap:5px}
.transport-buttons{display:flex;justify-content:center;align-items:center;gap:17px}
.transport-buttons button{border:0;background:transparent;color:#8b929a;font-size:14px;cursor:pointer}
.transport-buttons button.active{color:#ff7042}
.transport-buttons .play{width:38px;height:38px;border-radius:50%;background:#fff;color:#111;font-size:13px;display:grid;place-items:center}
.sike-music-progress{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center}
.sike-music-progress span{font-size:6px;color:#767d85;text-align:center}
.sike-music-progress input,.sike-music-player-tools input{accent-color:#fff;height:3px}
.sike-music-player-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.sike-music-player-tools button{border:0;background:transparent;color:#9ba1a8;font-size:17px}
.sike-music-player-tools span{font-size:6px;color:#6e757e}
.sike-music-player-tools input{width:120px}

/* API settings floats above fullscreen */
.sike-music-api-modal{z-index:20000!important}

/* Desktop responsive */
@media(max-width:1350px){
  .sike-music-fullscreen{grid-template-columns:76px minmax(0,1fr) 300px}
  .sike-music-card-results{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sike-music-featured-copy h3{font-size:42px}
}
@media(max-width:1100px){
  .sike-music-fullscreen{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 84px}
  .sike-music-now-panel{display:none}
  .sike-music-home{grid-column:2}
  .sike-music-playerbar{grid-column:1/-1}
  .sike-music-card-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Phone/tablet: fullscreen remains, rail becomes compact top/bottom experience */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-ios-shell{padding:0!important}
  .sike-music-fullscreen{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) 76px;
    gap:0;padding:0;
  }
  .sike-music-rail{display:none}
  .sike-music-home{
    grid-column:1;grid-row:1;
    border:0;border-radius:0
  }
  .sike-music-topbar{
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:7px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;
    flex-basis:auto;min-height:58px
  }
  .sike-music-nav-arrows button{width:34px;height:34px}
  .sike-music-search-top{height:38px!important}
  .sike-music-search-top input{height:32px!important;font-size:9px!important}
  .sike-music-search-top button{display:none}
  .sike-music-api-pill{width:34px;height:34px;padding:0;border-radius:50%;justify-content:center}
  .sike-music-api-pill span{display:none}
  .sike-music-account-dot{display:none}
  .sike-music-scroll{padding:11px 10px 24px}
  .sike-music-filter-pills{overflow:auto;scrollbar-width:none}.sike-music-filter-pills::-webkit-scrollbar{display:none}
  .sike-music-quick-grid{display:flex;overflow:auto;gap:7px;scrollbar-width:none}
  .sike-music-quick-grid::-webkit-scrollbar{display:none}
  .sike-music-quick-grid button{flex:0 0 210px}
  .sike-music-featured{min-height:205px;padding:20px}
  .sike-music-featured-copy h3{font-size:38px}
  .sike-music-featured-copy p{font-size:8px}
  .sike-music-eq-art{display:none}
  .sike-music-card-results{display:flex!important;overflow:auto!important;gap:9px!important;scrollbar-width:none}
  .sike-music-card-results::-webkit-scrollbar{display:none}
  .sike-music-card-results .sike-music-track{flex:0 0 155px!important;min-height:205px!important}
  .sike-music-card-results .sike-music-placeholder{flex:0 0 100%!important}
  .sike-music-now-panel{display:none}
  .sike-music-playerbar{
    grid-column:1;grid-row:2;
    height:76px;min-height:76px;border-radius:0;border-width:1px 0 0;
    grid-template-columns:minmax(0,1fr) auto;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom));
    gap:10px
  }
  .sike-music-playerbar-track{grid-template-columns:46px minmax(0,1fr) 30px}
  .mini-cover{width:46px;height:46px}
  .sike-music-transport{display:block}
  .transport-buttons button:not(.play){display:none}
  .transport-buttons{gap:0}
  .transport-buttons .play{width:38px;height:38px}
  .sike-music-progress,.sike-music-player-tools{display:none}
}

@media(prefers-reduced-motion:reduce){
  .sike-music-eq-art i{animation:none!important}
}


/* ===================================================================
   SIKE MUSIC V19 — EXACT SITE HEADER + EXACT SITE FOOTER
   Full viewport music workspace between the shared SIKEVENTURES chrome.
   =================================================================== */

/* MUSIC no longer takes over <html>/<body>; the shared index header stays. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  height:auto!important;
  min-height:100%!important;
  overflow:auto!important;
  background:#050607!important;
}

/* Explicitly restore the exact shared website chrome. */
body.sike-music-fullscreen-active .announcement{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-header{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-footer{
  display:block!important;
}
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  /* Keep app demo corner/ribbon behavior from the normal site CSS. */
}

/* App wrapper becomes a full-width music viewport below the website header. */
body.sike-music-fullscreen-active .sike-ios-app{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050607!important;
  overflow:visible!important;
}

/* Normal SIKE App dashboard chrome is hidden only INSIDE the app workspace. */
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  width:100%!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
}

/* Full width, no artificial outer margins. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100%!important;
  height:calc(100dvh - 132px)!important;
  min-height:680px!important;
  padding:8px!important;
  border-radius:0!important;
}

/* Footer starts immediately after the music viewport and is EXACT shared footer. */
body.sike-music-fullscreen-active .site-footer{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
}

/* Main content uses more of wide screens. */
@media(min-width:1400px){
  .sike-music-fullscreen{
    grid-template-columns:88px minmax(0,1fr) minmax(330px,22vw)!important;
  }
  .sike-music-scroll{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .sike-music-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sike-music-card-results{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* Website header stays visually identical to index, including mobile menu. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .announcement{
    display:none!important; /* matches the site's own compact phone behavior */
  }
  body.sike-music-fullscreen-active .site-header{
    display:flex!important;
    position:relative!important;
    top:auto!important;
  }

  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-height:calc(100dvh - 66px)!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    height:calc(100dvh - 66px)!important;
    min-height:560px!important;
  }

  /* Phone: use full available width and a cleaner music layout. */
  .sike-music-home{
    width:100%!important;
  }
  .sike-music-scroll{
    padding:10px 10px 18px!important;
  }
  .sike-music-featured{
    min-height:185px!important;
    border-radius:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:34px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:190px!important;
    height:58px!important;
    grid-template-columns:58px 1fr 36px!important;
  }
  .quick-art{
    width:58px!important;
    height:58px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:145px!important;
    min-height:190px!important;
  }

  /* Bottom player stays above iPhone safe area inside music workspace. */
  .sike-music-playerbar{
    padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  }

  /* Exact shared footer remains normal and scrollable below Music. */
  body.sike-music-fullscreen-active .site-footer{
    display:block!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    min-height:520px!important;
  }
  .sike-music-featured{
    padding:16px!important;
  }
  .sike-music-featured-copy h3{
    font-size:30px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V20 — TRUE EDGE-TO-EDGE HORIZONTAL LAYOUT
   Removes the remaining left/right dead space shown in V19.
   =================================================================== */

body.sike-music-fullscreen-active{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

body.sike-music-fullscreen-active .sike-ios-app,
body.sike-music-fullscreen-active .sike-ios-shell,
body.sike-music-fullscreen-active .sike-ios-dashboard,
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}

body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:6px!important;
  gap:6px!important;
  box-sizing:border-box!important;

  /* narrower left rail so content starts immediately */
  grid-template-columns:74px minmax(0,1fr) minmax(320px,22vw)!important;
}

/* Left rail sits directly against viewport edge. */
body.sike-music-fullscreen-active .sike-music-rail{
  margin:0!important;
  border-radius:0 16px 16px 0!important;
  border-left:0!important;
  width:74px!important;
  min-width:74px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

/* Remove any inherited wrapper indentation. */
body.sike-music-fullscreen-active .sike-music-home{
  margin:0!important;
  min-width:0!important;
}
body.sike-music-fullscreen-active .sike-music-now-panel{
  margin:0!important;
}

/* Bottom transport stretches completely from left to right. */
body.sike-music-fullscreen-active .sike-music-playerbar{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}

/* Make the center feel wider on common desktop resolutions. */
@media(min-width:1101px) and (max-width:1399px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 300px!important;
  }
}
@media(min-width:1400px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(320px,20vw)!important;
  }
}

/* Tablet: even tighter rail. */
@media(max-width:1100px) and (min-width:721px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  body.sike-music-fullscreen-active .sike-music-rail{
    width:64px!important;
    min-width:64px!important;
  }
}

/* Mobile remains truly edge-to-edge. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100vw!important;
    max-width:100vw!important;
    padding:0!important;
    gap:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-home{
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V21 — TRUE CENTERING FIX
   The remaining offset came from the normal SIKE App CSS grid:
   .sike-ios-view was still assigned to grid-column:2.
   Music mode now fully escapes that dashboard grid.
   =================================================================== */

body.sike-music-fullscreen-active .sike-ios-shell{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  column-gap:0!important;
  row-gap:0!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
}

body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  padding:0!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
}

/* Music canvas is now mathematically aligned to viewport edges. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  position:relative!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
}

/* Prevent any legacy app-side column widths from leaking into MUSIC. */
body.sike-music-fullscreen-active .sike-ios-main-column,
body.sike-music-fullscreen-active .sike-ios-side-column{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Keep the center workspace balanced between rail and Now Playing panel. */
@media(min-width:1101px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(300px,20vw)!important;
  }
}

/* On common 1366–1920 desktop widths, slightly reduce the right panel so
   the visual center remains the music content rather than being pulled right. */
@media(min-width:1101px) and (max-width:1920px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 290px!important;
  }
}

/* Tablet/mobile stay edge-to-edge with no inherited grid column. */
@media(max-width:1100px){
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-width:100vw!important;
  }
}


/* ===================================================================
   SIKE MUSIC V22 — MOBILE FIX / IPHONE-FIRST POLISH
   Built directly on V21. Desktop remains unchanged.
   =================================================================== */

@media(max-width:720px){

  html.sike-music-fullscreen-active,
  body.sike-music-fullscreen-active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#050607!important;
  }

  /* Shared site header: compact and predictable on phone. */
  body.sike-music-fullscreen-active .site-header{
    height:64px!important;
    min-height:64px!important;
    padding:0 10px!important;
    background:#070809!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:178px!important;
    width:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:174px!important;
    width:100%!important;
    height:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .desktop-nav,
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
  body.sike-music-fullscreen-active .site-header .header-actions{
    margin-left:auto!important;
    gap:7px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button span{
    display:none!important;
  }

  /* Music fills all remaining space under header. */
  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - 64px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 72px!important;
    background:#050607!important;
    overflow:hidden!important;
  }

  /* Hide desktop-only sidebars/panels. */
  .sike-music-rail,
  .sike-music-now-panel{
    display:none!important;
  }

  .sike-music-home{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 72% -15%,rgba(255,93,44,.12),transparent 28%),
      linear-gradient(180deg,#151719 0%,#0d0f11 25%,#0a0c0e 100%)!important;
  }

  /* Compact top search area. */
  .sike-music-topbar{
    position:sticky!important;
    top:0!important;
    z-index:15!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    background:rgba(9,11,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  .sike-music-nav-arrows button{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    font-size:20px!important;
  }
  .sike-music-search-top{
    height:38px!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 8px!important;
    border-radius:999px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .sike-music-search-top span{
    font-size:14px!important;
  }
  .sike-music-search-top input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    font-size:9px!important;
  }
  .sike-music-search-top button{
    display:none!important;
  }
  .sike-music-top-actions{
    width:36px!important;
    display:block!important;
  }
  .sike-music-api-pill{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
  }
  .sike-music-api-pill span{
    display:none!important;
  }
  .sike-music-account-dot{
    display:none!important;
  }

  /* Main scrolling content */
  .sike-music-scroll{
    height:calc(100% - 58px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 10px 18px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-music-filter-pills{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    margin:0 0 10px!important;
    padding-bottom:1px!important;
    scrollbar-width:none!important;
  }
  .sike-music-filter-pills::-webkit-scrollbar{display:none!important}
  .sike-music-filter-pills button{
    flex:0 0 auto!important;
    height:32px!important;
    padding:0 13px!important;
    font-size:7px!important;
  }

  /* Quick playlists -> smooth horizontal rail. */
  .sike-music-quick-grid{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-bottom:14px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-quick-grid::-webkit-scrollbar{display:none!important}
  .sike-music-quick-grid button{
    flex:0 0 188px!important;
    width:188px!important;
    min-width:188px!important;
    height:56px!important;
    grid-template-columns:56px minmax(0,1fr) 30px!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  .quick-art{
    width:56px!important;
    height:56px!important;
    font-size:18px!important;
  }
  .sike-music-quick-grid b{
    font-size:8px!important;
    padding:0 8px!important;
  }
  .sike-music-quick-grid button>i{
    width:28px!important;
    height:28px!important;
    opacity:1!important;
    transform:none!important;
    font-size:8px!important;
  }

  /* Hero is shorter and phone-scaled. */
  .sike-music-featured{
    min-height:176px!important;
    border-radius:15px!important;
    padding:17px!important;
    margin-bottom:16px!important;
  }
  .sike-music-featured-copy{
    max-width:100%!important;
  }
  .sike-music-featured-copy>span{
    font-size:6px!important;
  }
  .sike-music-featured-copy h3{
    font-size:31px!important;
    line-height:.92!important;
    margin:7px 0 9px!important;
  }
  .sike-music-featured-copy p{
    font-size:7px!important;
    max-width:92%!important;
  }
  .sike-music-featured-copy>div{
    margin-top:12px!important;
  }
  .sike-music-featured-copy button{
    height:34px!important;
    padding:0 11px!important;
    font-size:7px!important;
  }
  .sike-music-eq-art{
    display:none!important;
  }

  /* Start listening section */
  .sike-music-made-for{
    margin-top:0!important;
  }
  .sike-music-section-head{
    margin-bottom:7px!important;
  }
  .sike-music-section-head h4{
    font-size:16px!important;
  }
  .sike-music-url-entry{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  .sike-music-url-entry input{
    min-width:0!important;
    width:100%!important;
    height:39px!important;
    font-size:7px!important;
    padding:0 10px!important;
  }
  .sike-music-url-entry button{
    height:39px!important;
    padding:0 11px!important;
  }
  .sike-music-api-note{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:8px 9px!important;
    margin-top:6px!important;
  }
  .sike-music-api-note p{
    display:none!important;
  }

  /* Search results -> cards rail instead of cramped grid. */
  .sike-music-card-results{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-card-results::-webkit-scrollbar{display:none!important}
  .sike-music-card-results .sike-music-track{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    min-height:184px!important;
    padding:8px!important;
    scroll-snap-align:start!important;
  }
  .sike-music-card-results .track-play{
    width:100%!important;
    aspect-ratio:1!important;
  }
  .sike-music-card-results .sike-music-track b{
    font-size:8px!important;
  }
  .sike-music-card-results .sike-music-track small{
    font-size:6.5px!important;
  }
  .sike-music-card-results .sike-music-placeholder{
    flex:0 0 100%!important;
    min-height:130px!important;
  }

  /* Bottom now-playing bar: clean and never clipped. */
  .sike-music-playerbar{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:6px 9px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(7,8,10,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-music-playerbar-track{
    min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) 28px!important;
    gap:8px!important;
  }
  .mini-cover{
    width:44px!important;
    height:44px!important;
    border-radius:8px!important;
  }
  .sike-music-playerbar-track b{
    font-size:8px!important;
  }
  .sike-music-playerbar-track small{
    font-size:6px!important;
  }
  .sike-music-playerbar-track>button{
    font-size:15px!important;
  }
  .sike-music-transport{
    display:block!important;
  }
  .transport-buttons{
    display:block!important;
  }
  .transport-buttons button:not(.play){
    display:none!important;
  }
  .transport-buttons .play{
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .sike-music-progress,
  .sike-music-player-tools{
    display:none!important;
  }

  /* API modal fits phone properly. */
  .sike-music-api-modal{
    padding:12px!important;
  }
  .sike-music-api-card{
    width:100%!important;
    max-width:100%!important;
    padding:19px!important;
    border-radius:20px!important;
  }
  .sike-music-api-card h3{
    font-size:24px!important;
  }

  /* Footer: exact shared footer, stacked nicely on phone. */
  body.sike-music-fullscreen-active .site-footer{
    margin:0!important;
  }
}

/* Small iPhones */
@media(max-width:430px){
  body.sike-music-fullscreen-active .site-header{
    height:60px!important;
    min-height:60px!important;
    padding:0 8px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:158px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:154px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    height:calc(100dvh - 60px)!important;
  }

  .sike-music-topbar{
    min-height:54px!important;
    height:54px!important;
    padding:7px!important;
  }
  .sike-music-scroll{
    height:calc(100% - 54px)!important;
    padding:8px 8px 16px!important;
  }
  .sike-music-featured{
    min-height:164px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:134px!important;
    width:134px!important;
    min-width:134px!important;
  }
}

/* Very small devices */
@media(max-width:360px){
  .sike-music-featured-copy h3{font-size:25px!important}
  .sike-music-featured-copy p{display:none!important}
  .sike-music-quick-grid button{
    flex-basis:164px!important;
    width:164px!important;
    min-width:164px!important;
  }
}


/* SIKE MUSIC V23 — secure server-side YouTube API status */
.sike-music-server-api-ready{
  display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;
  border-radius:14px;background:#0c1110;border:1px solid rgba(43,209,121,.24)
}
.sike-music-server-api-ready>i{
  width:10px;height:10px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 7px rgba(43,209,121,.09)
}
.sike-music-server-api-ready b{display:block;color:#fff;font-size:9px}
.sike-music-server-api-ready small{display:block;color:#747d85;font-size:7px;margin-top:3px}


/* ===================================================================
   SIKE MUSIC V24 — NO LIVECHAT IN MUSIC + MOBILE VIDEO PLAYER
   =================================================================== */

/* Hide all known SIKE livechat widget surfaces only while Music is active. */
body.sike-music-fullscreen-active .livechat,
body.sike-music-fullscreen-active .live-chat,
body.sike-music-fullscreen-active .chat-widget,
body.sike-music-fullscreen-active .chat-launcher,
body.sike-music-fullscreen-active .chat-button,
body.sike-music-fullscreen-active .support-chat,
body.sike-music-fullscreen-active .sike-chat,
body.sike-music-fullscreen-active .sike-livechat,
body.sike-music-fullscreen-active [data-livechat],
body.sike-music-fullscreen-active [data-chat-widget],
body.sike-music-fullscreen-active [class*="livechat"],
body.sike-music-fullscreen-active [class*="chat-widget"]{
  display:none!important;
}

/* Track title is now a real player action. */
.sike-track-meta{min-width:0}
.sike-track-title{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font:inherit;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.sike-track-title:hover{
  text-decoration:underline;
}
.sike-music-player-screen.focus-pulse{
  animation:sikePlayerFocus .6s ease;
}
@keyframes sikePlayerFocus{
  0%{box-shadow:0 0 0 0 rgba(255,101,56,.0)}
  40%{box-shadow:0 0 0 8px rgba(255,101,56,.16)}
  100%{box-shadow:0 0 0 0 rgba(255,101,56,0)}
}

/* Mobile fullscreen player sheet */
.sike-music-mobile-player-sheet{
  display:none;
}

@media(max-width:720px){

  /* Even cleaner overall mobile music canvas */
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-bottom:22px!important;
  }

  .sike-music-featured{
    min-height:156px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-featured-copy p{
    max-width:95%!important;
  }

  .sike-music-quick-grid button{
    flex-basis:172px!important;
    width:172px!important;
    min-width:172px!important;
  }

  .sike-music-card-results .sike-music-track{
    flex-basis:138px!important;
    width:138px!important;
    min-width:138px!important;
    min-height:176px!important;
  }
  .sike-track-title{
    font-size:8px!important;
  }

  /* Bottom player track clearly opens the full video sheet */
  .sike-music-playerbar-track{
    cursor:pointer!important;
    border-radius:10px!important;
    padding:3px!important;
    margin-left:-3px!important;
  }
  .sike-music-playerbar-track:active{
    background:rgba(255,255,255,.04)!important;
  }

  .sike-music-mobile-player-sheet{
    display:flex;
    position:fixed;
    z-index:25000;
    left:0;right:0;bottom:0;
    height:calc(100dvh - 60px);
    flex-direction:column;
    padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    background:
      radial-gradient(circle at 50% 17%,rgba(255,103,54,.20),transparent 35%),
      linear-gradient(180deg,#161214 0%,#0d0f12 48%,#08090b 100%);
    transform:translateY(105%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .sike-music-mobile-player-sheet.open{
    transform:translateY(0);
    pointer-events:auto;
  }

  .sike-music-mobile-player-head{
    display:grid;
    grid-template-columns:40px 1fr 40px;
    align-items:center;
    gap:8px;
    min-height:48px;
  }
  .sike-music-mobile-player-head button{
    width:38px;height:38px;border-radius:50%;
    border:0;background:#202328;color:#fff;font-size:17px;
  }
  .sike-music-mobile-player-head>div{
    text-align:center;
  }
  .sike-music-mobile-player-head small{
    display:block;font-size:6px;letter-spacing:.13em;color:#7c838c;
  }
  .sike-music-mobile-player-head b{
    display:block;font-size:9px;margin-top:2px;color:#fff;
  }

  /* The actual live iframe remains the canonical player; this sheet
     visually frames the same now-playing state for mobile. */
  .sike-music-mobile-video-mirror{
    margin-top:10px;
    aspect-ratio:16/10;
    border-radius:20px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,92,48,.15),transparent 33%),
      #060708;
    border:1px solid rgba(255,255,255,.06);
    display:grid;
    place-items:center;
    overflow:hidden;
    position:relative;
  }
  .sike-music-mobile-video-mirror:before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent,rgba(255,255,255,.025));
  }
  .sike-music-mobile-video-note{
    position:relative;z-index:2;
    text-align:center;padding:22px;
  }
  .sike-music-mobile-video-note span{
    display:block;color:#ff7144;font-size:7px;letter-spacing:.14em;font-weight:900;
  }
  .sike-music-mobile-video-note p{
    color:#737b85;font-size:8px;line-height:1.5;max-width:260px;margin:7px auto 0;
  }

  .sike-music-mobile-now-copy{
    padding:20px 2px 12px;
  }
  .sike-music-mobile-now-copy h3{
    margin:0;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.035em;
  }
  .sike-music-mobile-now-copy p{
    margin:6px 0 0;color:#7c838d;font-size:9px;
  }

  .sike-music-mobile-sheet-controls{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
  }
  .sike-music-mobile-sheet-controls button{
    width:42px;height:42px;border-radius:50%;
    border:0;background:transparent;color:#b5bac1;font-size:16px;
  }
  .sike-music-mobile-sheet-controls button.main{
    width:58px;height:58px;background:#fff;color:#111;font-size:18px;
  }
}

@media(max-width:390px){
  .sike-music-mobile-player-sheet{
    height:calc(100dvh - 58px);
    padding-left:11px;
    padding-right:11px;
  }
  .sike-music-featured{
    min-height:148px!important;
  }
  .sike-music-featured-copy h3{
    font-size:26px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V25 — COLLAPSIBLE + CUSTOM USER BANNER
   =================================================================== */

.sike-music-featured{
  --sike-banner-overlay:.32;
  isolation:isolate;
  transition:min-height .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1);
}
.sike-music-banner-image,
.sike-music-banner-shade{
  position:absolute;inset:0;pointer-events:none;
}
.sike-music-banner-image{
  z-index:0;
  background-size:cover;
  background-position:center center;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .3s ease,transform .7s ease;
}
.sike-music-featured.has-custom-image .sike-music-banner-image{
  opacity:1;
  transform:scale(1);
}
.sike-music-banner-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(12,8,8,.78) 0%,rgba(14,8,8,.42) 52%,rgba(10,7,7,.12) 100%),
    rgba(8,8,8,var(--sike-banner-overlay));
}
.sike-music-featured:not(.has-custom-image) .sike-music-banner-shade{
  background:linear-gradient(90deg,rgba(255,90,50,.04),rgba(10,8,8,.12));
}
.sike-music-featured-copy,.sike-music-eq-art{
  position:relative;z-index:3;
}
.sike-music-banner-toolbar{
  position:absolute;z-index:8;top:13px;right:13px;display:flex;gap:6px
}
.sike-music-banner-tool{
  min-height:34px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(10,12,15,.68);color:#fff;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-banner-tool.icon{width:34px;padding:0;font-size:15px}
.sike-music-banner-tool:hover{background:rgba(20,23,27,.86)}
.sike-music-banner-collapsed-copy{display:none;position:relative;z-index:4;width:100%;align-items:center;justify-content:space-between}
.sike-music-banner-collapsed-copy span{display:block;color:#ff7a4a;font-size:6px;letter-spacing:.14em;font-weight:900}
.sike-music-banner-collapsed-copy b{display:block;color:#fff;font-size:15px;margin-top:2px}
.sike-music-banner-collapsed-copy button{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,15,.64);color:#fff;padding:0 12px;font-size:7px;font-weight:850}

.sike-music-featured.is-collapsed{
  min-height:64px!important;
  height:64px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.sike-music-featured.is-collapsed .sike-music-featured-copy,
.sike-music-featured.is-collapsed .sike-music-eq-art{display:none!important}
.sike-music-featured.is-collapsed .sike-music-banner-collapsed-copy{display:flex}
.sike-music-featured.is-collapsed .sike-music-banner-toolbar .sike-music-banner-tool:not(.icon){display:none}
.sike-music-featured.is-collapsed .sike-music-banner-shade{background:rgba(7,8,10,.48)}

.sike-music-banner-editor{
  margin:-10px 0 20px;
  padding:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  background:#111419;
  border:1px solid transparent;
  transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin .28s ease;
}
.sike-music-banner-editor[hidden]{display:none!important}
.sike-music-banner-editor.open{
  max-height:620px;
  opacity:1;
  padding:17px;
  margin:-8px 0 20px;
  border-color:#292f36;
}
.sike-music-banner-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sike-music-banner-editor-head span{font-size:6px;letter-spacing:.15em;color:#ff7446;font-weight:900}
.sike-music-banner-editor-head h4{margin:4px 0 0;color:#fff;font-size:18px}
.sike-music-banner-editor-head>button{width:34px;height:34px;border-radius:11px;border:1px solid #30363d;background:#0b0e12;color:#fff;font-size:18px}
.sike-music-banner-editor-grid{display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:10px;margin-top:14px}
.sike-banner-upload{
  min-height:112px;border:1px dashed #3a4048;border-radius:14px;background:#0b0e12;
  display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer
}
.sike-banner-upload input{display:none}
.sike-banner-upload .upload-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6d39,#e93632);color:#fff;font-size:20px}
.sike-banner-upload b{display:block;color:#fff;font-size:9px}.sike-banner-upload small{display:block;color:#707985;font-size:7px;margin-top:4px}
.sike-banner-fields{display:grid;gap:8px}
.sike-banner-fields label,.sike-banner-look label{display:block}
.sike-banner-fields small,.sike-banner-look small{display:block;color:#6d7580;font-size:6px;letter-spacing:.1em;font-weight:900;margin-bottom:5px}
.sike-banner-fields input,.sike-banner-look select{
  width:100%;height:39px;box-sizing:border-box;border-radius:10px;border:1px solid #2a3037;background:#0b0e12;color:#fff;padding:0 10px;font-size:8px;outline:0
}
.sike-banner-look{display:grid;align-content:start;gap:12px}
.sike-banner-look input[type=range]{width:100%;accent-color:#ff6039}
.sike-music-banner-editor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.sike-music-banner-editor-actions button{height:38px;border-radius:10px;padding:0 13px;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-banner-editor-actions .secondary{background:#0c0f13;color:#a1a7af;border:1px solid #2a3037}
.sike-music-banner-editor-actions .primary{background:linear-gradient(135deg,#ff6938,#e63632);color:#fff;border:0}

/* Mobile banner/editor */
@media(max-width:720px){
  .sike-music-banner-toolbar{top:8px;right:8px}
  .sike-music-banner-tool{min-height:30px;padding:0 9px}
  .sike-music-banner-tool span{display:none}
  .sike-music-banner-tool.icon{width:30px}
  .sike-music-featured.is-collapsed{
    min-height:58px!important;height:58px!important;padding:9px 11px!important
  }
  .sike-music-banner-collapsed-copy b{font-size:12px}
  .sike-music-banner-collapsed-copy button{height:30px;padding:0 9px}
  .sike-music-banner-collapsed-copy button span{display:none}

  .sike-music-banner-editor.open{
    max-height:1000px;
    padding:13px;
    margin:-6px 0 14px;
    border-radius:0 0 15px 15px
  }
  .sike-music-banner-editor-grid{grid-template-columns:1fr;gap:9px}
  .sike-banner-upload{min-height:76px}
  .sike-banner-fields{gap:7px}
  .sike-banner-look{grid-template-columns:1fr 1fr;gap:9px}
  .sike-music-banner-editor-actions{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:390px){
  .sike-music-banner-editor-head h4{font-size:16px}
  .sike-banner-look{grid-template-columns:1fr}
}


/* ===================================================================
   SIKE V27 — SIGNED-IN USER IN SHARED TOP NAV
   =================================================================== */

.site-header .header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.site-user-pill{
  min-width:0;
  height:48px;
  max-width:230px;
  padding:5px 10px 5px 5px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:15px;
  background:#111419;
  border:1px solid #292e35;
  color:#fff;
  text-decoration:none;
  box-sizing:border-box;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}
.site-user-pill:hover{
  transform:translateY(-1px);
  background:#171a1f;
  border-color:#3a4048;
}
.site-user-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#ff6d39,#e63632);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(231,56,48,.18);
}
.site-user-copy{
  min-width:0;
  display:block;
  line-height:1.05;
}
.site-user-copy strong{
  display:block;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.site-user-copy small{
  display:block;
  margin-top:4px;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#737b85;
  font-size:6.5px;
  font-weight:700;
}
.site-user-chevron{
  margin-left:auto;
  color:#626a74;
  font-size:9px;
  font-style:normal;
}

/* Slight provider identity without disturbing SIKE styling. */
.site-user-pill.provider-facebook .site-user-avatar{background:linear-gradient(145deg,#2476f2,#1555ba)}
.site-user-pill.provider-google .site-user-avatar{background:linear-gradient(145deg,#f4f4f4,#d9d9d9);color:#222}
.site-user-pill.provider-apple .site-user-avatar{background:linear-gradient(145deg,#292b2e,#050607)}
.site-user-pill.provider-spotify .site-user-avatar{background:linear-gradient(145deg,#1ed760,#12933f);color:#07110a}
.site-user-pill.provider-microsoft .site-user-avatar{background:linear-gradient(145deg,#f05a28,#d83a21)}

/* SIKE MUSIC header now has a proper visual balance on large screens. */
body.sike-music-fullscreen-active .site-header .header-actions{
  margin-left:auto!important;
}
body.sike-music-fullscreen-active .site-user-pill{
  display:flex!important;
}

/* In the internal music topbar, the S account dot becomes a compact shortcut. */
.sike-music-account-dot{
  display:grid;
  place-items:center;
  text-decoration:none;
}

/* Laptop widths: keep name, hide provider label first. */
@media(max-width:1260px) and (min-width:721px){
  .site-user-pill{
    max-width:165px;
    padding-right:8px;
  }
  .site-user-copy strong{max-width:92px}
  .site-user-copy small{display:none}
  .site-user-chevron{display:none}
}

/* Mobile: avatar stays in nav, name moves into menu-friendly compact mode. */
@media(max-width:720px){
  .site-header .header-actions{
    gap:6px!important;
  }
  .site-user-pill{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
    justify-content:center!important;
  }
  .site-user-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  .site-user-copy,
  .site-user-chevron{
    display:none!important;
  }

  /* Avoid too many right-side buttons: search is already available in menu. */
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
}

/* Very small phones: retain user + cart + menu without overflow. */
@media(max-width:390px){
  .site-user-pill{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .site-user-avatar{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
}


/* ===================================================================
   SIKE APP V28 — PERSISTENT MUSIC / ACTIVE SPEAKER / MINIMIZABLE PLAYER
   =================================================================== */

/* Keep the YouTube iframe alive when returning to Dashboard.
   It is moved offscreen instead of display:none while a track exists. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-music-view:not(.active){
  display:block!important;
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:2px!important;
  height:2px!important;
  min-width:2px!important;
  min-height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Dashboard speaker is visibly active while music plays. */
.device-playing-music .sike-ios-hero-card{
  border-color:rgba(255,101,56,.18)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,101,56,.045),
    inset 0 0 80px rgba(255,82,42,.025)!important;
}
.device-playing-music .sike-builder-live-stage:after{
  content:"";
  position:absolute;
  inset:auto 12% 2% 12%;
  height:22%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,92,44,.15),transparent 68%);
  filter:blur(12px);
  animation:sikeActiveSpeakerGlow 1.9s ease-in-out infinite alternate;
}
@keyframes sikeActiveSpeakerGlow{
  from{opacity:.45;transform:scale(.92)}
  to{opacity:1;transform:scale(1.08)}
}

.sike-dashboard-now-playing{
  min-height:66px;
  margin:8px 0 10px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,98,52,.09),transparent 42%),
    #0d1014;
  border:1px solid rgba(255,102,55,.18);
}
.sike-dashboard-now-playing[hidden]{display:none!important}
.sike-dashboard-now-cover{
  width:50px;height:50px;border-radius:11px;overflow:hidden;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6639,#682134);
  color:#fff;font-size:18px
}
.sike-dashboard-now-cover img{width:100%;height:100%;object-fit:cover}
.sike-dashboard-now-copy{min-width:0}
.sike-dashboard-now-copy small{
  display:flex;align-items:center;gap:6px;color:#ff794c;
  font-size:6px;letter-spacing:.12em;font-weight:900
}
.sike-dashboard-now-copy small i{
  width:7px;height:7px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 5px rgba(43,209,121,.08)
}
.sike-dashboard-now-copy strong{
  display:block;margin-top:4px;color:#fff;font-size:10px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-copy>span{
  display:block;margin-top:3px;color:#727b85;font-size:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-bars{height:30px;display:flex;align-items:center;gap:3px}
.sike-dashboard-now-bars i{
  width:3px;border-radius:5px;background:#ff6840;
  animation:sikeDashboardBars .8s ease-in-out infinite alternate
}
.sike-dashboard-now-bars i:nth-child(1){height:28%;animation-delay:.05s}
.sike-dashboard-now-bars i:nth-child(2){height:75%;animation-delay:.18s}
.sike-dashboard-now-bars i:nth-child(3){height:48%;animation-delay:.28s}
.sike-dashboard-now-bars i:nth-child(4){height:88%;animation-delay:.4s}
@keyframes sikeDashboardBars{to{transform:scaleY(.38);opacity:.55}}
.sike-dashboard-now-playing>button{
  height:34px;padding:0 12px;border-radius:10px;
  border:1px solid #2e343b;background:#15181d;color:#fff;
  font-size:7px;font-weight:900;cursor:pointer
}

/* Persistent global player */
.sike-global-music-player{
  position:fixed;
  z-index:18000;
  left:18px;
  right:18px;
  bottom:16px;
  min-height:68px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto minmax(180px,.6fr);
  gap:16px;
  align-items:center;
  border-radius:18px;
  background:rgba(7,9,12,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  transition:
    transform .26s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease,
    width .25s ease,
    left .25s ease,
    right .25s ease;
}
.sike-global-music-player[hidden]{display:none!important}
.sike-music-fullscreen-active .sike-global-music-player{display:none!important}

.sike-global-player-track{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
  align-items:center;
  cursor:pointer
}
.sike-global-player-cover{
  width:50px;height:50px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(145deg,#ff6938,#3a1721);
  color:#fff;font-size:18px
}
.sike-global-player-cover img{width:100%;height:100%;object-fit:cover}
.sike-global-player-copy{min-width:0}
.sike-global-player-copy small{display:block;color:#ff7346;font-size:6px;letter-spacing:.13em;font-weight:900}
.sike-global-player-copy strong{
  display:block;color:#fff;font-size:9px;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-global-player-copy span{
  display:block;color:#737b85;font-size:7px;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.sike-global-player-controls{
  display:flex;align-items:center;justify-content:center;gap:12px
}
.sike-global-player-controls button{
  width:34px;height:34px;border-radius:50%;
  border:0;background:transparent;color:#949ba4;font-size:12px;cursor:pointer
}
.sike-global-player-controls .main{
  width:44px;height:44px;background:#fff;color:#111;font-size:13px
}

.sike-global-player-output{
  justify-self:end;display:flex;align-items:center;gap:10px
}
.sike-global-player-output>span{
  display:flex;align-items:center;gap:7px;
  color:#838b94;font-size:7px
}
.sike-global-player-output i{
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-player-output b{color:#fff;font-size:7px}
.sike-global-player-output>button{
  width:34px;height:34px;border-radius:11px;
  border:1px solid #2b3138;background:#111419;color:#fff;font-size:15px;cursor:pointer
}

.sike-global-player-mini{
  display:none;
}

/* Minimized state: compact floating music capsule. */
.sike-global-music-player.is-minimized{
  left:auto;
  right:18px;
  width:58px;
  min-height:58px;
  height:58px;
  padding:0;
  border-radius:19px;
  grid-template-columns:1fr;
  overflow:hidden
}
.sike-global-music-player.is-minimized>.sike-global-player-track,
.sike-global-music-player.is-minimized>.sike-global-player-controls,
.sike-global-music-player.is-minimized>.sike-global-player-output{
  display:none!important
}
.sike-global-music-player.is-minimized .sike-global-player-mini{
  width:100%;height:100%;padding:0;border:0;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6638,#d92f35);
  color:#fff;cursor:pointer;position:relative
}
.sike-global-player-mini span{font-size:20px}
.sike-global-player-mini i{
  position:absolute;right:8px;top:8px;
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-music-player.is-paused .sike-global-player-mini i{
  background:#8a919a
}

/* Reserve bottom space so player never covers dashboard content. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:100px!important
}

/* Mobile global player */
@media(max-width:720px){
  .sike-dashboard-now-playing{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:58px;padding:7px;border-radius:14px
  }
  .sike-dashboard-now-cover{width:44px;height:44px}
  .sike-dashboard-now-bars{display:none}
  .sike-dashboard-now-playing>button{
    width:34px;padding:0;font-size:0
  }
  .sike-dashboard-now-playing>button:after{
    content:"♫";font-size:13px
  }

  .sike-global-music-player{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    min-height:62px;
    padding:6px 8px;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
    border-radius:18px
  }
  .sike-global-player-track{
    grid-template-columns:44px minmax(0,1fr);gap:8px
  }
  .sike-global-player-cover{width:44px;height:44px}
  .sike-global-player-controls button:not(.main){display:none}
  .sike-global-player-controls{gap:0}
  .sike-global-player-controls .main{width:40px;height:40px}
  .sike-global-player-output{
    position:absolute;right:8px;top:-39px
  }
  .sike-global-player-output>span{display:none}
  .sike-global-player-output>button{
    width:32px;height:32px;border-radius:11px;
    background:rgba(13,16,20,.92)
  }
  .sike-global-music-player.is-minimized{
    right:8px;
    left:auto;
    width:54px;
    height:54px;
    min-height:54px;
    bottom:calc(8px + env(safe-area-inset-bottom))
  }
  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:92px!important
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-dashboard-now-bars i,
  .device-playing-music .sike-builder-live-stage:after{
    animation:none!important
  }
}


/* ===================================================================
   SIKE APP V29 — DASHBOARD LAYOUT RECOVERY
   Fixes V28 hero-grid break caused by Now Playing being inserted as
   a fourth direct grid child.
   =================================================================== */

/* Restore the original, stable 3-row hero layout exactly. */
.sike-ios-hero-card{
  grid-template-rows:auto minmax(300px,1fr) auto!important;
}

/* 3D model stage remains the flexible middle row. */
.sike-builder-live-stage{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Now Playing is now a floating glass card OVER the 3D viewport. */
.sike-builder-live-stage .sike-dashboard-now-playing{
  position:absolute!important;
  z-index:24!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;

  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto auto!important;
  gap:9px!important;
  align-items:center!important;

  border-radius:15px!important;
  background:rgba(8,11,15,.88)!important;
  border:1px solid rgba(255,111,61,.20)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.035)!important;

  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing[hidden]{
  display:none!important;
}

.sike-builder-live-stage .sike-dashboard-now-cover{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy strong{
  max-width:100%!important;
  font-size:9px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy>span{
  font-size:6.5px!important;
}
.sike-builder-live-stage .sike-dashboard-now-bars{
  height:26px!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing>button{
  height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}

/* Move builder drag hint slightly up when music is active, so elements
   never overlap each other. */
.device-playing-music .sike-ios-drag-hint{
  bottom:82px!important;
}

/* Live-model badge always stays above model but clear of playback card. */
.sike-builder-live-badge{
  z-index:25!important;
}

/* Don't let the glow pseudo-element obscure player controls. */
.device-playing-music .sike-builder-live-stage:after{
  z-index:2!important;
}
.sike-builder-live-frame{
  position:relative!important;
  z-index:3!important;
}

/* Cleaner persistent player: less tall and less dominant than V28. */
.sike-global-music-player{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:60px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,.45fr)!important;
  gap:12px!important;
}
.sike-global-player-cover{
  width:46px!important;
  height:46px!important;
}
.sike-global-player-track{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.sike-global-player-controls .main{
  width:40px!important;
  height:40px!important;
}
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:86px!important;
}

/* Make sure the dashboard itself remains a balanced two-column desktop grid. */
@media(min-width:1101px){
  .sike-ios-view[data-view="home"].active{
    align-items:start!important;
  }
  .sike-ios-hero-card{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:auto minmax(360px,1fr) auto!important;
  }
}

/* Phone: compact floating player inside model, no layout growth. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-builder-live-stage{
    position:relative!important;
    height:300px!important;
    min-height:300px!important;
  }

  .sike-builder-live-stage .sike-dashboard-now-playing{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:50px!important;
    padding:5px 6px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-cover{
    width:40px!important;
    height:40px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-bars{
    display:none!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    font-size:0!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button:after{
    content:"♫"!important;
    font-size:12px!important;
  }
  .device-playing-music .sike-ios-drag-hint{
    display:none!important;
  }

  .sike-global-music-player{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;
    padding:5px 7px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:6px!important;
    border-radius:17px!important;
  }
  .sike-global-player-cover{
    width:42px!important;
    height:42px!important;
  }
  .sike-global-player-track{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .sike-global-player-controls .main{
    width:38px!important;
    height:38px!important;
  }
  .sike-global-player-output{
    right:6px!important;
    top:-36px!important;
  }

  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:82px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .sike-builder-live-stage{
    height:275px!important;
    min-height:275px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy small{
    font-size:5.5px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy strong{
    font-size:8px!important;
  }
}


/* ===================================================================
   SIKE V30 — AUDIO REACTIVE 3D SPEAKER
   Visual prototype: drivers/cones react to playback volume + sound mode.
   =================================================================== */

.lab-cabinet{
  --audio-level:.65;
  --audio-high-level:.45;
  --audio-speed:.62s;
}

/* Actual speaker driver assemblies pulse along their own Z-axis visually. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  transform-origin:50% 50%;
  animation:sikeWooferExcursion var(--audio-speed) cubic-bezier(.3,.02,.35,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  transform-origin:50% 50%;
  animation:sikeConeExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  transform-origin:50% 50%;
  animation:sikeCapExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  transform-origin:50% 50%;
  animation:sikeHighDriverExcursion calc(var(--audio-speed) * .72) ease-in-out infinite alternate;
}

@keyframes sikeWooferExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .018)));
    filter:brightness(.88);
  }
  47%{
    transform:scale(1);
    filter:brightness(1);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .055)));
    filter:brightness(calc(1 + (var(--audio-level) * .10)));
  }
}
@keyframes sikeConeExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .035)));
    box-shadow:inset 0 0 calc(7px + 12px * var(--audio-level)) rgba(0,0,0,.95);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .072)));
    box-shadow:inset 0 0 calc(4px + 5px * var(--audio-level)) rgba(0,0,0,.70);
  }
}
@keyframes sikeCapExcursion{
  0%{transform:scale(calc(1 - (var(--audio-level) * .022)))}
  100%{transform:scale(calc(1 + (var(--audio-level) * .085)))}
}
@keyframes sikeHighDriverExcursion{
  0%{transform:scale(calc(1 - (var(--audio-high-level) * .014)))}
  100%{transform:scale(calc(1 + (var(--audio-high-level) * .032)))}
}

/* Make bass pressure visible even through the protective grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 29%,rgba(255,255,255,calc(.015 + var(--audio-high-level) * .028)) 0 8%,transparent 20%),
    radial-gradient(circle at 50% 67%,rgba(255,92,45,calc(.02 + var(--audio-level) * .065)) 0 10%,transparent 30%);
  mix-blend-mode:screen;
  animation:sikeGrillePressure var(--audio-speed) ease-in-out infinite alternate;
}
@keyframes sikeGrillePressure{
  0%{opacity:.35;transform:scale(.992)}
  100%{opacity:1;transform:scale(calc(1 + var(--audio-level) * .004))}
}

/* Tiny cabinet pressure movement. Kept intentionally subtle. */
.lab-cabinet.sike-audio-playing .grille-mesh{
  animation:sikeGrilleMeshVibe calc(var(--audio-speed) * .5) linear infinite alternate;
}
@keyframes sikeGrilleMeshVibe{
  from{background-position:0 0;filter:brightness(.98)}
  to{background-position:0 .35px;filter:brightness(calc(1 + var(--audio-level) * .035))}
}

/* Profiles visibly change driver behavior. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-cone{
  animation-timing-function:cubic-bezier(.18,.02,.27,1);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"] .lab-grille:after{
  opacity:.32;
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"] .lab-grille:after{
  filter:saturate(1.12);
}

/* Dashboard model-stage glow now follows actual audio playback. */
.device-playing-music .sike-builder-live-stage{
  --speaker-active-glow:rgba(255,86,40,.13);
}
.device-playing-music .sike-builder-live-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12% 19% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--speaker-active-glow),transparent 69%);
  filter:blur(24px);
  animation:sikeStageBeat .72s ease-in-out infinite alternate;
}
@keyframes sikeStageBeat{
  from{opacity:.3;transform:scale(.96)}
  to{opacity:.9;transform:scale(1.04)}
}

/* Muted / stopped speaker instantly settles. */
.lab-cabinet:not(.sike-audio-playing) .driver-frame,
.lab-cabinet:not(.sike-audio-playing) .driver-cone,
.lab-cabinet:not(.sike-audio-playing) .driver-cap,
.lab-cabinet:not(.sike-audio-playing) .grille-mesh{
  animation:none!important;
  transform:none;
}

/* Keep animation lighter on phones, but still clearly visible. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing{
    --audio-speed:max(.34s,var(--audio-speed));
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lab-cabinet.sike-audio-playing .driver-frame,
  .lab-cabinet.sike-audio-playing .driver-cone,
  .lab-cabinet.sike-audio-playing .driver-cap,
  .lab-cabinet.sike-audio-playing .grille-mesh,
  .lab-cabinet.sike-audio-playing .lab-grille:after,
  .device-playing-music .sike-builder-live-stage:before{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V31 — FULL 3D PRODUCT + INTERACTIVE CONTROL PANEL
   =================================================================== */

/* Always show the entire 3D speaker in the Sike App live model viewport. */
.sike-builder-live-stage{
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  overflow:hidden!important;
}
.sike-builder-live-frame.sike-builder-full-product{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  transform:none!important;
}

/* Give the embedded Builder enough breathing room to fit the full cabinet. */
.sike-builder-live-stage iframe{
  object-fit:contain!important;
}

/* Control knob interaction feedback */
.lab-control-knob,
.control-knob,
.volume-knob,
.knob-core,
.lab-knob,
[data-volume-knob]{
  transform-origin:50% 50%!important;
  transition:transform .08s linear,filter .16s ease!important;
}
.lab-control-knob:hover,
.control-knob:hover,
.volume-knob:hover,
.knob-core:hover,
.lab-knob:hover,
[data-volume-knob]:hover{
  filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,164,255,.16))!important;
}

/* Powered control panel gets a subtle live-state glow */
.lab-cabinet.sike-panel-powered .lab-control-panel,
.lab-cabinet.sike-panel-powered .control-panel{
  filter:brightness(1.03)!important;
}

/* Mobile: full product still fits without giant empty areas */
@media(max-width:720px){
  .sike-builder-live-stage{
    min-height:390px!important;
    height:56vh!important;
    max-height:560px!important;
  }
  .sike-builder-live-frame.sike-builder-full-product{
    min-height:100%!important;
  }
}

@media(max-width:430px){
  .sike-builder-live-stage{
    min-height:350px!important;
    height:52vh!important;
    max-height:500px!important;
  }
}


/* ===================================================================
   SIKE V32 — CONTROL PANEL FULL VOLUME SYNC + MUSIC LED REACTION
   =================================================================== */

/* The real circular control panel is the master physical volume interface. */
.reference-control-panel .volume-ring,
.rgb-control-panel .volume-ring,
[data-volume-ring]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
.reference-control-panel .volume-ring:active,
.rgb-control-panel .volume-ring:active,
[data-volume-ring]:active{
  cursor:grabbing!important;
}

/* Powered panel has subtle instrument illumination. */
[data-volume-ring].is-panel-powered{
  filter:
    brightness(1.04)
    drop-shadow(0 0 5px rgba(66,151,255,.10))!important;
}
[data-volume-ring]:not(.is-panel-powered){
  filter:saturate(.45) brightness(.72)!important;
}

/* Existing LEDs remain a true volume meter:
   active count is generated by JS from 0–100%. */
[data-volume-ring] .knob-led{
  transition:
    opacity .12s ease,
    filter .12s ease,
    fill .12s ease!important;
}

/* While SIKE MUSIC is actually playing, ONLY the illuminated volume LEDs
   breathe/chase subtly. The amount of lit LEDs still matches the real volume. */
[data-volume-ring].is-music-playing .knob-led.is-active{
  animation:sikeControlLedBeat var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
  transform-origin:center!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+1){
  animation-delay:-.13s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+2){
  animation-delay:-.27s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n){
  animation-delay:-.39s!important;
}

@keyframes sikeControlLedBeat{
  0%{
    opacity:.52;
    filter:
      brightness(.90)
      drop-shadow(0 0 1px var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(.88);
  }
  100%{
    opacity:1;
    filter:
      brightness(calc(1.12 + var(--music-level,.7) * .32))
      drop-shadow(0 0 calc(2px + var(--music-level,.7) * 4px) var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(calc(1 + var(--music-level,.7) * .16));
  }
}

/* Small pulse in the metal ring itself so the panel clearly looks live. */
[data-volume-ring].is-music-playing:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(102,176,255,.22)!important;
  box-shadow:
    inset 0 0 9px rgba(64,143,255,.10),
    0 0 8px rgba(64,143,255,.08)!important;
  animation:sikeControlRingLive var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
}
@keyframes sikeControlRingLive{
  from{opacity:.28;transform:scale(.985)}
  to{opacity:.85;transform:scale(1.015)}
}

/* Paused track: keep only a tiny status glow, no beat animation. */
[data-volume-ring].is-music-paused .knob-led.is-active{
  animation:none!important;
  opacity:.42!important;
}
[data-volume-ring].is-music-paused:after{
  animation:none!important;
  opacity:.16!important;
}

/* Volume zero means no active LEDs and therefore no fake beat. */
[data-volume-ring][aria-valuenow="0"].is-music-playing:after{
  opacity:.12!important;
  animation:none!important;
}

/* Mobile/touch: slightly larger hit area without changing visible design. */
@media(max-width:720px){
  [data-volume-ring]:before{
    cursor:grab!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  [data-volume-ring].is-music-playing .knob-led.is-active,
  [data-volume-ring].is-music-playing:after{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V33 — SMOOTH 3D / LOW-JITTER INTERACTION
   =================================================================== */

/* Keep the complete 3D cabinet on its own compositor layer. */
.lab-scene,
.lab-cabinet,
.lab-cabinet *,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.lab-cabinet{
  will-change:transform;
  transform-style:preserve-3d;
  contain:layout style;
}

/* Individual moving pieces should be composited instead of repainted. */
.lab-cabinet .lab-part,
.lab-cabinet .battery-part,
.lab-cabinet .handle-part,
.lab-cabinet .control-part,
.lab-cabinet .lab-driver-low,
.lab-cabinet .lab-driver-high{
  will-change:transform;
}

/* During manual rotation, remove repaint-heavy visual filters/shadows.
   They come back immediately when the pointer is released. */
body.sike-3d-dragging .lab-cabinet,
body.sike-3d-dragging .lab-cabinet *{
  transition:none!important;
}

body.sike-3d-dragging .lab-cabinet.sike-audio-playing .lab-grille:after,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .grille-mesh{
  animation-play-state:paused!important;
}

body.sike-3d-dragging .lab-cabinet{
  filter:none!important;
}

body.sike-3d-dragging .lab-scene{
  cursor:grabbing!important;
}

/* Smoother touch/phone handling. */
.lab-scene,
.sike-builder-live-stage{
  touch-action:none;
  overscroll-behavior:contain;
}

/* Avoid accidental text selection while rotating. */
.lab-scene,
.lab-scene *{
  user-select:none;
  -webkit-user-select:none;
}

/* GPU-friendly control panel LEDs. */
[data-volume-ring],
[data-volume-ring] .knob-led{
  will-change:transform,opacity;
}

/* On lower-powered mobile devices, keep bass animation visible but lighter. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .device-playing-music .sike-builder-live-stage:before{
    filter:blur(14px)!important;
  }
}

/* Very small devices: reduce expensive visual effects further. */
@media(max-width:430px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    opacity:.45!important;
  }
  [data-volume-ring].is-music-playing .knob-led.is-active{
    filter:none!important;
  }
}


/* SIKE V33 ZOOM FIX — mouse wheel + trackpad + touch pinch */
[data-product-lab] .lab-scene,
.product-lab .lab-scene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
[data-product-lab] .lab-scene:hover,
.product-lab .lab-scene:hover{
  cursor:grab;
}
[data-product-lab] .lab-scene.dragging,
.product-lab .lab-scene.dragging{
  cursor:grabbing!important;
}


/* ===================================================================
   SIKE V36 — PRODUCT CENTERING + SMOOTHER 3D INTERACTION
   =================================================================== */

/* Keep the whole model centered vertically instead of sitting at the bottom. */
.lab-speaker{
  top:50%!important;
  left:50%!important;
  transform:
    translate(-50%, calc(-50% + var(--scene-y,-7%)))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))
    scale(var(--scene-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Make the stage feel balanced and keep the model visually centered. */
.sike-builder-live-stage{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Remove expensive effects while the user is actively rotating/zooming. */
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *,
body.sike-model-interacting .lab-scene{
  transition:none!important;
}
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .grille-mesh,
body.sike-model-interacting [data-volume-ring].is-music-playing .knob-led{
  animation-play-state:paused!important;
}

/* Smooth compositor path for the model itself. */
.lab-speaker,
.lab-cabinet{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lab-speaker{
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}

/* Desktop: slightly more centered and not too low. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 5%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}

/* Tablet/mobile keep the entire product visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 2%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}


/* ===================================================================
   SIKE V37 — TRUE CENTER + ZERO-LAG TRANSFORM FIX
   =================================================================== */

/*
  The .lab-scene already centers .lab-speaker with CSS Grid.
  Do NOT add left:50% / top:50% to the relatively positioned speaker.
  That double-centers it and pushes the product to the right.
*/
.lab-speaker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;

  /* only vertical lift; horizontal centering comes from lab-scene grid */
  transform:
    translate3d(0,var(--scene-y,-5%),0)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))!important;

  transform-origin:50% 50% 0!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;

  /*
    JS already interpolates rotation/zoom with requestAnimationFrame.
    A CSS .45s transform transition on every RAF frame creates the
    sluggish/jittery "rubber band" feeling. Disable transform transition.
  */
  transition:
    width .24s ease,
    height .24s ease!important;

  will-change:transform!important;
}

/* Keep the scene itself responsible for exact centering. */
.lab-scene{
  display:grid!important;
  place-items:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Desktop: slightly raise product, NEVER shift it horizontally. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate3d(0,-5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:761px){
  .lab-speaker{
    transform:
      translate3d(0,-3%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Mobile: keep whole product centered and visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate3d(0,-1.5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* The app's iframe must remain centered in its own viewport. */
.sike-builder-live-stage{
  position:relative!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  margin:0!important;
  transform:none!important;
}

/* During interaction keep animation/render work light. */
.lab-scene.dragging .lab-speaker,
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}

/* Prevent text/layout paint from interfering with pointer movement. */
.lab-scene{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
}


/* ===================================================================
   SIKE V38 — STRONGER ALWAYS-VISIBLE PLAYBACK MOTION
   =================================================================== */

/*
  Visual playback movement no longer becomes almost invisible at low volume.
  The JS supplies a minimum --audio-level while music is actively playing.
*/

.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  animation:sikeWooferV38 var(--audio-speed,.48s) cubic-bezier(.24,.02,.30,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  animation:sikeConeV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  animation:sikeDustCapV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  animation:sikeHighV38 calc(var(--audio-speed,.48s) * .72) ease-in-out infinite alternate!important;
}

@keyframes sikeWooferV38{
  0%{
    transform:
      translateZ(calc(-2px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .050)));
    filter:brightness(.80);
  }
  100%{
    transform:
      translateZ(calc(5px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .125)));
    filter:brightness(calc(1 + (var(--audio-level,.7) * .15)));
  }
}

@keyframes sikeConeV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .075)));
    filter:brightness(.74) contrast(1.06);
  }
  100%{
    transform:
      translateZ(calc(8px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .175)));
    filter:brightness(calc(1.04 + (var(--audio-level,.7) * .19))) contrast(1.10);
  }
}

@keyframes sikeDustCapV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .060)));
  }
  100%{
    transform:
      translateZ(calc(10px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .215)));
  }
}

@keyframes sikeHighV38{
  0%{
    transform:translateZ(-1px) scale(calc(1 - (var(--audio-high-level,.5) * .025)));
  }
  100%{
    transform:translateZ(3px) scale(calc(1 + (var(--audio-high-level,.5) * .070)));
  }
}

/* More obvious pressure behind the front grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  background:
    radial-gradient(circle at 50% 28%,
      rgba(255,255,255,calc(.020 + var(--audio-high-level,.5) * .060)) 0 9%,
      transparent 23%),
    radial-gradient(circle at 50% 67%,
      rgba(255,84,36,calc(.040 + var(--audio-level,.7) * .145)) 0 13%,
      transparent 36%)!important;
  animation:sikeGrillePulseV38 calc(var(--audio-speed,.48s) * .95) ease-in-out infinite alternate!important;
}

@keyframes sikeGrillePulseV38{
  from{opacity:.42;transform:scale(.992)}
  to{opacity:1;transform:scale(calc(1 + var(--audio-level,.7) * .007))}
}

/* Stronger distinction between modes while still moving at low volume. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"]{
  --audio-level:calc(var(--audio-level) * 1.18);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"]{
  --audio-level:calc(var(--audio-level) * 1.08);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"]{
  --audio-level:calc(var(--audio-level) * .78);
}

/*
  Preserve smooth model interaction: pause reactive animation while the user
  is actively rotating/zooming, then resume immediately afterwards.
*/
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-grille:after{
  animation-play-state:paused!important;
}

/* Mobile: strong enough to see, but avoid extra expensive filters. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
    filter:none!important;
  }
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    mix-blend-mode:normal!important;
    filter:none!important;
  }
}


/* ===================================================================
   SIKE V38 MOBILE CONTROL PANEL SYNC FIX
   =================================================================== */

[data-volume-ring]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  overscroll-behavior:contain!important;
}

/* On phone the physical ring keeps the same visual size, but gets a larger
   invisible touch target so the control is actually usable with a thumb. */
@media(max-width:760px){
  [data-volume-ring]{
    position:relative!important;
    cursor:ns-resize!important;
  }
  [data-volume-ring]::before{
    content:"";
    position:absolute;
    inset:-18px!important;
    border-radius:50%;
    background:transparent;
    pointer-events:auto;
  }
  [data-volume-ring].is-touch-adjusting{
    filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,159,255,.20))!important;
  }
  [data-volume-ring].is-touch-adjusting .knob-led.is-active{
    opacity:1!important;
  }
}

/* Prevent the parent 3D scene from rotating while the user is adjusting volume. */
[data-volume-ring],
[data-volume-ring] *{
  touch-action:none!important;
}


/* ===================================================================
   SIKE V41 — CLEAN APP ENTRY / ACCOUNT LANDING
   Rebuilds app.php visually while preserving all auth/demo functionality.
   =================================================================== */

body:has(.sike-app-landing){
  background:#0a0b0d!important;
  color:#f7f5f1!important;
}
body:has(.sike-app-landing) .site-header{
  background:rgba(7,8,10,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.sike-v7-status-note{
  display:none!important;
}

.sike-app-landing{
  --app-orange:#ff6538;
  --app-red:#ef3535;
  --app-ink:#0d0f12;
  --app-panel:#12151a;
  --app-panel-2:#171a20;
  --app-line:rgba(255,255,255,.08);
  --app-muted:#8b929c;

  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:34px 28px 80px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,91,48,.15),transparent 26%),
    radial-gradient(circle at 90% 16%,rgba(217,36,49,.12),transparent 28%),
    #0a0b0d!important;
}

.sike-app-landing-hero{
  position:relative!important;
  width:min(1320px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #101216!important;
  box-shadow:0 26px 80px rgba(0,0,0,.32)!important;
}
.sike-app-landing-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,91,46,.13),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(216,38,50,.09),transparent 27%)!important;
}
.sike-app-landing-glow{
  display:none!important;
}

.sike-app-landing-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 12px 16px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:0 0 18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,101,56,.22)!important;
  border-radius:999px!important;
  background:rgba(255,101,56,.07)!important;
  color:#ff7b52!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d27b!important;
  box-shadow:0 0 0 5px rgba(52,210,123,.08)!important;
}

.sike-app-landing-copy h1{
  max-width:780px!important;
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(54px,6.1vw,94px)!important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-app-landing-copy h1 em{
  color:#ff6a3e!important;
  font-style:normal!important;
}
.sike-app-landing-copy p{
  max-width:720px!important;
  margin:24px 0 0!important;
  color:#9da3ac!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.sike-app-landing-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
}
.sike-app-landing-badges span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#15181d!important;
  color:#d6d9de!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}
.sike-app-mini-device-stack{
  margin-top:24px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.sike-app-mini-device-stack>div{
  width:86px!important;
  height:64px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:5px!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0c0e11!important;
  box-shadow:none!important;
}
.sike-app-mini-device-stack img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:8px!important;
}
.sike-app-mini-device-stack b{
  color:#c8ccd2!important;
  font-size:7px!important;
  line-height:1.05!important;
}

/* Right-side account/auth panel */
.sike-app-entry-panel{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(11,13,16,.94)!important;
  padding:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.sike-app-account-ready{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-ready-icon{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:linear-gradient(145deg,#37d37e,#1aac62)!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(37,202,111,.18)!important;
}
.sike-app-account-ready>span,
.sike-app-auth-head>span{
  color:#ff754a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-app-account-ready h2,
.sike-app-auth-head h2{
  margin:9px 0 0!important;
  color:#f6f5f2!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}
.sike-app-account-ready p,
.sike-app-auth-head p{
  margin:14px 0 0!important;
  color:#858d98!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.sike-app-account-row{
  margin-top:20px!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #272c33!important;
  border-radius:13px!important;
  background:#0d1014!important;
}
.sike-app-account-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#d4d8dd!important;
  font-size:9px!important;
}
.sike-app-account-row i{
  flex:0 0 auto!important;
  color:#35d27c!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.sike-app-ready-devices{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:10px 0 0!important;
}
.sike-app-ready-devices>span{
  min-width:0!important;
  height:72px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111419!important;
}
.sike-app-ready-devices img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#0a0c0f!important;
}
.sike-app-ready-devices b{
  min-width:0!important;
  color:#c7cbd1!important;
  font-size:7px!important;
  line-height:1.1!important;
}

.sike-app-continue-button,
.sike-app-auth-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff6b3b,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 30px rgba(237,52,56,.16)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-app-continue-button:hover,
.sike-app-auth-submit:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.sike-app-continue-button b,
.sike-app-auth-submit b{
  font-size:18px!important;
}
.sike-app-signout{
  margin:11px auto 0!important;
  color:#747b85!important;
  font-size:8px!important;
  text-decoration:none!important;
}

/* Logged-out auth cleaned up too */
.sike-app-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:20px 0 12px!important;
  padding:4px!important;
  border:1px solid #252a31!important;
  border-radius:13px!important;
  background:#090b0e!important;
}
.sike-app-auth-tabs button{
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#747c86!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-app-auth-tabs button.active{
  background:#171a1f!important;
  color:#fff!important;
}

.sike-social-login-block{
  margin-top:10px!important;
}
.sike-social-login-title{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.sike-social-login-title span{
  color:#7c838d!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.sike-social-login-title small{
  color:#5f6670!important;
  font-size:6px!important;
}
.sike-social-login-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-social-login{
  width:100%!important;
  min-height:42px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid #292e35!important;
  background:#111419!important;
  color:#e4e6e9!important;
  box-shadow:none!important;
}
.sike-social-login:hover{
  border-color:#3b424c!important;
  background:#171b20!important;
}
.sike-social-login i{
  font-size:13px!important;
}
.sike-social-login span{
  font-size:7px!important;
}
.sike-social-login b{
  font-size:5px!important;
}
.sike-social-divider{
  margin:12px 0!important;
}
.sike-social-divider:before{
  border-color:#242930!important;
}
.sike-social-divider span{
  background:#0b0d10!important;
  color:#616974!important;
  font-size:6px!important;
}

.sike-app-auth-form label>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#818894!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.sike-app-auth-form input[type=text],
.sike-app-auth-form input[type=email],
.sike-app-auth-form input[type=password]{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:1px solid #292f36!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.sike-app-auth-form input:focus{
  border-color:rgba(255,103,59,.65)!important;
  box-shadow:0 0 0 3px rgba(255,103,59,.08)!important;
}
.sike-app-consent{
  margin-top:10px!important;
}
.sike-app-security-note{
  border-color:#252a31!important;
  background:#0c0f13!important;
  border-radius:12px!important;
}

/* The supporting sections now match the actual app, instead of a bright landing page. */
.sike-app-steps-section,
.sike-app-preview-section{
  width:min(1320px,100%)!important;
  margin:24px auto 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#101216!important;
}
.sike-app-steps-section{
  padding:28px!important;
}
.sike-app-section-heading span,
.sike-app-preview-copy>span{
  color:#ff754a!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-section-heading h2,
.sike-app-preview-copy h2{
  margin-top:8px!important;
  color:#f4f3f0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.sike-app-section-heading p,
.sike-app-preview-copy p{
  color:#858d97!important;
}
.sike-app-step-grid{
  gap:10px!important;
  margin-top:22px!important;
}
.sike-app-step-card{
  border:1px solid #242930!important;
  border-radius:17px!important;
  background:#0c0f13!important;
  box-shadow:none!important;
}
.sike-app-step-card.active{
  border-color:rgba(255,101,56,.32)!important;
  background:linear-gradient(145deg,rgba(255,101,56,.07),#0c0f13 48%)!important;
}
.sike-app-step-card.done{
  border-color:rgba(49,207,120,.22)!important;
}
.sike-app-step-card h3{
  color:#eef0f2!important;
}
.sike-app-step-card p{
  color:#777f89!important;
}
.sike-app-step-number{
  color:#ff7146!important;
}

.sike-app-preview-section{
  padding:28px!important;
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
.sike-app-preview-ui{
  border:1px solid #272d34!important;
  border-radius:20px!important;
  background:#0b0e12!important;
  box-shadow:none!important;
}
.sike-app-preview-copy a,
.sike-app-preview-copy button{
  color:#ff754a!important;
}

/* ------------------------- PHONE ------------------------- */
@media(max-width:760px){
  .sike-app-landing{
    padding:12px 10px 86px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,95,48,.14),transparent 25%),
      #090a0c!important;
  }

  .sike-app-landing-hero{
    padding:14px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:20px!important;
  }

  .sike-app-landing-copy{
    padding:10px 4px 4px!important;
  }
  .sike-app-kicker{
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  .sike-app-landing-copy h1{
    max-width:360px!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .sike-app-landing-copy p{
    margin-top:16px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  .sike-app-landing-badges{
    margin-top:16px!important;
    gap:5px!important;
  }
  .sike-app-landing-badges span{
    padding:7px 9px!important;
    font-size:6.5px!important;
  }

  /* Old duplicate hero thumbnails are hidden on phone;
     the clean device strip inside account card remains. */
  .sike-app-mini-device-stack{
    display:none!important;
  }

  .sike-app-entry-panel{
    padding:17px!important;
    border-radius:18px!important;
  }
  .sike-app-ready-icon{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:22px!important;
    margin-bottom:15px!important;
  }
  .sike-app-account-ready h2,
  .sike-app-auth-head h2{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .sike-app-account-ready p,
  .sike-app-auth-head p{
    font-size:11px!important;
  }
  .sike-app-account-row{
    display:block!important;
    padding:10px!important;
  }
  .sike-app-account-row i{
    display:block!important;
    margin-top:5px!important;
  }

  .sike-app-ready-devices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sike-app-ready-devices>span{
    height:64px!important;
    padding:6px!important;
    display:block!important;
    text-align:center!important;
  }
  .sike-app-ready-devices img{
    width:38px!important;
    height:38px!important;
    margin:auto!important;
  }
  .sike-app-ready-devices b{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:5.5px!important;
  }

  .sike-social-login-grid{
    grid-template-columns:1fr!important;
  }
  .sike-social-login-title small{
    display:none!important;
  }

  .sike-app-steps-section,
  .sike-app-preview-section{
    margin-top:12px!important;
    border-radius:19px!important;
  }
  .sike-app-steps-section{
    padding:16px!important;
  }
  .sike-app-step-grid{
    grid-template-columns:1fr!important;
  }
  .sike-app-step-card{
    min-height:0!important;
    padding:16px!important;
  }
  .sike-app-preview-section{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  .sike-app-preview-ui{
    min-height:260px!important;
  }
}

@media(max-width:390px){
  .sike-app-landing-copy h1{
    font-size:42px!important;
  }
  .sike-app-landing-hero{
    padding:11px!important;
  }
  .sike-app-entry-panel{
    padding:14px!important;
  }
  .sike-app-ready-devices>span{
    height:60px!important;
  }
}

/* Keep chat from visually dominating this onboarding page. */
body:has(.sike-app-landing) .chat-launcher{
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}


/* ===================================================================
   SIKE V42 — ORANGE APP LANDING / COMPLETELY NEW LAYOUT
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:#ff6633!important;
}
.sike-app-landing-v42{
  min-height:calc(100vh - 120px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 24px 72px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,212,163,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(255,75,43,.24),transparent 28%),
    linear-gradient(135deg,#ff8430 0%,#ff572f 48%,#ed3036 100%)!important;
}

.sike-v42-shell{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(13,15,18,.94)!important;
  box-shadow:0 32px 90px rgba(94,18,9,.26)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sike-v42-topline{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 3px 14px!important;
}
.sike-v42-label,
.sike-v42-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-v42-label i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2fd17a!important;
  box-shadow:0 0 0 5px rgba(47,209,122,.08)!important;
}
.sike-v42-label span,
.sike-v42-status span{
  color:#808894!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.sike-v42-status b{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#ff6239!important;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}

.sike-v42-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)!important;
  gap:16px!important;
}
.sike-v42-intro{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
}
.sike-v42-copy,
.sike-v42-device-stage,
.sike-v42-feature-strip,
.sike-v42-account{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12151a!important;
  border-radius:22px!important;
}

.sike-v42-copy{
  min-height:330px!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,91,43,.13),transparent 31%),
    #12151a!important;
}
.sike-v42-kicker{
  color:#ff7145!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.sike-v42-copy h1{
  margin:12px 0 0!important;
  color:#f8f5f0!important;
  font-size:clamp(56px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-v42-copy h1 em{
  color:#ff673d!important;
  font-style:normal!important;
}
.sike-v42-copy p{
  max-width:700px!important;
  margin:22px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.sike-v42-device-stage{
  min-height:190px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:.8fr 1.2fr!important;
  gap:16px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(120deg,rgba(255,102,56,.08),transparent 52%),
    #0e1115!important;
}
.sike-v42-device-copy span{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-v42-device-copy strong{
  display:block!important;
  margin-top:8px!important;
  color:#f0f1f3!important;
  font-size:17px!important;
}
.sike-v42-device-copy small{
  display:block!important;
  margin-top:7px!important;
  color:#717984!important;
  font-size:9px!important;
}
.sike-v42-device-art{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
}
.sike-v42-device-card{
  min-width:0!important;
  height:126px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #262c33!important;
  border-radius:16px!important;
  background:#15181d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sike-v42-device-card img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.sike-v42-device-card span{
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
}

.sike-v42-feature-strip{
  min-height:86px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.sike-v42-feature-strip>span{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  border-radius:14px!important;
  background:#0d1014!important;
}
.sike-v42-feature-strip i{
  grid-row:1/3!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#ff6339!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.sike-v42-feature-strip b{
  color:#f1f2f3!important;
  font-size:8px!important;
}
.sike-v42-feature-strip small{
  color:#6e7680!important;
  font-size:6.5px!important;
}

.sike-v42-account{
  min-width:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,57,.02)!important;
}
.sike-v42-account-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.sike-v42-avatar{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff7140,#e93439)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:0 14px 36px rgba(237,53,56,.18)!important;
}
.sike-v42-account-head span,
.sike-v42-auth-head>span,
.sike-v42-next-card>span{
  color:#ff7146!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-account-head h2,
.sike-v42-auth-head h2{
  margin:5px 0 0!important;
  color:#f7f5f1!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
.sike-v42-account-head p{
  margin:5px 0 0!important;
  color:#77808a!important;
  font-size:8px!important;
}
.sike-v42-account-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:18px!important;
}
.sike-v42-account-meta>div{
  padding:12px!important;
  border:1px solid #272d34!important;
  border-radius:13px!important;
  background:#0b0e12!important;
}
.sike-v42-account-meta span{
  display:block!important;
  color:#626b75!important;
  font-size:6px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-v42-account-meta b{
  display:block!important;
  margin-top:5px!important;
  color:#e7e9eb!important;
  font-size:9px!important;
}
.sike-v42-account-meta b.green{
  color:#34d17a!important;
}
.sike-v42-next-card{
  margin-top:9px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,101,56,.08),#0c0f13 56%)!important;
  border:1px solid rgba(255,102,57,.15)!important;
}
.sike-v42-next-card h3{
  margin:7px 0 0!important;
  color:#f3f4f5!important;
  font-size:18px!important;
}
.sike-v42-next-card p,
.sike-v42-auth-head p{
  margin:8px 0 0!important;
  color:#7e8691!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v42-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff6d3d,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 15px 30px rgba(238,52,57,.16)!important;
}
.sike-v42-primary b{
  font-size:17px!important;
}
.sike-v42-secondary{
  margin:12px auto 0!important;
  color:#727a84!important;
  font-size:7px!important;
  text-decoration:none!important;
}

.sike-v42-tabs{
  margin-top:20px!important;
}
.sike-v42-social{
  margin-top:10px!important;
}
.sike-v42-social-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v42-social-grid form{
  margin:0!important;
}
.sike-v42-social-grid button{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #2a3037!important;
  border-radius:11px!important;
  background:#0c0f13!important;
  color:#d8dce1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.sike-v42-social-grid i{
  font-size:13px!important;
  font-style:normal!important;
}
.sike-v42-social-grid span{
  font-size:7px!important;
  font-weight:800!important;
}
.sike-v42-divider{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  color:#656d77!important;
  font-size:6px!important;
}
.sike-v42-divider:before,
.sike-v42-divider:after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#242a31!important;
}
.sike-v42-form label>span{
  color:#7e8690!important;
}
.sike-v42-form input{
  background:#0b0e12!important;
  border-color:#292f36!important;
}

.sike-v42-bottom{
  width:min(1440px,100%)!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.sike-v42-bottom article{
  min-height:150px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:rgba(15,17,20,.92)!important;
  box-shadow:0 20px 50px rgba(105,23,12,.14)!important;
}
.sike-v42-bottom span{
  color:#ff7448!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-bottom h3{
  margin:10px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.sike-v42-bottom p{
  margin:8px 0 0!important;
  max-width:370px!important;
  color:#838b95!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* ---------------------- MOBILE ---------------------- */
@media(max-width:760px){
  .sike-app-landing-v42{
    padding:10px 8px 76px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,210,160,.13),transparent 24%),
      linear-gradient(160deg,#ff7e2f 0%,#ff5430 52%,#ec3439 100%)!important;
  }
  .sike-v42-shell{
    padding:11px!important;
    border-radius:19px!important;
  }
  .sike-v42-topline{
    min-height:34px!important;
    padding-bottom:8px!important;
  }
  .sike-v42-label span{
    font-size:6px!important;
  }
  .sike-v42-status span{
    display:none!important;
  }

  .sike-v42-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v42-intro{
    gap:9px!important;
  }
  .sike-v42-copy,
  .sike-v42-device-stage,
  .sike-v42-feature-strip,
  .sike-v42-account{
    border-radius:16px!important;
  }
  .sike-v42-copy{
    min-height:0!important;
    padding:22px 16px!important;
  }
  .sike-v42-copy h1{
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.89!important;
  }
  .sike-v42-copy p{
    margin-top:15px!important;
    font-size:12px!important;
  }

  .sike-v42-device-stage{
    min-height:0!important;
    padding:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .sike-v42-device-copy strong{
    font-size:13px!important;
  }
  .sike-v42-device-art{
    gap:6px!important;
  }
  .sike-v42-device-card{
    height:88px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .sike-v42-device-card img{
    width:52px!important;
    height:52px!important;
  }
  .sike-v42-device-card span{
    font-size:5.5px!important;
  }

  .sike-v42-feature-strip{
    min-height:0!important;
    padding:8px!important;
    gap:5px!important;
  }
  .sike-v42-feature-strip>span{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:4px!important;
    padding:9px!important;
  }
  .sike-v42-feature-strip i{
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
  }
  .sike-v42-feature-strip small{
    display:none!important;
  }

  .sike-v42-account{
    padding:16px!important;
  }
  .sike-v42-account-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .sike-v42-avatar{
    width:48px!important;height:48px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }
  .sike-v42-account-head h2,
  .sike-v42-auth-head h2{
    font-size:34px!important;
  }
  .sike-v42-account-meta{
    margin-top:13px!important;
  }
  .sike-v42-next-card{
    padding:13px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sike-v42-bottom{
    margin-top:9px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-v42-bottom article{
    min-height:0!important;
    padding:15px!important;
    border-radius:16px!important;
  }
  .sike-v42-bottom h3{
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .sike-v42-copy h1{
    font-size:42px!important;
  }
  .sike-v42-shell{
    padding:9px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===================================================================
   SIKE V43 — APP PAGE WITHOUT GREY BACKGROUND BOXES
   Keeps the orange SIKE background, removes heavy grey card fills.
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:
    radial-gradient(circle at 10% 8%,rgba(255,211,161,.15),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(255,78,45,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Outer shell becomes transparent / glass-light instead of grey block. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Remove the solid grey fills from all major app cards. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip,
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.36)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Intro hero is cleaner, with only a subtle orange glow. */
.sike-app-landing-v42 .sike-v42-copy{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,96,48,.10),transparent 34%),
    rgba(9,11,14,.28)!important;
}

/* Device section — no grey containers. */
.sike-app-landing-v42 .sike-v42-device-stage{
  background:
    linear-gradient(120deg,rgba(255,104,54,.06),transparent 58%),
    rgba(9,11,14,.24)!important;
}

.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(6,8,10,.32)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

/* Feature strip: remove separate grey tiles. */
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(7,9,11,.24)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Account panel stays readable but much more transparent. */
.sike-app-landing-v42 .sike-v42-account{
  background:rgba(6,8,10,.40)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(6,8,10,.28)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-next-card{
  background:
    linear-gradient(145deg,rgba(255,101,56,.07),rgba(6,8,10,.20) 62%)!important;
  border-color:rgba(255,106,59,.14)!important;
}

/* Login/create account UI: transparent dark controls, no grey slabs. */
.sike-app-landing-v42 .sike-app-auth-tabs{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-app-auth-tabs button.active{
  background:rgba(255,255,255,.07)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-form input{
  background:rgba(4,6,8,.30)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Bottom info cards blend into page instead of looking like grey boxes. */
.sike-app-landing-v42 .sike-v42-bottom{
  gap:8px!important;
}
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(8,10,12,.30)!important;
}

/* Mobile: even lighter card chrome, more open orange page. */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-shell{
    background:rgba(7,9,11,.20)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .sike-app-landing-v42 .sike-v42-copy,
  .sike-app-landing-v42 .sike-v42-device-stage,
  .sike-app-landing-v42 .sike-v42-account,
  .sike-app-landing-v42 .sike-v42-bottom article{
    background:rgba(7,9,11,.26)!important;
  }

  .sike-app-landing-v42 .sike-v42-feature-strip{
    background:transparent!important;
  }

  .sike-app-landing-v42 .sike-v42-device-card,
  .sike-app-landing-v42 .sike-v42-feature-strip>span{
    background:rgba(4,6,8,.20)!important;
  }
}


/* ===================================================================
   SIKE V44 — CLEAN APPLE / SOUNDBOKS INSPIRED RIGHT SIDEBAR
   =================================================================== */

/* Keep the open orange/red background from V43. */
.sike-app-landing-v42{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,220,178,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(255,65,40,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Main shell stays visually open. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.18)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Left side remains nearly borderless/open. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* RIGHT SIDEBAR:
   one premium light-grey Apple-like panel instead of many dark/grey blocks. */
.sike-app-landing-v42 .sike-v42-account{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(252,251,248,.97),rgba(235,235,232,.95))!important;
  box-shadow:
    0 28px 70px rgba(59,16,7,.20),
    inset 0 1px rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  color:#111318!important;
}

/* Soft inner sheen. */
.sike-app-landing-v42 .sike-v42-account:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.24),transparent 40%)!important;
}

/* All sidebar content above sheen. */
.sike-app-landing-v42 .sike-v42-account > *{
  position:relative!important;
  z-index:1!important;
}

/* Account header dark typography. */
.sike-app-landing-v42 .sike-v42-account-head span,
.sike-app-landing-v42 .sike-v42-auth-head>span,
.sike-app-landing-v42 .sike-v42-next-card>span{
  color:#ff5f38!important;
}
.sike-app-landing-v42 .sike-v42-account-head h2,
.sike-app-landing-v42 .sike-v42-auth-head h2{
  color:#0d0f12!important;
}
.sike-app-landing-v42 .sike-v42-account-head p,
.sike-app-landing-v42 .sike-v42-auth-head p{
  color:#73777e!important;
}

/* Cleaner avatar, less gaming, more premium hardware feel. */
.sike-app-landing-v42 .sike-v42-avatar{
  background:linear-gradient(145deg,#ff7040,#ef3738)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:
    0 12px 28px rgba(226,63,42,.20),
    inset 0 1px rgba(255,255,255,.28)!important;
}

/* Meta blocks become white floating cells. */
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.055)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta span{
  color:#8a8e94!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b{
  color:#181b20!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b.green{
  color:#24b86e!important;
}

/* Next-step area = minimal Apple Settings-style grouped section. */
.sike-app-landing-v42 .sike-v42-next-card{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid rgba(20,22,25,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.045)!important;
}
.sike-app-landing-v42 .sike-v42-next-card h3{
  color:#17191d!important;
  font-size:17px!important;
}
.sike-app-landing-v42 .sike-v42-next-card p{
  color:#777c84!important;
}

/* Primary CTA = clean SIKE orange, flatter and more premium. */
.sike-app-landing-v42 .sike-v42-primary{
  min-height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff6d3d,#f24337)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 12px 28px rgba(236,72,47,.20),
    inset 0 1px rgba(255,255,255,.20)!important;
}
.sike-app-landing-v42 .sike-v42-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.025)!important;
}
.sike-app-landing-v42 .sike-v42-secondary{
  color:#797d83!important;
}

/* Auth tab group within grey sidebar. */
.sike-app-landing-v42 .sike-v42-tabs{
  padding:4px!important;
  border:1px solid rgba(20,22,25,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
}
.sike-app-landing-v42 .sike-v42-tabs button{
  color:#8b8f95!important;
}
.sike-app-landing-v42 .sike-v42-tabs button.active{
  background:#fff!important;
  color:#111318!important;
  box-shadow:0 4px 14px rgba(20,22,25,.08)!important;
}

/* Social login buttons: white frosted cells. */
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(255,255,255,.76)!important;
  color:#1a1d21!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 5px 16px rgba(20,22,25,.045)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button:hover{
  background:#fff!important;
}

/* Divider and inputs. */
.sike-app-landing-v42 .sike-v42-divider{
  color:#858990!important;
}
.sike-app-landing-v42 .sike-v42-divider:before,
.sike-app-landing-v42 .sike-v42-divider:after{
  background:rgba(20,22,25,.10)!important;
}

.sike-app-landing-v42 .sike-v42-form label>span{
  color:#777c83!important;
}
.sike-app-landing-v42 .sike-v42-form input[type=text],
.sike-app-landing-v42 .sike-v42-form input[type=email],
.sike-app-landing-v42 .sike-v42-form input[type=password]{
  height:48px!important;
  border:1px solid rgba(20,22,25,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111318!important;
  box-shadow:inset 0 1px 1px rgba(18,20,23,.025)!important;
}
.sike-app-landing-v42 .sike-v42-form input::placeholder{
  color:#a1a5aa!important;
}
.sike-app-landing-v42 .sike-v42-form input:focus{
  background:#fff!important;
  border-color:rgba(255,96,52,.55)!important;
  box-shadow:0 0 0 4px rgba(255,96,52,.08)!important;
}
.sike-app-landing-v42 .sike-app-consent span{
  color:#7f8389!important;
}

/* Make the left device cards black/transparent instead of grey. */
.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(8,10,12,.50)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(8,10,12,.35)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* Bottom cards remain dark transparent and lightweight. */
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.42)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ------------------------- MOBILE ------------------------- */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-account{
    padding:18px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(250,249,246,.98),rgba(233,233,230,.97))!important;
    box-shadow:
      0 20px 45px rgba(57,15,6,.17),
      inset 0 1px rgba(255,255,255,.90)!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .sike-app-landing-v42 .sike-v42-avatar{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head h2,
  .sike-app-landing-v42 .sike-v42-auth-head h2{
    font-size:32px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-meta{
    gap:6px!important;
  }
  .sike-app-landing-v42 .sike-v42-account-meta>div,
  .sike-app-landing-v42 .sike-v42-next-card{
    border-radius:13px!important;
  }

  .sike-app-landing-v42 .sike-v42-primary{
    min-height:50px!important;
  }

  .sike-app-landing-v42 .sike-v42-social-grid{
    gap:6px!important;
  }
}

/* Soundboks-style restraint: keep corners strong, no excessive glass glow. */
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-account *{
  text-shadow:none!important;
}


/* ===================================================================
   SIKE V45 — COMPLETE APP PAGE REDESIGN
   =================================================================== */
body:has(.sike-app-v45){
  background:#ff6235!important;
}
.sike-app-v45{
  min-height:calc(100vh - 120px)!important;
  padding:30px 24px 72px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,210,165,.18),transparent 27%),
    radial-gradient(circle at 86% 10%,rgba(236,45,50,.25),transparent 32%),
    linear-gradient(135deg,#ff8130 0%,#ff5c32 46%,#e92f38 100%)!important;
}
.sike-v45-wrap{
  width:min(1420px,100%)!important;
  margin:0 auto!important;
}

/* HERO */
.sike-v45-hero{
  min-height:510px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:16px!important;
}
.sike-v45-hero-copy,
.sike-v45-product-cluster{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101216!important;
  box-shadow:0 28px 75px rgba(70,15,7,.18)!important;
}
.sike-v45-hero-copy{
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,91,47,.14),transparent 28%),
    #101216!important;
}
.sike-v45-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:20px!important;
}
.sike-v45-eyebrow i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#31d47c!important;
  box-shadow:0 0 0 5px rgba(49,212,124,.08)!important;
}
.sike-v45-eyebrow span{
  color:#ff7548!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-v45-eyebrow b{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#1b1f24!important;
  color:#818892!important;
  font-size:6px!important;
  letter-spacing:.08em!important;
}
.sike-v45-hero-copy h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(64px,6.4vw,105px)!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
.sike-v45-hero-copy h1 em{
  color:#ff6840!important;
  font-style:normal!important;
}
.sike-v45-hero-copy>p{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sike-v45-quickpoints{
  display:flex!important;
  gap:9px!important;
  margin-top:28px!important;
}
.sike-v45-quickpoints>span{
  min-width:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:30px auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 8px!important;
  border:1px solid #282d34!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-v45-quickpoints i{
  grid-row:1/3!important;
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-v45-quickpoints b{color:#f1f2f3!important;font-size:8px!important}
.sike-v45-quickpoints small{color:#6d7580!important;font-size:6px!important}

/* PRODUCT CLUSTER */
.sike-v45-product-cluster{
  padding:18px!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:10px!important;
  background:
    linear-gradient(160deg,#16191e 0%,#0b0d10 100%)!important;
}
.sike-v45-product-main{
  position:relative!important;
  min-height:330px!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #272c33!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,94,49,.09),transparent 40%),
    #0a0c0f!important;
}
.sike-v45-product-main>span{
  position:absolute!important;
  left:18px!important;top:16px!important;
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-product-main img{
  width:100%!important;
  height:245px!important;
  object-fit:contain!important;
  display:block!important;
  margin-top:10px!important;
}
.sike-v45-product-main strong{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.03em!important;
}
.sike-v45-product-main small{
  display:block!important;
  margin-top:3px!important;
  color:#747c86!important;
  font-size:8px!important;
}
.sike-v45-product-small{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sike-v45-product-small>div{
  min-height:84px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid #282d34!important;
  background:#101318!important;
}
.sike-v45-product-small img{
  width:64px!important;height:64px!important;object-fit:contain!important;border-radius:10px!important;
  background:#090b0e!important;
}
.sike-v45-product-small b{display:block!important;color:#e7e9ec!important;font-size:8px!important}
.sike-v45-product-small small{display:block!important;margin-top:4px!important;color:#6c7480!important;font-size:6px!important}

/* LOWER CONTENT */
.sike-v45-content{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;
  gap:16px!important;
}
.sike-v45-info{
  padding:30px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(11,13,16,.88)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.14)!important;
}
.sike-v45-info-head>span{
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-info-head h2{
  margin:9px 0 0!important;
  color:#f6f4f0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
}
.sike-v45-info-head p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#828a94!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.sike-v45-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
.sike-v45-info-grid article{
  min-height:130px!important;
  padding:16px!important;
  border:1px solid #252a31!important;
  border-radius:16px!important;
  background:#0d1014!important;
}
.sike-v45-info-grid i{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
}
.sike-v45-info-grid h3{
  margin:14px 0 0!important;
  color:#eceef0!important;
  font-size:11px!important;
}
.sike-v45-info-grid p{
  margin:6px 0 0!important;
  color:#737b85!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* ACCOUNT CARD */
.sike-v45-account{
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:linear-gradient(180deg,#f7f6f3 0%,#e9e9e6 100%)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.18)!important;
  color:#111318!important;
}
.sike-v45-account-status{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.sike-v45-avatar{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#ff7140,#ed3938)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sike-v45-account-status span,
.sike-v45-auth-head>span,
.sike-v45-action-block>span{
  color:#ff5e38!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v45-account-status h2,
.sike-v45-auth-head h2{
  margin:5px 0 0!important;
  color:#111318!important;
  font-size:34px!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
.sike-v45-account-status p{
  margin:4px 0 0!important;
  color:#7a7f86!important;
  font-size:8px!important;
}
.sike-v45-account-status .online{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#32cc78!important;
  box-shadow:0 0 0 5px rgba(50,204,120,.10)!important;
}
.sike-v45-account-lines{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-v45-account-lines>div{
  padding:13px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-account-lines span{
  display:block!important;color:#8b8f95!important;font-size:6px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.sike-v45-account-lines b{
  display:block!important;margin-top:5px!important;color:#1a1c20!important;font-size:9px!important;
}
.sike-v45-account-lines .green{color:#23b86d!important}
.sike-v45-action-block{
  margin-top:9px!important;
  padding:17px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-action-block h3{
  margin:7px 0 0!important;
  color:#17191d!important;
  font-size:19px!important;
}
.sike-v45-action-block p,
.sike-v45-auth-head p{
  margin:8px 0 0!important;
  color:#777d84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v45-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:14px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#ff6c3d,#ee3938)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(234,65,47,.18)!important;
}
.sike-v45-primary b{font-size:17px!important}
.sike-v45-signout{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  color:#777c83!important;
  font-size:7px!important;
  text-decoration:none!important;
}

/* AUTH */
.sike-v45-tabs{
  margin:18px 0 12px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(18,20,24,.08)!important;
}
.sike-v45-tabs button{color:#858990!important}
.sike-v45-tabs button.active{
  background:#fff!important;color:#111318!important;box-shadow:0 4px 12px rgba(18,20,24,.07)!important;
}
.sike-v45-socials{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v45-socials form{margin:0!important}
.sike-v45-socials button{
  width:100%!important;min-height:42px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  color:#1a1d21!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.sike-v45-socials i{font-size:13px!important;font-style:normal!important}
.sike-v45-socials span{font-size:7px!important;font-weight:800!important}
.sike-v45-divider{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:12px 0!important;color:#858990!important;font-size:6px!important;
}
.sike-v45-divider:before,.sike-v45-divider:after{
  content:""!important;flex:1!important;height:1px!important;background:rgba(18,20,24,.10)!important;
}
.sike-v45-form label>span{color:#777c83!important}
.sike-v45-form input[type=text],
.sike-v45-form input[type=email],
.sike-v45-form input[type=password]{
  height:46px!important;
  border-radius:12px!important;
  border:1px solid rgba(18,20,24,.10)!important;
  background:rgba(255,255,255,.75)!important;
  color:#111318!important;
}
.sike-v45-form input::placeholder{color:#a1a4a8!important}
.sike-v45-form input:focus{
  border-color:rgba(255,97,53,.55)!important;
  box-shadow:0 0 0 4px rgba(255,97,53,.08)!important;
  background:#fff!important;
}
.sike-v45-account .sike-app-consent span{color:#7d8288!important}

/* MOBILE */
@media(max-width:760px){
  .sike-app-v45{
    padding:10px 8px 78px!important;
  }
  .sike-v45-hero,
  .sike-v45-content{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v45-hero{
    min-height:0!important;
  }
  .sike-v45-hero-copy,
  .sike-v45-product-cluster,
  .sike-v45-info,
  .sike-v45-account{
    border-radius:20px!important;
  }
  .sike-v45-hero-copy{
    padding:24px 18px!important;
  }
  .sike-v45-hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
  }
  .sike-v45-hero-copy>p{
    margin-top:16px!important;
    font-size:12px!important;
  }
  .sike-v45-quickpoints{
    gap:5px!important;
    margin-top:18px!important;
  }
  .sike-v45-quickpoints>span{
    min-width:0!important;
    flex:1!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    padding:8px!important;
  }
  .sike-v45-quickpoints i{grid-row:auto!important}
  .sike-v45-quickpoints small{display:none!important}

  .sike-v45-product-main{
    min-height:230px!important;
  }
  .sike-v45-product-main img{
    height:170px!important;
  }
  .sike-v45-product-small>div{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:70px!important;
  }
  .sike-v45-product-small img{
    width:48px!important;height:48px!important;
  }

  .sike-v45-info{
    padding:18px!important;
  }
  .sike-v45-info-head h2{
    font-size:30px!important;
  }
  .sike-v45-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-v45-info-grid article{
    min-height:110px!important;
    padding:13px!important;
  }

  .sike-v45-account{
    padding:18px!important;
  }
  .sike-v45-account-status{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  .sike-v45-avatar{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .sike-v45-account-status h2,
  .sike-v45-auth-head h2{
    font-size:30px!important;
  }
}

@media(max-width:390px){
  .sike-v45-hero-copy h1{font-size:43px!important}
  .sike-v45-info-grid{grid-template-columns:1fr!important}
  .sike-v45-socials{grid-template-columns:1fr!important}
}


/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =====================================================================
   SIKE V79 — MOBILE MY DEVICES TABS ONLY
   Keeps the original V77 mobile layout, only improving the top device tabs.
   ===================================================================== */
@media (max-width: 760px){

  body.sike-ios-app-page .sike-ios-device-switcher,
  body.sike-ios-app-page .sike-device-strip{
    display:flex!important;
    width:calc(100% + 20px)!important;
    margin:4px -10px 14px!important;
    padding:0 10px 6px!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
  }

  body.sike-ios-app-page .sike-ios-device-switcher::-webkit-scrollbar,
  body.sike-ios-app-page .sike-device-strip::-webkit-scrollbar{
    display:none!important;
  }

  /* Scan tab */
  body.sike-ios-app-page .sike-scan-device-card{
    flex:0 0 178px!important;
    width:178px!important;
    min-width:178px!important;
    height:66px!important;
    min-height:66px!important;
    padding:7px 9px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:8px!important;
    border-radius:17px!important;
    scroll-snap-align:start!important;
  }

  body.sike-ios-app-page .sike-scan-radar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:12px!important;
  }

  body.sike-ios-app-page .sike-scan-copy{
    min-width:0!important;
  }

  body.sike-ios-app-page .sike-scan-copy small{
    font-size:5.2px!important;
    letter-spacing:.09em!important;
  }

  body.sike-ios-app-page .sike-scan-copy strong{
    display:block!important;
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sike-ios-app-page .sike-scan-copy em{
    display:block!important;
    margin-top:3px!important;
    font-size:5.2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sike-ios-app-page .sike-scan-action{
    min-width:38px!important;
    height:30px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:5.2px!important;
  }

  /* Connected device tab */
  body.sike-ios-app-page .sike-connected-device-wrap{
    position:relative!important;
    flex:0 0 188px!important;
    width:188px!important;
    min-width:188px!important;
    scroll-snap-align:start!important;
  }

  body.sike-ios-app-page .sike-connected-device-card{
    width:100%!important;
    height:66px!important;
    min-height:66px!important;
    padding:7px 34px 7px 8px!important;
    grid-template-columns:43px minmax(0,1fr) 7px!important;
    gap:8px!important;
    border-radius:17px!important;
  }

  body.sike-ios-app-page .sike-connected-device-card .device-thumb{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    border-radius:12px!important;
  }

  body.sike-ios-app-page .sike-connected-device-card strong{
    display:block!important;
    font-size:9.6px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sike-ios-app-page .sike-connected-device-card small{
    display:block!important;
    margin-top:4px!important;
    font-size:5.6px!important;
    white-space:nowrap!important;
  }

  body.sike-ios-app-page .sike-connected-device-card>i{
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;
  }

  body.sike-ios-app-page .sike-device-remove{
    position:absolute!important;
    top:18px!important;
    right:7px!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    border-radius:9px!important;
    z-index:4!important;
    font-size:12px!important;
  }

  /* Active tab gets the orange SIKE treatment, but stays compact */
  body.sike-ios-app-page .sike-connected-device-card.active{
    background:linear-gradient(135deg,#ff6d42,#f53f35)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 10px 22px rgba(232,72,38,.16)!important;
  }

  body.sike-ios-app-page .sike-connected-device-card.active strong,
  body.sike-ios-app-page .sike-connected-device-card.active small{
    color:#fff!important;
  }

  /* Make selection feel like a horizontal native tab carousel */
  body.sike-ios-app-page .sike-connected-device-card,
  body.sike-ios-app-page .sike-scan-device-card{
    transition:
      transform .16s ease,
      background-color .16s ease,
      border-color .16s ease,
      box-shadow .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.sike-ios-app-page .sike-connected-device-card:active,
  body.sike-ios-app-page .sike-scan-device-card:active{
    transform:scale(.985)!important;
  }

  /* Keep top area compact without changing the rest of V77 */
  body.sike-ios-app-page .sike-ios-topbar{
    margin-bottom:2px!important;
  }

  body.sike-ios-app-page .sike-app-dashboard-title h1{
    margin-bottom:2px!important;
  }
}

@media (max-width: 390px){
  body.sike-ios-app-page .sike-scan-device-card{
    flex-basis:168px!important;
    width:168px!important;
    min-width:168px!important;
  }

  body.sike-ios-app-page .sike-connected-device-wrap{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
  }
}


/* ==================================================================
   SIKE V80 — POWERCELL PRODUCT PAGE
   Clean product-focused 3D view, no builder sidebar inside the viewer.
   ================================================================== */
.powercell-product-page-v80 .breadcrumbs{
  background:#0b0d10!important;
  color:#6f757d!important;
}
.powercell-detail-v80{
  grid-template-columns:minmax(0,61%) minmax(390px,39%)!important;
  min-height:780px!important;
  background:#090b0e!important;
}
.powercell-gallery-v80{
  min-height:780px!important;
  background:
    radial-gradient(circle at 48% 47%,rgba(255,91,52,.16),transparent 28%),
    radial-gradient(circle at 48% 49%,#252a31 0,#111419 39%,#08090c 76%)!important;
}
.powercell-gallery-v80 .product-360-shell{
  inset:0!important;
}
.powercell-gallery-v80 .product-360-toolbar{
  left:26px!important;
  right:26px!important;
  bottom:110px!important;
}
.powercell-gallery-v80 .product-360-toolbar b{
  font-size:10px!important;
}
.powercell-gallery-v80 .product-360-toolbar span{
  color:#7e858d!important;
}
.powercell-gallery-v80 .gallery-thumbs-premium{
  left:26px!important;
  bottom:24px!important;
}
.powercell-gallery-v80 .gallery-thumbs-premium button{
  width:62px!important;
  height:62px!important;
  border-radius:10px!important;
  background:#101318!important;
}
.powercell-info-v80{
  padding:56px clamp(34px,4vw,72px)!important;
  background:#f1efe9!important;
  justify-content:center!important;
}
.powercell-info-v80 h1{
  margin:20px 0 12px!important;
  font-size:clamp(50px,4.6vw,80px)!important;
}
.powercell-info-v80 .product-tagline{
  margin-bottom:18px!important;
}
.powercell-info-v80 .product-price-row{
  margin-bottom:14px!important;
}
.powercell-info-v80 .product-description{
  line-height:1.55!important;
}
.powercell-product-facts-v80{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:20px 0 4px!important;
}
.powercell-product-facts-v80>div{
  min-width:0!important;
  padding:12px 11px!important;
  background:#fff!important;
  border:1px solid #d6d1c7!important;
  border-radius:12px!important;
}
.powercell-product-facts-v80 span{
  display:block!important;
  color:#8a8179!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.powercell-product-facts-v80 b{
  display:block!important;
  margin-top:5px!important;
  font-family:var(--display)!important;
  font-size:15px!important;
}
.powercell-product-facts-v80 small{
  display:block!important;
  margin-top:3px!important;
  color:#77716b!important;
  font-size:6px!important;
  line-height:1.35!important;
}
.powercell-info-v80 .powercell-finish-picker{
  margin-top:18px!important;
  padding:16px 0!important;
}
.powercell-light-config-v80{
  margin-top:15px!important;
  padding-top:15px!important;
  border-top:1px solid #d4d0c6!important;
}
.powercell-light-options-v80{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.powercell-light-options-v80 button{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid #cbc6bd!important;
  background:#fff!important;
  color:#5e5a55!important;
  border-radius:10px!important;
  font-size:7px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.powercell-light-options-v80 button.active{
  border-color:#111!important;
  box-shadow:0 0 0 1px #111!important;
  color:#111!important;
}
.powercell-light-options-v80 i{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:var(--led)!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--led) 55%,transparent)!important;
}
.powercell-info-v80 .availability{
  margin:20px 0!important;
}
.powercell-builder-cta-v80{
  min-height:58px!important;
  padding:13px 15px!important;
  border-color:#111!important;
}
.powercell-builder-cta-v80 span{
  font-size:10px!important;
  letter-spacing:.04em!important;
}

@media(max-width:1050px){
  .powercell-detail-v80{
    grid-template-columns:1fr!important;
  }
  .powercell-gallery-v80{
    min-height:650px!important;
  }
  .powercell-info-v80{
    padding:48px 7vw!important;
  }
}

@media(max-width:620px){
  .powercell-product-page-v80 .breadcrumbs{
    padding:12px 15px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
  .powercell-detail-v80{
    min-height:0!important;
  }
  .powercell-gallery-v80{
    min-height:440px!important;
    height:440px!important;
  }
  .powercell-gallery-v80 .product-360-toolbar{
    left:14px!important;
    right:14px!important;
    bottom:76px!important;
  }
  .powercell-gallery-v80 .product-360-toolbar b{
    font-size:7.5px!important;
  }
  .powercell-gallery-v80 .product-360-toolbar span{
    display:block!important;
    font-size:6px!important;
  }
  .powercell-gallery-v80 .product-360-toolbar button{
    padding:8px 9px!important;
    font-size:6px!important;
    border-radius:9px!important;
  }
  .powercell-gallery-v80 .gallery-thumbs-premium{
    left:14px!important;
    bottom:13px!important;
    gap:5px!important;
    max-width:calc(100% - 28px)!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .powercell-gallery-v80 .gallery-thumbs-premium::-webkit-scrollbar{
    display:none!important;
  }
  .powercell-gallery-v80 .gallery-thumbs-premium button{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    border-radius:9px!important;
  }
  .powercell-info-v80{
    padding:34px 18px 42px!important;
  }
  .powercell-info-v80 h1{
    margin:13px 0 8px!important;
    font-size:46px!important;
  }
  .powercell-info-v80 .product-tagline{
    font-size:15px!important;
    margin-bottom:14px!important;
  }
  .powercell-product-facts-v80{
    gap:5px!important;
    margin-top:16px!important;
  }
  .powercell-product-facts-v80>div{
    padding:10px 8px!important;
    border-radius:10px!important;
  }
  .powercell-product-facts-v80 b{
    font-size:12px!important;
  }
  .powercell-product-facts-v80 small{
    display:none!important;
  }
  .powercell-info-v80 .standard-swatches{
    gap:7px!important;
  }
  .powercell-info-v80 .standard-swatches button{
    width:46px!important;
    height:46px!important;
    border-radius:10px!important;
  }
  .powercell-light-options-v80 button{
    height:44px!important;
    font-size:7px!important;
  }
  .powercell-builder-cta-v80{
    align-items:flex-start!important;
    min-height:62px!important;
  }
}


/* =====================================================================
   SIKE V81 — DEVICES / SIKE LINK MOBILE REDESIGN
   Desktop is untouched. Mobile gets a compact, swipeable hardware deck.
   ===================================================================== */
@media(max-width:760px){

  /* Main card */
  .sike-device-deck{
    margin-top:12px!important;
    padding:12px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(18,21,26,.98),rgba(9,11,14,.99))!important;
    border:1px solid rgba(255,255,255,.085)!important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.20),
      inset 0 1px rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }

  .sike-device-deck-head{
    margin:0 1px 10px!important;
    align-items:center!important;
  }

  .sike-device-deck-head>div>span{
    font-size:6px!important;
    letter-spacing:.13em!important;
  }

  .sike-device-deck-head h3{
    margin-top:3px!important;
    font-size:22px!important;
    letter-spacing:-.045em!important;
  }

  .sike-device-add{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
    background:#15191e!important;
    border-color:#30363d!important;
    font-size:20px!important;
    box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
  }

  /* Team group */
  .sike-team-card{
    padding:9px!important;
    border-radius:16px!important;
    background:
      linear-gradient(180deg,#161a1f 0%,#101318 100%)!important;
    border:1px solid rgba(255,255,255,.075)!important;
  }

  .sike-team-top{
    min-height:22px!important;
    padding:0 2px 4px!important;
  }

  .sike-team-role,
  .sike-linked-role{
    font-size:6px!important;
  }

  .sike-team-role i,
  .sike-linked-role i{
    width:6px!important;
    height:6px!important;
    margin-right:4px!important;
  }

  .sike-team-role button,
  .sike-linked-role button,
  .sike-team-collapse{
    font-size:11px!important;
    min-width:28px!important;
    min-height:24px!important;
  }

  .sike-team-banner{
    min-height:54px!important;
    grid-template-columns:minmax(0,1fr) 56px!important;
    padding-left:14px!important;
    border-radius:12px!important;
    background:
      linear-gradient(100deg,#ff2752 0%,#ee163f 60%,#a80d31 100%)!important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.12),
      0 8px 18px rgba(214,18,58,.12)!important;
  }

  .sike-team-banner strong{
    font-size:18px!important;
    letter-spacing:-.025em!important;
  }

  .sike-team-banner span{
    margin-top:3px!important;
    font-size:7px!important;
  }

  .sike-team-banner>b{
    font-size:27px!important;
    background:rgba(24,11,16,.26)!important;
  }

  .sike-team-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:7px 0 9px!important;
  }

  .sike-team-actions button{
    min-height:34px!important;
    border-radius:9px!important;
    background:#20242a!important;
    border-color:#2d333a!important;
    font-size:7px!important;
  }

  /* Device cards become a native-feeling horizontal carousel */
  .sike-team-devices{
    display:flex!important;
    width:calc(100% + 9px)!important;
    margin-right:-9px!important;
    padding:0 9px 5px 0!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-team-devices::-webkit-scrollbar{
    display:none!important;
  }

  .sike-linked-device{
    flex:0 0 min(84vw,310px)!important;
    width:min(84vw,310px)!important;
    min-width:min(84vw,310px)!important;
    max-width:min(84vw,310px)!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:14px!important;
    background:#0d1014!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
  }

  .sike-linked-device:first-child{
    border-top:1px solid rgba(255,255,255,.07)!important;
  }

  .sike-linked-role{
    min-height:19px!important;
    padding:0 1px 4px!important;
  }

  .sike-linked-banner{
    min-height:54px!important;
    height:54px!important;
    grid-template-columns:52px minmax(0,1fr) 50px!important;
    margin:0!important;
    border-radius:11px!important;
  }

  .sike-linked-banner img{
    width:46px!important;
    height:46px!important;
    margin-left:4px!important;
    border-radius:9px!important;
  }

  .sike-linked-banner strong{
    font-size:11px!important;
    line-height:1.02!important;
  }

  .sike-linked-banner span{
    margin-top:3px!important;
    font-size:6px!important;
  }

  .sike-linked-banner>b{
    height:54px!important;
    font-size:22px!important;
  }

  .sike-linked-device.powercell .sike-linked-banner{
    background:
      linear-gradient(100deg,#1c2127 0%,#11151a 67%,#0b0e12 100%)!important;
    border:1px solid #2d3339!important;
  }

  .sike-linked-device.powercell .sike-linked-banner>b{
    font-size:13px!important;
    background:rgba(255,255,255,.025)!important;
  }

  /* Four quick actions stay readable and thumb-friendly */
  .sike-linked-controls,
  .sike-linked-controls.three{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:7px!important;
  }

  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    min-height:52px!important;
    padding:5px 2px!important;
    gap:4px!important;
    border-radius:10px!important;
    background:#1b2026!important;
    border:1px solid #2c3239!important;
    color:#dce0e4!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .14s ease,background .14s ease,border-color .14s ease!important;
  }

  .sike-linked-controls button:active{
    transform:scale(.96)!important;
    background:#252b32!important;
    border-color:#3a424c!important;
  }

  .sike-linked-controls i{
    font-size:15px!important;
    line-height:1!important;
  }

  .sike-linked-controls span{
    font-size:5.8px!important;
    font-weight:750!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Footer links stay available without becoming 3 giant stacked cards */
  .sike-device-deck-footer{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:8px!important;
  }

  .sike-device-deck-footer button{
    min-width:0!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    background:#11151a!important;
    border-color:#292f36!important;
    justify-content:center!important;
    gap:5px!important;
  }

  .sike-device-deck-footer span{
    font-size:5.8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .sike-device-deck-footer em{
    font-size:12px!important;
  }

  /* Tiny visual swipe hint through partial next card */
  .sike-team-devices:after{
    content:""!important;
    flex:0 0 1px!important;
    width:1px!important;
  }
}

/* Extra-small phones: preserve all controls without horizontal page overflow. */
@media(max-width:390px){
  .sike-device-deck{
    padding:9px!important;
    border-radius:17px!important;
  }

  .sike-linked-device{
    flex-basis:82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  .sike-device-deck-footer button{
    min-height:38px!important;
    justify-content:space-between!important;
    padding:0 11px!important;
  }

  .sike-device-deck-footer span{
    font-size:6.4px!important;
  }
}


/* =====================================================================
   SIKE V82 — MOBILE SIKE MUSIC = MUSIC ONLY
   No device tabs, device deck or scanner are visible while Music is open.
   Desktop and Dashboard remain unchanged.
   ===================================================================== */
@media(max-width:760px){
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-device-deck,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) [data-device-scan],
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-ios-device-row,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-ios-device-strip,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-device-picker,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-ios-top-devices{
    display:none!important;
  }

  .sike-ios-view[data-view="music"]:not([hidden]){
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
  }

  .sike-ios-view[data-view="music"]:not([hidden]) .sike-music-fullscreen{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}

@media(max-width:760px){
  body.sike-mobile-music-only .sike-device-deck,
  body.sike-mobile-music-only [data-device-scan],
  body.sike-mobile-music-only .sike-ios-device-row,
  body.sike-mobile-music-only .sike-ios-device-strip,
  body.sike-mobile-music-only .sike-device-picker,
  body.sike-mobile-music-only .sike-ios-top-devices{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V83 — HIDE YOUTUBE API UI
   API remains fully functional; all user-facing API setup/status elements
   are hidden from the SIKE MUSIC interface.
   ===================================================================== */
.sike-music-api-pill,
[data-music-open-settings],
[data-music-api-note],
[data-music-api-status],
[data-music-api-panel],
.sike-music-api-note,
.sike-music-api-settings,
.sike-music-api-modal,
.sike-youtube-api-note,
.sike-youtube-api-settings{
  display:none!important;
}


/* =====================================================================
   SIKE V85 — SIKE MUSIC WITHOUT DEVICE UI (DESKTOP + MOBILE)
   ===================================================================== */
body.sike-music-only-active .sike-app-dashboard-title,
body.sike-music-only-active .sike-ios-device-switcher,
body.sike-music-only-active .sike-device-strip,
body.sike-music-only-active .sike-device-deck,
body.sike-music-only-active [data-open-pair],
body.sike-music-only-active [data-device-scan]{
  display:none!important;
}

body.sike-music-only-active .sike-ios-topbar{
  min-height:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
}

body.sike-music-only-active .sike-ios-shell{
  padding-top:0!important;
}

body.sike-music-only-active .sike-ios-view[data-view="music"],
body.sike-music-only-active .sike-music-fullscreen{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}


/* =====================================================================
   SIKE V86 — MUSIC DISCOVERY
   Recent + Liked + discovery rows under SIKE MUSIC home.
   ===================================================================== */
.sike-music-discovery{
  display:grid;
  gap:28px;
  margin:28px 0 34px;
}
.sike-music-discovery-block{
  min-width:0;
}
.sike-music-discovery-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 13px;
}
.sike-music-discovery-head span{
  display:block;
  margin-bottom:4px;
  color:#ff6847;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.sike-music-discovery-head h4{
  margin:0;
  color:#f7f7f7;
  font-family:var(--display);
  font-size:25px;
  line-height:1;
  letter-spacing:-.04em;
}
.sike-music-discovery-head>button{
  appearance:none;
  border:0;
  background:transparent;
  color:#9299a1;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
  padding:8px 0;
}
.sike-music-discovery-head>button:hover{
  color:#fff;
}
.sike-music-discovery-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  min-width:0;
}
.sike-discovery-card{
  min-width:0;
  padding:9px;
  border:1px solid #20252b;
  border-radius:14px;
  background:linear-gradient(180deg,#15181d,#101216);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.sike-discovery-card:hover{
  transform:translateY(-2px);
  border-color:#313840;
  background:#181c21;
}
.sike-discovery-art{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1/1;
  padding:0;
  border:0;
  border-radius:10px;
  overflow:hidden;
  background:#090b0e;
  cursor:pointer;
}
.sike-discovery-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sike-discovery-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.42));
}
.sike-discovery-art i{
  position:absolute;
  z-index:2;
  right:8px;
  bottom:8px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ff6041;
  color:#fff;
  font-size:10px;
  font-style:normal;
  opacity:0;
  transform:translateY(5px);
  transition:.18s ease;
  box-shadow:0 7px 20px rgba(0,0,0,.28);
}
.sike-discovery-card:hover .sike-discovery-art i{
  opacity:1;
  transform:none;
}
.sike-discovery-title{
  display:block;
  width:100%;
  margin:9px 0 4px;
  padding:0;
  border:0;
  background:transparent;
  color:#f4f5f6;
  font-size:8px;
  line-height:1.25;
  font-weight:850;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.sike-discovery-card>small{
  display:block;
  color:#737b84;
  font-size:6.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sike-music-discovery-empty{
  grid-column:1/-1;
  min-height:88px;
  display:grid;
  place-items:center;
  padding:20px;
  border:1px dashed #252a30;
  border-radius:14px;
  color:#707881;
  font-size:8px;
  text-align:center;
  background:#0c0f12;
}

@media(max-width:1100px){
  .sike-music-discovery-row{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .sike-music-discovery{
    gap:23px;
    margin:22px 0 28px;
  }
  .sike-music-discovery-head{
    margin-bottom:10px;
  }
  .sike-music-discovery-head h4{
    font-size:21px;
  }
  .sike-music-discovery-head span{
    font-size:6px;
  }
  .sike-music-discovery-row{
    display:flex;
    width:calc(100% + 14px);
    margin-right:-14px;
    padding:0 14px 5px 0;
    gap:9px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .sike-music-discovery-row::-webkit-scrollbar{
    display:none;
  }
  .sike-discovery-card{
    flex:0 0 132px;
    width:132px;
    padding:7px;
    scroll-snap-align:start;
  }
  .sike-discovery-art i{
    opacity:1;
    transform:none;
    width:29px;
    height:29px;
    right:6px;
    bottom:6px;
    font-size:8px;
  }
  .sike-discovery-title{
    font-size:7px;
  }
  .sike-discovery-card>small{
    font-size:5.8px;
  }
  .sike-music-discovery-empty{
    flex:0 0 calc(100% - 14px);
    min-height:70px;
  }
}


/* =====================================================================
   SIKE V87 — MOBILE MUSIC DATA SYNC
   Phone uses the exact same Recent / Liked / Discover data and cards as web.
   ===================================================================== */
.sike-discovery-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.sike-discovery-head-actions>small{
  color:#666f78;
  font-size:6px;
  white-space:nowrap;
}
.sike-discovery-head-actions>small b{
  color:#aab0b6;
  font-size:7px;
}
.sike-discovery-head-actions>button{
  appearance:none;
  border:0;
  background:transparent;
  color:#9299a1;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
  padding:8px 0;
}

@media(max-width:760px){
  body.sike-music-only-active .sike-music-discovery{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
  }

  body.sike-music-only-active .sike-music-discovery-block{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  body.sike-music-only-active .sike-music-discovery-row{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.sike-music-only-active .sike-discovery-card{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .sike-discovery-head-actions{
    gap:7px!important;
  }

  .sike-discovery-head-actions>small{
    font-size:5.5px!important;
  }

  .sike-discovery-head-actions>button{
    font-size:6.5px!important;
  }
}


/* SIKE V88 — reliable Music search feedback */
[data-music-search].invalid{
  outline:1px solid rgba(255,86,57,.78)!important;
  box-shadow:0 0 0 3px rgba(255,86,57,.08)!important;
}
.sike-music-placeholder.loading span{
  display:inline-block!important;
  animation:sikeV88SearchSpin .8s linear infinite!important;
}
@keyframes sikeV88SearchSpin{
  to{transform:rotate(360deg)}
}
@media(max-width:760px){
  .sike-music-search-top{
    position:relative!important;
    z-index:20!important;
  }
  .sike-music-search-top input,
  .sike-music-search-top button{
    pointer-events:auto!important;
  }
}


/* SIKE V89 — search results always before Recent / Liked / Discover */
[data-music-search-results-section]{
  margin-top:24px!important;
  margin-bottom:28px!important;
}
[data-music-search-results-section] + [data-music-discovery]{
  margin-top:0!important;
}
@media(max-width:760px){
  [data-music-search-results-section]{
    margin-top:18px!important;
    margin-bottom:24px!important;
    scroll-margin-top:64px!important;
  }
}


/* SIKE V90 — fixed Liked Songs + playlists */
[data-music-like-current].active{
  color:#ff5361!important;
}
[data-music-demo-playlist],
[data-music-filter]{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
[data-music-demo-playlist]:active,
[data-music-filter]:active{
  transform:scale(.98);
}


/* ==================================================================
   SIKE V91 — UPDATED HOME HERO IMAGE / BANNER
   Uses the current SIKE ONE product visual while preserving V90.
   ================================================================== */
.hero-v2-bg{
  background-image:url('../img/hero-sike-one-v91.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:scale(1.012);
  animation:sikeV91HeroDrift 14s ease-in-out infinite alternate;
}
@keyframes sikeV91HeroDrift{
  from{transform:scale(1.012) translate3d(0,0,0)}
  to{transform:scale(1.035) translate3d(-8px,-3px,0)}
}
.hero-v91-product-badge{
  position:absolute;
  z-index:3;
  right:5.2%;
  top:18%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  background:rgba(6,8,11,.56);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  color:#aeb3b9;
  font-size:7px;
  letter-spacing:.12em;
  box-shadow:0 12px 40px rgba(0,0,0,.20);
}
.hero-v91-product-badge i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#39d98a;
  box-shadow:0 0 12px rgba(57,217,138,.65);
}
.hero-v91-product-badge span{
  color:#fff;
  font-weight:900;
}
.hero-v91-product-badge b{
  color:#6e747c;
  font-weight:800;
}
@media(max-width:1000px){
  .hero-v2-bg{background-position:58% center!important}
  .hero-v91-product-badge{right:3%;top:16%}
}
@media(max-width:720px){
  .hero-v2-bg{
    background-position:63% center!important;
    animation:none!important;
    transform:none!important;
  }
  .hero-v91-product-badge{
    top:14px;
    left:20px;
    right:auto;
    padding:7px 9px;
    font-size:6px;
  }
  .hero-v91-product-badge b{display:none}
}


/* =====================================================================
   SIKE V93 — STANDARD GRILLE: NO LED GLOW
   The standard grille is a passive grille and must stay visually unlit.
   ===================================================================== */
.lab-grille::before,
.lab-grille:before{
  background:transparent!important;
  opacity:0!important;
  filter:none!important;
  animation:none!important;
  box-shadow:none!important;
}

/* Legacy/default builder grille safety */
.builder-grille-light{
  display:none!important;
  opacity:0!important;
  background:transparent!important;
  animation:none!important;
}

.standard-grille-lighting-v93 [data-lab-light]:disabled{
  opacity:.28!important;
  cursor:not-allowed!important;
  filter:saturate(0)!important;
}
.standard-grille-lighting-v93 [data-lab-light="off"]{
  opacity:1!important;
}


/* =====================================================================
   SIKE V94 — REMOVE REMAINING GRILLE GLOW IN SIKE APP
   Standard grille is physically opaque: stage/background glow must not bleed through.
   ===================================================================== */
.lab-grille{
  background:#08090b!important;
}
.lab-grille::before,
.lab-grille:before{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
  filter:none!important;
  box-shadow:none!important;
}
.lab-grille .grille-mesh,
.grille-mesh{
  background-color:#08090b!important;
  background-image:radial-gradient(#4a4d54 1.2px,transparent 1.3px)!important;
  background-size:7px 7px!important;
  box-shadow:
    inset 0 0 65px #000,
    inset 0 0 0 999px rgba(8,9,11,.02)!important;
  opacity:1!important;
}

/* SIKE App embedded model: no orange/red halo can visually shine through grille. */
.sike-builder-live-frame + *,
.sike-ios-halo{
  pointer-events:none;
}


/* =====================================================================
   SIKE V95 — NO LIGHT AROUND SPEAKER / NO GRILLE FLASH
   Music may move the real speaker drivers, but the standard grille and
   cabinet area must NEVER flash white/orange. Light is limited to:
   1) physical control panel LEDs
   2) POWERCELL / battery indicators
   ===================================================================== */

/* Kill the white/orange music-reactive grille pressure overlay completely. */
.lab-cabinet.sike-audio-playing .lab-grille::after,
.lab-cabinet.sike-audio-playing .lab-grille:after,
.lab-grille::after,
.lab-grille:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  animation:none!important;
  box-shadow:none!important;
}

/* Standard grille remains visually static while music plays. */
.lab-cabinet.sike-audio-playing .grille-mesh,
.lab-cabinet .grille-mesh,
.grille-mesh{
  animation:none!important;
  transform:none!important;
  filter:none!important;
  background-position:0 0!important;
  background-color:#08090b!important;
}

/* Remove the orange/white halo that pulsed around the whole speaker in SIKE App. */
.device-playing-music .sike-builder-live-stage::before,
.device-playing-music .sike-builder-live-stage:before,
.sike-builder-live-stage::before,
.sike-builder-live-stage:before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  animation:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* The decorative stage halo must stay neutral/static, never music reactive. */
.sike-ios-halo,
.device-playing-music .sike-ios-halo{
  animation:none!important;
  opacity:.18!important;
  filter:none!important;
  background:radial-gradient(circle,rgba(255,91,49,.045),transparent 67%)!important;
}

/* Remove any speaker-body or cabinet glow caused by playback classes. */
.device-playing-music .lab-speaker,
.device-playing-music .lab-cabinet,
.lab-cabinet.sike-audio-playing{
  box-shadow:none!important;
  filter:none!important;
}

/* Keep actual cone/driver excursion active. These are movement only, no light. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  opacity:1!important;
}

/* Driver animation must not brighten with the beat. */
.lab-cabinet.sike-audio-playing .driver-frame,
.lab-cabinet.sike-audio-playing .driver-cone,
.lab-cabinet.sike-audio-playing .driver-cap{
  filter:none!important;
}

/* Explicitly preserve the only permitted lights. */
.lab-control-panel,
.control-panel,
.side-control,
[data-control-panel],
.battery-led,
.powercell-led,
[data-pc-led],
[data-powercell-led],
.side-battery i{
  visibility:visible!important;
}

/* No animation-based lighting around the cabinet, front, grille or corners. */
.lab-cabinet.sike-audio-playing .cab-front,
.lab-cabinet.sike-audio-playing .cab-front-inset,
.lab-cabinet.sike-audio-playing .lab-ball-corner,
.lab-cabinet.sike-audio-playing .lab-grille{
  animation:none!important;
  filter:none!important;
  box-shadow:none!important;
}


/* =====================================================================
   SIKE V98 — V95 EXACT LAYOUT + GRILLE TOGGLE
   ===================================================================== */
.sike-grille-visual-toggle-v98{
  position:absolute!important;
  z-index:20!important;
  left:14px!important;
  top:14px!important;
  height:34px!important;
  min-width:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(10,12,15,.84)!important;
  color:#7d858e!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
  transition:transform .14s ease,border-color .14s ease,color .14s ease,background .14s ease!important;
}
.sike-grille-visual-toggle-v98:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}
.sike-grille-visual-toggle-v98:active{
  transform:scale(.97)!important;
}
.sike-grille-visual-toggle-v98.active{
  color:#fff!important;
  background:rgba(24,17,15,.90)!important;
  border-color:rgba(255,103,63,.34)!important;
}
.sike-grille-visual-toggle-v98 b{
  font-size:6.5px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.sike-grille-grid-icon{
  width:16px!important;
  height:16px!important;
  display:block!important;
  border-radius:3px!important;
  background:
    radial-gradient(circle,#fff 1.2px,transparent 1.4px) 0 0/5px 5px!important;
  opacity:.9!important;
}

.lab-grille.sike-grille-visual-off{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
}

/* V95 safety: the grille toggle never affects the product/camera/stage geometry. */
.sike-builder-live-stage,
.sike-builder-live-frame,
.lab-scene,
.lab-speaker{
  transform-origin:center center;
}

@media(max-width:720px){
  .sike-grille-visual-toggle-v98{
    left:10px!important;
    top:10px!important;
    width:34px!important;
    min-width:34px!important;
    padding:0!important;
  }
  .sike-grille-visual-toggle-v98 b{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V99 — CENTER LIVE BUILDER BADGE + WORKING GRILLE TOGGLE
   Exact V95 product/stage sizing remains untouched.
   ===================================================================== */

.sike-builder-live-badge{
  left:50%!important;
  right:auto!important;
  top:14px!important;
  transform:translateX(-50%)!important;
  z-index:22!important;
}

/* Put grille button next to the centered badge, not in the corner. */
.sike-grille-visual-toggle-v98{
  left:calc(50% - 178px)!important;
  right:auto!important;
  top:14px!important;
  z-index:24!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* When grille visual is disabled, absolutely nothing from the grille remains. */
.lab-grille.sike-grille-visual-off{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:720px){
  .sike-builder-live-badge{
    left:50%!important;
    top:10px!important;
    transform:translateX(-50%) scale(.92)!important;
    transform-origin:top center!important;
  }
  .sike-grille-visual-toggle-v98{
    left:10px!important;
    top:10px!important;
  }
}


/* =====================================================================
   SIKE V100 — CENTERED MODEL CONTROL BAR
   Keep exact V95 stage/product geometry; controls float above the product.
   ===================================================================== */
.sike-model-top-controls-v100{
  position:absolute!important;
  z-index:30!important;
  left:50%!important;
  top:14px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  pointer-events:none!important;
}

.sike-model-top-controls-v100 .sike-grille-visual-toggle-v98,
.sike-model-top-controls-v100 .sike-builder-live-badge{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
}

.sike-model-top-controls-v100 .sike-grille-visual-toggle-v98{
  pointer-events:auto!important;
  flex:0 0 auto!important;
}

.sike-model-top-controls-v100 .sike-builder-live-badge{
  pointer-events:none!important;
  flex:0 0 auto!important;
}

/* Prevent legacy V98/V99 absolute rules from pulling controls back onto the grille. */
.sike-builder-live-stage > .sike-builder-live-badge,
.sike-builder-live-stage > .sike-grille-visual-toggle-v98{
  display:none!important;
}

/* Keep top controls visually separated from the speaker without altering model size. */
.sike-model-top-controls-v100{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.16));
}

@media(max-width:720px){
  .sike-model-top-controls-v100{
    top:10px!important;
    gap:6px!important;
    max-width:calc(100% - 20px)!important;
  }

  .sike-model-top-controls-v100 .sike-builder-live-badge{
    transform:scale(.90)!important;
    transform-origin:center center!important;
  }

  .sike-model-top-controls-v100 .sike-grille-visual-toggle-v98{
    width:34px!important;
    min-width:34px!important;
    padding:0!important;
  }

  .sike-model-top-controls-v100 .sike-grille-visual-toggle-v98 b{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V103 — RELIABLE TRACK PLAYBACK + ARTIST SEARCH PROFILES
   ===================================================================== */
.sike-music-artist-profile[hidden]{display:none!important}
.sike-music-artist-profile{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid #242a30!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(255,83,55,.12),transparent 34%),
    linear-gradient(135deg,#15191e,#0d1014)!important;
}
.sike-artist-avatar{
  width:78px!important;
  height:78px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#20252b!important;
  display:grid!important;
  place-items:center!important;
}
.sike-artist-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.sike-artist-avatar span{
  font-family:var(--display)!important;
  font-size:32px!important;
  color:#fff!important;
}
.sike-artist-copy{min-width:0!important}
.sike-artist-copy small{
  display:block!important;
  margin-bottom:4px!important;
  color:#ff6041!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.sike-artist-copy h3{
  margin:0 0 5px!important;
  color:#fff!important;
  font-family:var(--display)!important;
  font-size:26px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-artist-copy p{
  margin:0!important;
  color:#808891!important;
  font-size:7px!important;
}
.sike-artist-actions{
  display:flex!important;
  gap:7px!important;
}
.sike-artist-actions button{
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #31363d!important;
  border-radius:10px!important;
  background:#14181d!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.sike-artist-actions button.primary{
  background:#ff5b3d!important;
  border-color:#ff5b3d!important;
}

/* Every dynamic music play target must always receive input. */
[data-track-key],
[data-queue-track-key]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  cursor:pointer!important;
}

@media(max-width:760px){
  .sike-music-artist-profile{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    padding:11px!important;
  }
  .sike-artist-avatar{
    width:58px!important;height:58px!important;
  }
  .sike-artist-copy h3{
    font-size:20px!important;
  }
  .sike-artist-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .sike-artist-actions button{
    width:100%!important;
  }
}


/* =====================================================================
   SIKE V104 — SITEWIDE SIKE MUSIC CONTINUITY
   Shows the current track on index / marketplace / product / app / etc.
   ===================================================================== */
.sike-sitewide-player[hidden]{display:none!important}
.sike-sitewide-player{
  position:fixed!important;
  z-index:11000!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  height:70px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto auto 34px!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:17px!important;
  background:rgba(5,7,9,.965)!important;
  color:#fff!important;
  box-shadow:0 18px 55px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  transition:transform .22s ease,opacity .18s ease!important;
}
.sike-sitewide-cover{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:#15191e!important;
}
.sike-sitewide-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.sike-sitewide-meta{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}
.sike-sitewide-meta small{
  display:block!important;
  color:#ff6944!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.sike-sitewide-meta strong,
.sike-sitewide-meta span{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.sike-sitewide-meta strong{
  margin-top:3px!important;
  font-size:9px!important;
  font-weight:900!important;
}
.sike-sitewide-meta span{
  margin-top:2px!important;
  color:#727b84!important;
  font-size:6.5px!important;
}
.sike-sitewide-controls{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
.sike-sitewide-controls button,
.sike-sitewide-close{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #282e35!important;
  border-radius:10px!important;
  background:#101419!important;
  color:#929aa4!important;
  cursor:pointer!important;
}
.sike-sitewide-controls button.main{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#f5f4ef!important;
  color:#101215!important;
  border-color:#f5f4ef!important;
  font-weight:900!important;
}
.sike-sitewide-status{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#8e969f!important;
  font-size:6px!important;
  white-space:nowrap!important;
}
.sike-sitewide-status i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34da8b!important;
  box-shadow:0 0 12px rgba(52,218,139,.42)!important;
}
.sike-sitewide-close{
  width:30px!important;
  height:30px!important;
}
.sike-sitewide-audio-frame{
  position:fixed!important;
  left:-9999px!important;
  top:-9999px!important;
  width:2px!important;
  height:2px!important;
  opacity:.001!important;
  pointer-events:none!important;
}
.sike-sitewide-player.is-minimized{
  left:auto!important;
  width:64px!important;
  grid-template-columns:1fr!important;
  overflow:hidden!important;
}
.sike-sitewide-player.is-minimized > *:not(.sike-sitewide-cover){
  display:none!important;
}
.sike-sitewide-player.is-minimized .sike-sitewide-cover{
  width:46px!important;
  height:46px!important;
  margin:auto!important;
}
body.sike-sitewide-music-active{
  padding-bottom:82px;
}

@media(max-width:760px){
  .sike-sitewide-player{
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    height:64px!important;
    grid-template-columns:44px minmax(0,1fr) auto 28px!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:15px!important;
  }
  .sike-sitewide-cover{
    width:44px!important;
    height:44px!important;
    border-radius:9px!important;
  }
  .sike-sitewide-controls button:not(.main){
    display:none!important;
  }
  .sike-sitewide-controls button.main{
    width:38px!important;
    height:38px!important;
  }
  .sike-sitewide-status{
    display:none!important;
  }
  .sike-sitewide-close{
    width:27px!important;
    height:27px!important;
  }
  .sike-sitewide-meta strong{
    font-size:7.5px!important;
  }
  body.sike-sitewide-music-active{
    padding-bottom:76px!important;
  }
}

/* Full SIKE App keeps using its own player, never the footer duplicate. */
body:has([data-sike-music]) .sike-sitewide-player{
  display:none!important;
}


/* =====================================================================
   SIKE V105 — PERFORMANCE / RENDER CONTAINMENT
   ===================================================================== */

/* Let the browser skip layout/paint for heavy content far below the viewport. */
.site-footer,
.market-section,
.related-products,
.story-section,
.help-section,
.sike-music-discovery,
.sike-device-deck,
.sike-live-analytics{
  content-visibility:auto;
  contain-intrinsic-size:auto 700px;
}

/* GPU-stable transforms for the few elements that actually animate. */
.hero-v2-bg,
.sike-sitewide-player,
.sike-global-player,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Avoid expensive transition/animation work in background tabs. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
  }
}


/* =====================================================================
   SIKE V106 — COMPACT SITEWIDE PLAYER + REOPENABLE MINI MODE
   ===================================================================== */
.sike-sitewide-player{
  left:16px!important;
  right:16px!important;
  bottom:10px!important;
  height:58px!important;
  grid-template-columns:42px minmax(0,1fr) auto auto 28px!important;
  gap:8px!important;
  padding:6px 8px!important;
  border-radius:14px!important;
  background:rgba(5,7,10,.975)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.34)!important;
}

.sike-sitewide-cover{
  width:42px!important;
  height:42px!important;
  border-radius:9px!important;
  cursor:default!important;
  outline:none!important;
}
.sike-sitewide-cover:focus-visible{
  box-shadow:0 0 0 2px rgba(255,92,58,.48)!important;
}

.sike-sitewide-meta small{
  font-size:5.5px!important;
  margin-bottom:1px!important;
}
.sike-sitewide-meta strong{
  font-size:8px!important;
  line-height:1.15!important;
}
.sike-sitewide-meta span{
  font-size:5.8px!important;
  margin-top:1px!important;
}

.sike-sitewide-controls{
  gap:3px!important;
}
.sike-sitewide-controls button{
  width:29px!important;
  height:29px!important;
  border-radius:9px!important;
  font-size:8px!important;
}
.sike-sitewide-controls button.main{
  width:36px!important;
  height:36px!important;
  font-size:11px!important;
  box-shadow:none!important;
}

.sike-sitewide-status{
  font-size:5.5px!important;
  gap:5px!important;
}
.sike-sitewide-status i{
  width:6px!important;
  height:6px!important;
}
.sike-sitewide-close{
  width:26px!important;
  height:26px!important;
  border-radius:9px!important;
  font-size:11px!important;
}

/* Mini mode: always obvious that the cover can reopen the player. */
.sike-sitewide-player.is-minimized{
  left:auto!important;
  right:16px!important;
  width:56px!important;
  height:56px!important;
  padding:6px!important;
  grid-template-columns:1fr!important;
  border-radius:16px!important;
  overflow:visible!important;
  background:rgba(7,9,12,.98)!important;
  border-color:rgba(255,98,60,.18)!important;
  box-shadow:
    0 14px 35px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.03)!important;
}
.sike-sitewide-player.is-minimized > *:not(.sike-sitewide-cover){
  display:none!important;
}
.sike-sitewide-player.is-minimized .sike-sitewide-cover{
  width:44px!important;
  height:44px!important;
  margin:0!important;
  cursor:pointer!important;
  border-radius:11px!important;
  position:relative!important;
}
.sike-sitewide-player.is-minimized .sike-sitewide-cover::after{
  content:"↗"!important;
  position:absolute!important;
  right:-5px!important;
  top:-5px!important;
  width:17px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#ff5d3b!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  border:2px solid #090b0e!important;
  box-shadow:0 4px 12px rgba(0,0,0,.35)!important;
}
.sike-sitewide-player.is-minimized .sike-sitewide-cover:hover{
  transform:scale(1.035)!important;
}

/* Keep page padding small with the compact bar. */
body.sike-sitewide-music-active{
  padding-bottom:70px!important;
}

@media(max-width:760px){
  .sike-sitewide-player{
    left:8px!important;
    right:8px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    height:56px!important;
    grid-template-columns:40px minmax(0,1fr) auto 25px!important;
    gap:6px!important;
    padding:5px 6px!important;
    border-radius:13px!important;
  }

  .sike-sitewide-cover{
    width:40px!important;
    height:40px!important;
    border-radius:8px!important;
  }

  .sike-sitewide-meta strong{
    font-size:7px!important;
  }
  .sike-sitewide-meta small{
    font-size:5px!important;
  }
  .sike-sitewide-meta span{
    font-size:5.3px!important;
  }

  .sike-sitewide-controls button.main{
    width:34px!important;
    height:34px!important;
  }
  .sike-sitewide-close{
    width:24px!important;
    height:24px!important;
  }

  .sike-sitewide-player.is-minimized{
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:52px!important;
    height:52px!important;
    padding:5px!important;
    border-radius:15px!important;
  }
  .sike-sitewide-player.is-minimized .sike-sitewide-cover{
    width:40px!important;
    height:40px!important;
  }

  body.sike-sitewide-music-active{
    padding-bottom:66px!important;
  }
}


/* =====================================================================
   SIKE V107 — PLAYER CONTROLS ALWAYS PERFECTLY CENTERED
   The play/pause transport is centered to the viewport on every page,
   regardless of title length, footer columns, cart, chat, or status width.
   ===================================================================== */

.sike-sitewide-player{
  position:fixed!important;
}

/* Remove controls from grid-flow so asymmetric left/right content can't push them. */
.sike-sitewide-player .sike-sitewide-controls{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
}

/* Protect space around the centered transport from long song titles. */
.sike-sitewide-player .sike-sitewide-meta{
  max-width:calc(50vw - 145px)!important;
  padding-right:8px!important;
}

.sike-sitewide-player .sike-sitewide-status{
  justify-self:end!important;
}

.sike-sitewide-player .sike-sitewide-close{
  justify-self:end!important;
}

/* Minimized mode has no transport and remains reopenable from the cover. */
.sike-sitewide-player.is-minimized .sike-sitewide-controls{
  display:none!important;
}

/* SIKE App / SIKE MUSIC full-width player: center transport to screen too. */
.sike-global-player,
.sike-ios-global-player,
.sike-music-global-player{
  position:fixed!important;
}
.sike-global-player .sike-global-player-controls,
.sike-ios-global-player .sike-global-player-controls,
.sike-music-global-player .sike-global-player-controls,
.sike-global-player [data-global-player-controls],
.sike-ios-global-player [data-global-player-controls]{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:20!important;
}

/* Main SIKE MUSIC playerbar transport is also viewport-centered. */
.sike-music-playerbar{
  position:relative!important;
}
.sike-music-playerbar .sike-music-transport{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:25!important;
  width:auto!important;
  margin:0!important;
}

/* Mobile: preserve true center even when only the play/pause button is shown. */
@media(max-width:760px){
  .sike-sitewide-player .sike-sitewide-controls{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }

  .sike-sitewide-player .sike-sitewide-meta{
    max-width:calc(50vw - 68px)!important;
  }

  .sike-music-playerbar .sike-music-transport{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}


/* =====================================================================
   SIKE V108 — TRUE CENTER FIX FOR THE ACTUAL SIKE APP PLAYER
   V107 centered the sitewide player, but SIKE App uses
   .sike-global-music-player. This layer targets the real player.
   ===================================================================== */

/* SIKE APP persistent player */
.sike-global-music-player{
  position:fixed!important;
}

.sike-global-music-player:not(.is-minimized) .sike-global-player-controls{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:50!important;
  width:auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}

/* Left track info may never push the center controls. */
.sike-global-music-player:not(.is-minimized) .sike-global-player-track{
  max-width:calc(50vw - 120px)!important;
  min-width:0!important;
}

/* Right output stays pinned right and cannot influence true center. */
.sike-global-music-player:not(.is-minimized) .sike-global-player-output{
  position:relative!important;
  justify-self:end!important;
  z-index:10!important;
}

/* Keep mini mode exactly as before. */
.sike-global-music-player.is-minimized .sike-global-player-controls{
  display:none!important;
}

/* SIKE MUSIC fullscreen playerbar */
.sike-music-playerbar .sike-music-transport{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:60!important;
  width:auto!important;
  margin:0!important;
}

/* Sitewide footer player */
.sike-sitewide-player:not(.is-minimized) .sike-sitewide-controls{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:60!important;
}

/* Mobile uses exactly the same viewport midpoint. */
@media(max-width:760px){
  .sike-global-music-player:not(.is-minimized) .sike-global-player-controls{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    gap:0!important;
  }

  .sike-global-music-player:not(.is-minimized) .sike-global-player-track{
    max-width:calc(50vw - 54px)!important;
  }

  .sike-music-playerbar .sike-music-transport,
  .sike-sitewide-player:not(.is-minimized) .sike-sitewide-controls{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}


/* =====================================================================
   SIKE V109 — GRILLE VISIBILITY ONLY VIA GRILL TOGGLE
   Holding, clicking or dragging the 3D model must never hide the grille.
   ===================================================================== */

.lab-grille,
.lab-grille:active,
.lab-grille.dragging-part,
.sike-model-interacting .lab-grille,
.lab-scene.dragging .lab-grille{
  /* V110: fixed front-plane depth. Never dragged, but always physically in front. */
  transform:translateZ(calc(var(--depth)/2 + 7px))!important;
  transition:opacity .16s ease!important;
}

/* The only legitimate hidden state. */
.lab-grille.sike-grille-visual-off{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Otherwise grille is always present, including while rotating/holding mouse. */
.lab-grille:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Grille is no longer advertised as draggable/removable. */
.lab-grille:not(.sike-grille-visual-off){
  cursor:default!important;
}


/* =====================================================================
   SIKE V110 — GRILLE RESTORE / FIXED FRONT PLANE
   ===================================================================== */
.lab-grille:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateZ(calc(var(--depth)/2 + 7px))!important;
  z-index:15!important;
}

.lab-grille:not(.sike-grille-visual-off) .grille-mesh{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background-color:#08090b!important;
  background-image:radial-gradient(#4a4d54 1.2px,transparent 1.3px)!important;
  background-size:7px 7px!important;
}

.lab-grille.sike-grille-visual-off{
  display:none!important;
}

/* Holding / rotating the model never changes grille visibility or depth. */
.sike-model-interacting .lab-grille:not(.sike-grille-visual-off),
.lab-scene.dragging .lab-grille:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:translateZ(calc(var(--depth)/2 + 7px))!important;
}


/* =====================================================================
   SIKE V111 — BUILDER GRILLE DRAG + QUICK TOGGLE
   ===================================================================== */
body:not(.sike-app-embed) .lab-grille:not(.sike-grille-visual-off){
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px)))!important;
}

.lab-view-buttons .lab-grille-quick-toggle{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#8c939c!important;
}
.lab-view-buttons .lab-grille-quick-toggle.active{
  color:#fff!important;
  background:#15191e!important;
}
.lab-grille-toggle-dots{
  width:13px!important;
  height:13px!important;
  display:block!important;
  background:radial-gradient(circle,currentColor 1px,transparent 1.2px) 0 0/4px 4px!important;
  opacity:.9!important;
}
.lab-view-buttons .lab-grille-quick-toggle:not(.active) .lab-grille-toggle-dots{
  opacity:.35!important;
}
body:not(.sike-app-embed) .lab-grille.dragging-part:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  cursor:grabbing!important;
}
.sike-app-embed .lab-grille:not(.sike-grille-visual-off){
  transform:translateZ(calc(var(--depth)/2 + 7px))!important;
  cursor:default!important;
}


/* =====================================================================
   SIKE V112 — GRILLE QUICK BUTTON IN TOP VIEW ROW
   ===================================================================== */
@media(min-width:621px){
  .lab-view-buttons{
    flex-wrap:nowrap!important;
    max-width:none!important;
    width:max-content!important;
    overflow:visible!important;
    justify-content:flex-start!important;
  }

  .lab-view-buttons button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .lab-view-buttons .lab-grille-quick-toggle{
    order:-1!important;
    border-right:1px solid rgba(255,255,255,.12)!important;
  }
}

/* Mobile/tablet: keep every visible button on the same top row too.
   SERVICE is already hidden by the existing mobile rules, leaving 7 controls. */
@media(max-width:620px){
  .lab-view-buttons{
    max-width:none!important;
    width:calc(100% - 28px)!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    overflow:hidden!important;
  }

  .lab-view-buttons .lab-grille-quick-toggle{
    order:-1!important;
    justify-content:center!important;
    gap:3px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }

  .lab-view-buttons .lab-grille-quick-toggle .lab-grille-toggle-dots{
    width:10px!important;
    height:10px!important;
    background-size:3px 3px!important;
  }
}

@media(max-width:390px){
  .lab-view-buttons .lab-grille-quick-toggle{
    font-size:0!important;
  }
  .lab-view-buttons .lab-grille-quick-toggle .lab-grille-toggle-dots{
    margin:auto!important;
  }
}


/* =====================================================================
   SIKE V113 — SIKE APP GRILLE DRAG + CLEAN TOGGLE
   ===================================================================== */

/* Single clean toggle centered above the 3D product; LIVE BUILDER badge removed. */
.sike-model-top-controls-v113{
  left:50%!important;
  right:auto!important;
  top:14px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  display:flex!important;
  justify-content:center!important;
}
.sike-model-top-controls-v113 .sike-grille-visual-toggle-v98{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
}

/* The app iframe grille is physically removable again. */
.sike-app-embed .lab-grille:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px)))!important;
  cursor:ew-resize!important;
}

/* Dragging never means "hide"; it only changes physical pull distance. */
.sike-app-embed .lab-grille.dragging-part:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  cursor:grabbing!important;
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px)))!important;
}

/* The toggle is the ONLY thing that fully hides the visual. */
.sike-app-embed .lab-grille.sike-grille-visual-off,
.lab-grille.sike-grille-visual-off{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Do not show any legacy LIVE BUILDER badge in the SIKE App product stage. */
.sike-builder-live-stage .sike-builder-live-badge{
  display:none!important;
}

@media(max-width:720px){
  .sike-model-top-controls-v113{
    top:10px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
}


/* =====================================================================
   SIKE V114 — ONE GRILLE BUTTON IN SIKE APP + CLICK FIX
   ===================================================================== */

/* Hide builder.php's own quick grille button only inside the SIKE App iframe.
   This removes the duplicate. Normal builder.php still keeps its button. */
.sike-app-embed .lab-view-buttons .lab-grille-quick-toggle{
  display:none!important;
}

/* The SIKE App's single GRILL button must always be above the iframe and clickable. */
.sike-builder-live-stage{
  isolation:isolate!important;
}
.sike-model-top-controls-v113{
  position:absolute!important;
  left:50%!important;
  top:14px!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:500!important;
  width:max-content!important;
  pointer-events:none!important;
}
.sike-model-top-controls-v113 .sike-grille-visual-toggle-v98{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:501!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

/* Embedded 3D frame stays below the app control. */
.sike-builder-live-stage .sike-builder-live-frame{
  position:relative!important;
  z-index:2!important;
}

/* Grille can be physically pulled out in SIKE App as well. */
.sike-app-embed .lab-grille:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:ew-resize!important;
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px)))!important;
}
.sike-app-embed .lab-grille.dragging-part:not(.sike-grille-visual-off){
  cursor:grabbing!important;
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px)))!important;
}

/* Only the outer GRILL toggle may fully hide the grille. */
.sike-app-embed .lab-grille.sike-grille-visual-off{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* No LIVE BUILDER badge/icon in SIKE App. */
.sike-builder-live-stage .sike-builder-live-badge{
  display:none!important;
}

@media(max-width:720px){
  .sike-model-top-controls-v113{
    top:10px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
}


/* =====================================================================
   SIKE V115 — ONE REAL GRILLE CONTROL IN SIKE APP
   Old floating GRILL button removed.
   The working toolbar GRILLE button inside the 3D model is now the only control.
   ===================================================================== */

/* Never render any legacy floating app grille control. */
.sike-model-top-controls-v113,
.sike-model-top-controls-v100 .sike-grille-visual-toggle-v98,
.sike-builder-live-stage > .sike-grille-visual-toggle-v98{
  display:none!important;
}

/* In SIKE App iframe, show the actual builder toolbar GRILLE button. */
.sike-app-embed .lab-view-buttons .lab-grille-quick-toggle{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

/* Keep it in the same top toolbar row before FRONT. */
.sike-app-embed .lab-view-buttons{
  z-index:60!important;
}
.sike-app-embed .lab-view-buttons .lab-grille-quick-toggle{
  order:-1!important;
  flex:0 0 auto!important;
}

/* When hidden by the toolbar toggle, only the grille disappears. */
.sike-app-embed .lab-grille.sike-grille-visual-off{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* When visible, the grille still supports physical pull-out in SIKE App. */
.sike-app-embed .lab-grille:not(.sike-grille-visual-off){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:ew-resize!important;
  transform:translateZ(calc(var(--depth)/2 + 7px + var(--pull-grille,0px)))!important;
}
.sike-app-embed .lab-grille.dragging-part:not(.sike-grille-visual-off){
  cursor:grabbing!important;
}

/* No LIVE BUILDER badge/icon in SIKE App. */
.sike-builder-live-stage .sike-builder-live-badge{
  display:none!important;
}


/* =====================================================================
   SIKE V122 — CENTER 3D VIEW TOOLBAR
   Focus only: GRILLE / FRONT / ANGLE / SIDE / BACK / TOP / BOTTOM /
   PRODUCTS move to the top center of the 3D stage.
   ===================================================================== */

@media(min-width:721px){
  .sike-builder-live-stage{
    position:relative!important;
  }

  .sike-builder-live-stage .lab-view-buttons{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:12px!important;
    transform:translateX(-50%)!important;
    z-index:90!important;
    width:max-content!important;
    max-width:calc(100% - 28px)!important;
    margin:0!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
  }

  .sike-builder-live-stage .lab-view-buttons button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

/* Ensure the embedded builder toolbar itself is centered inside SIKE App. */
.sike-app-embed .lab-view-buttons{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:10px!important;
  transform:translateX(-50%)!important;
  z-index:80!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  margin:0!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
}

/* Keep PRODUCTS on the same centered row. */
.sike-app-embed .lab-view-buttons .lab-products-menu,
.sike-app-embed .lab-view-buttons [data-products-toggle],
.sike-app-embed .lab-view-buttons .lab-products-button{
  flex:0 0 auto!important;
}

/* Mobile/tablet: still centered, compact and scroll-safe if needed. */
@media(max-width:720px){
  .sike-app-embed .lab-view-buttons{
    left:50%!important;
    top:8px!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-app-embed .lab-view-buttons::-webkit-scrollbar{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V123 — MOVE 3D TOOLBAR HIGHER
   Focus only: GRILLE / FRONT / ANGLE / SIDE / BACK / TOP / BOTTOM /
   SERVICE / PRODUCTS sit higher above the speaker.
   ===================================================================== */

/* Full embedded builder toolbar inside SIKE App */
.sike-app-embed .lab-view-buttons{
  top:-6px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:100!important;
}

/* If the outer stage ever renders/positions the same toolbar, keep it aligned too. */
@media(min-width:721px){
  .sike-builder-live-stage .lab-view-buttons{
    top:-4px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* Slightly less aggressive on mobile so it stays inside the stage. */
@media(max-width:720px){
  .sike-app-embed .lab-view-buttons{
    top:2px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
}


/* =====================================================================
   SIKE V124 — 2D VISUAL VOLUME CONTROL PANEL
   Clean polymer/glass UI: NO metal plate, NO USB, NO USB-C.
   ===================================================================== */
.sike-v124-volume-card{
  overflow:hidden!important;
}

.sike-v124-volume-panel{
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  margin:10px 0 12px!important;
  padding:14px 16px!important;
  min-height:132px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,89,55,.10),transparent 38%),
    linear-gradient(145deg,#0b0e12 0%,#11151a 58%,#0a0d10 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -18px 34px rgba(0,0,0,.2)!important;
}

/* Flat 2D dial: no metal textures, bolts or port shapes. */
.sike-v124-volume-dial{
  position:relative!important;
  width:108px!important;
  height:108px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  outline:none!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}
.sike-v124-volume-dial:active{cursor:grabbing!important}
.sike-v124-volume-dial:focus-visible{
  box-shadow:0 0 0 2px rgba(255,95,61,.34)!important;
}

.sike-v124-led-ring{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.sike-v124-led-ring i{
  --a:calc(var(--n) * 15deg);
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  margin:-2.5px!important;
  border-radius:50%!important;
  background:#252b31!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;
  transform:rotate(var(--a)) translateY(-50px)!important;
  transform-origin:center!important;
  transition:background .12s ease,box-shadow .12s ease,opacity .12s ease!important;
}
.sike-v124-led-ring i.is-active{
  background:#ff633f!important;
  box-shadow:0 0 5px rgba(255,99,63,.95),0 0 12px rgba(255,70,45,.45)!important;
}
.sike-v124-led-ring i.is-peak{
  background:#fff!important;
  box-shadow:0 0 7px rgba(255,255,255,.85),0 0 16px rgba(255,100,70,.6)!important;
}

.sike-v124-dial-face{
  position:relative!important;
  z-index:2!important;
  width:72px!important;
  height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 38% 32%,#242a31 0%,#14191f 42%,#090c10 100%)!important;
  border:1px solid #323942!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.35)!important;
}
.sike-v124-dial-face b{
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.sike-v124-dial-face small{
  margin-top:3px!important;
  color:#707a84!important;
  font-size:5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.sike-v124-dial-mark{
  position:absolute!important;
  left:50%!important;
  top:5px!important;
  width:2px!important;
  height:9px!important;
  border-radius:2px!important;
  background:#ff6542!important;
  box-shadow:0 0 6px rgba(255,101,66,.8)!important;
  transform-origin:50% 31px!important;
  transform:translateX(-50%) rotate(var(--volume-angle,-135deg))!important;
  transition:transform .11s ease-out!important;
}

.sike-v124-volume-meter{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.sike-v124-meter-label{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}
.sike-v124-meter-label span{
  color:#69737d!important;
  font-size:5.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.sike-v124-meter-label b{
  color:#fff!important;
  font-size:12px!important;
}
.sike-v124-meter-bars{
  display:grid!important;
  grid-template-columns:repeat(10,1fr)!important;
  gap:4px!important;
  height:31px!important;
  align-items:end!important;
}
.sike-v124-meter-bars i{
  display:block!important;
  height:var(--bar-h,20%)!important;
  min-height:4px!important;
  border-radius:3px 3px 2px 2px!important;
  background:#252c33!important;
  transition:height .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.sike-v124-meter-bars i.is-active{
  background:linear-gradient(180deg,#ff7851,#ff493b)!important;
  box-shadow:0 0 8px rgba(255,79,57,.2)!important;
}
.sike-v124-panel-status{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding-top:7px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-v124-panel-status span,
.sike-v124-panel-status em{
  color:#656f78!important;
  font-size:5.5px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-v124-panel-status span i{
  display:inline-block!important;
  width:6px!important;
  height:6px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  background:#28d486!important;
  box-shadow:0 0 8px rgba(40,212,134,.4)!important;
  vertical-align:-1px!important;
}

.sike-v124-hidden-volume-range{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Explicitly no ports or metal plate visuals inside this new panel. */
.sike-v124-volume-panel [class*="usb"],
.sike-v124-volume-panel [class*="port"],
.sike-v124-volume-panel [class*="metal"],
.sike-v124-volume-panel .panel-fastener{
  display:none!important;
}

@media(max-width:1100px){
  .sike-v124-volume-panel{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
  }
  .sike-v124-volume-dial{width:92px!important;height:92px!important}
  .sike-v124-led-ring i{transform:rotate(var(--a)) translateY(-43px)!important}
  .sike-v124-dial-face{width:62px!important;height:62px!important}
}

@media(max-width:720px){
  .sike-v124-volume-panel{
    grid-template-columns:84px minmax(0,1fr)!important;
    min-height:112px!important;
    gap:10px!important;
    border-radius:15px!important;
  }
  .sike-v124-volume-dial{width:82px!important;height:82px!important}
  .sike-v124-led-ring i{
    width:4px!important;height:4px!important;margin:-2px!important;
    transform:rotate(var(--a)) translateY(-38px)!important;
  }
  .sike-v124-dial-face{width:55px!important;height:55px!important}
  .sike-v124-dial-face b{font-size:17px!important}
}

.sike-v124-led-ring i:nth-child(1){--n:0;}
.sike-v124-led-ring i:nth-child(2){--n:1;}
.sike-v124-led-ring i:nth-child(3){--n:2;}
.sike-v124-led-ring i:nth-child(4){--n:3;}
.sike-v124-led-ring i:nth-child(5){--n:4;}
.sike-v124-led-ring i:nth-child(6){--n:5;}
.sike-v124-led-ring i:nth-child(7){--n:6;}
.sike-v124-led-ring i:nth-child(8){--n:7;}
.sike-v124-led-ring i:nth-child(9){--n:8;}
.sike-v124-led-ring i:nth-child(10){--n:9;}
.sike-v124-led-ring i:nth-child(11){--n:10;}
.sike-v124-led-ring i:nth-child(12){--n:11;}
.sike-v124-led-ring i:nth-child(13){--n:12;}
.sike-v124-led-ring i:nth-child(14){--n:13;}
.sike-v124-led-ring i:nth-child(15){--n:14;}
.sike-v124-led-ring i:nth-child(16){--n:15;}
.sike-v124-led-ring i:nth-child(17){--n:16;}
.sike-v124-led-ring i:nth-child(18){--n:17;}
.sike-v124-led-ring i:nth-child(19){--n:18;}
.sike-v124-led-ring i:nth-child(20){--n:19;}
.sike-v124-led-ring i:nth-child(21){--n:20;}
.sike-v124-led-ring i:nth-child(22){--n:21;}
.sike-v124-led-ring i:nth-child(23){--n:22;}
.sike-v124-led-ring i:nth-child(24){--n:23;}

/* =====================================================================
   SIKE V125 — METAL VOLUME DIAL + LIVE 3D SYNC
   Same orange LED colour on dashboard and physical 3D control panel.
   ===================================================================== */

:root{
  --sike-volume-sync-led:#ff633f;
  --sike-volume-sync-led-hot:#ff8a63;
}

/* Keep the panel body dark/clean; only the actual knob is metallic. */
.sike-v124-volume-panel{
  background:
    radial-gradient(circle at 22% 50%,rgba(255,99,63,.085),transparent 40%),
    linear-gradient(145deg,#0a0d10 0%,#11151a 58%,#090c0f 100%)!important;
}

/* Brushed-metal style volume knob on the right dashboard. */
.sike-v124-dial-face{
  border:1px solid #5b626a!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.26) 0 3%,transparent 17%),
    repeating-conic-gradient(from 0deg,
      rgba(255,255,255,.055) 0deg 1deg,
      rgba(0,0,0,.03) 1deg 3deg),
    radial-gradient(circle at 50% 45%,#7c838a 0%,#565d64 19%,#30363c 42%,#171b20 69%,#090c0f 100%)!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.30),
    inset 0 -5px 12px rgba(0,0,0,.55),
    0 0 0 3px #11161b,
    0 7px 19px rgba(0,0,0,.44)!important;
}

.sike-v124-dial-face::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset 0 0 11px rgba(0,0,0,.32)!important;
  pointer-events:none!important;
}

.sike-v124-dial-face b,
.sike-v124-dial-face small{
  position:relative!important;
  z-index:3!important;
  text-shadow:0 1px 3px rgba(0,0,0,.72)!important;
}

.sike-v124-dial-mark{
  z-index:4!important;
  background:var(--sike-volume-sync-led)!important;
  box-shadow:
    0 0 5px var(--sike-volume-sync-led),
    0 0 10px rgba(255,99,63,.48)!important;
}

/* One fixed SIKE orange LED language across the entire volume system. */
.sike-v124-led-ring i.is-active{
  background:var(--sike-volume-sync-led)!important;
  box-shadow:
    0 0 5px var(--sike-volume-sync-led),
    0 0 12px rgba(255,99,63,.44)!important;
}
.sike-v124-led-ring i.is-peak{
  background:var(--sike-volume-sync-led-hot)!important;
  box-shadow:
    0 0 7px var(--sike-volume-sync-led-hot),
    0 0 17px rgba(255,99,63,.58)!important;
}
.sike-v124-meter-bars i.is-active{
  background:linear-gradient(180deg,var(--sike-volume-sync-led-hot),var(--sike-volume-sync-led))!important;
  box-shadow:0 0 9px rgba(255,99,63,.25)!important;
}

/* Physical 3D SIKE ONE control panel receives exactly the same colour. */
.sike-app-embed .reference-control-panel .knob-led.is-active,
.sike-app-embed .reference-control-panel .rgb-volume-ring .knob-led.is-active,
.sike-app-embed .reference-control-panel .volume-ring .knob-led.is-active{
  background:var(--sike-sync-led-color,var(--sike-volume-sync-led))!important;
  color:var(--sike-sync-led-color,var(--sike-volume-sync-led))!important;
  box-shadow:
    0 0 4px var(--sike-sync-led-color,var(--sike-volume-sync-led)),
    0 0 9px color-mix(in srgb,var(--sike-sync-led-color,var(--sike-volume-sync-led)) 55%,transparent)!important;
}

/* Live sync state indicator. */
.sike-v124-panel-status span::after{
  content:"SYNC"!important;
  display:inline-block!important;
  margin-left:7px!important;
  padding:2px 5px!important;
  border:1px solid rgba(255,99,63,.22)!important;
  border-radius:999px!important;
  color:var(--sike-volume-sync-led)!important;
  font-size:4.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}


/* =====================================================================
   SIKE V126 — EXACT BIDIRECTIONAL LED MODE SYNC
   Same modes everywhere: Blue → Purple → Orange → RGB.
   Tap = mode. Drag = volume.
   ===================================================================== */

.sike-v124-volume-dial{
  --sike-app-led-color:#3f8cff;
}

/* Right-side LED ring follows selected mode. */
.sike-v124-led-ring i.is-active{
  background:var(--sike-app-led-color,#3f8cff)!important;
  box-shadow:
    0 0 5px var(--sike-app-led-color,#3f8cff),
    0 0 12px color-mix(in srgb,var(--sike-app-led-color,#3f8cff) 48%,transparent)!important;
}
.sike-v124-led-ring i.is-peak{
  background:var(--sike-app-led-color,#3f8cff)!important;
  box-shadow:
    0 0 7px var(--sike-app-led-color,#3f8cff),
    0 0 17px color-mix(in srgb,var(--sike-app-led-color,#3f8cff) 62%,transparent)!important;
}

/* RGB mode: every active diode gets the same per-diode rainbow treatment as 3D. */
.sike-v124-volume-dial.is-rgb-mode .sike-v124-led-ring i.is-active{
  background:var(--individual-led-color)!important;
  box-shadow:
    0 0 5px var(--individual-led-color),
    0 0 12px color-mix(in srgb,var(--individual-led-color) 50%,transparent)!important;
}
.sike-v124-volume-dial.is-rgb-mode .sike-v124-led-ring i.is-peak{
  background:var(--individual-led-color)!important;
  box-shadow:
    0 0 7px var(--individual-led-color),
    0 0 17px color-mix(in srgb,var(--individual-led-color) 65%,transparent)!important;
}

/* Indicator line and output meter use the same selected mode colour. */
.sike-v124-volume-dial .sike-v124-dial-mark{
  background:var(--sike-app-led-color,#3f8cff)!important;
  box-shadow:
    0 0 5px var(--sike-app-led-color,#3f8cff),
    0 0 10px color-mix(in srgb,var(--sike-app-led-color,#3f8cff) 48%,transparent)!important;
}
.sike-v124-meter-bars i.is-active{
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--sike-app-led-color,#3f8cff) 74%,white),
    var(--sike-app-led-color,#3f8cff)
  )!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--sike-app-led-color,#3f8cff) 25%,transparent)!important;
}

/* Physical 3D panel must NOT be forced orange by V125. Let its own mode system win. */
.sike-app-embed .reference-control-panel .knob-led.is-active,
.sike-app-embed .reference-control-panel .rgb-volume-ring .knob-led.is-active,
.sike-app-embed .reference-control-panel .volume-ring .knob-led.is-active{
  background:var(--led-on,var(--mode-led-color,#3f8cff))!important;
  color:var(--led-on,var(--mode-led-color,#3f8cff))!important;
  box-shadow:
    0 0 4px var(--led-on,var(--mode-led-color,#3f8cff)),
    0 0 9px color-mix(in srgb,var(--led-on,var(--mode-led-color,#3f8cff)) 55%,transparent)!important;
}

.sike-app-embed .reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active{
  background:var(--individual-led-color)!important;
  color:var(--individual-led-color)!important;
  box-shadow:
    0 0 4px var(--individual-led-color),
    0 0 9px color-mix(in srgb,var(--individual-led-color) 55%,transparent)!important;
}

/* Visual feedback that the entire dial is clickable for mode changes. */
.sike-v124-volume-dial::after{
  content:attr(data-led-mode)!important;
  position:absolute!important;
  left:50%!important;
  bottom:-12px!important;
  transform:translateX(-50%)!important;
  color:#69737d!important;
  font-size:4.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}


/* =====================================================================
   SIKE V127 — LED ARC STARTS AT KNOB POINTER + TRUE 3D RGB
   ===================================================================== */

/* The entire right-side LED ring rotates with the physical pointer angle,
   so the illuminated sequence visibly starts from the pointer position. */
.sike-v124-volume-dial .sike-v124-led-ring{
  transform:rotate(var(--volume-led-start-angle,-135deg))!important;
  transform-origin:50% 50%!important;
  transition:transform .11s ease-out!important;
}

/* Counter-rotate each diode so the dot itself stays visually circular/stable. */
.sike-v124-volume-dial .sike-v124-led-ring i{
  transform:
    rotate(calc(var(--a) - var(--volume-led-start-angle,-135deg)))
    translateY(-50px)!important;
}

@media(max-width:1100px){
  .sike-v124-volume-dial .sike-v124-led-ring i{
    transform:
      rotate(calc(var(--a) - var(--volume-led-start-angle,-135deg)))
      translateY(-43px)!important;
  }
}

@media(max-width:720px){
  .sike-v124-volume-dial .sike-v124-led-ring i{
    transform:
      rotate(calc(var(--a) - var(--volume-led-start-angle,-135deg)))
      translateY(-38px)!important;
  }
}

/* TRUE RGB on the physical 3D control panel. These selectors are intentionally
   final and more specific than the older single-colour rules. */
.lab-speaker.is-one .reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active,
.lab-speaker.is-one .reference-control-panel .rgb-volume-ring.is-rgb-mode .knob-led.is-active,
.sike-app-embed .reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active,
.sike-app-embed .reference-control-panel .rgb-volume-ring.is-rgb-mode .knob-led.is-active{
  background:var(--individual-led-color)!important;
  color:var(--individual-led-color)!important;
  box-shadow:
    0 0 4px var(--individual-led-color),
    0 0 10px color-mix(in srgb,var(--individual-led-color) 62%,transparent)!important;
  animation:sikeDialRgbBreath 1.55s ease-in-out infinite alternate!important;
}

/* Right app ring remains true per-diode RGB too. */
.sike-v124-volume-dial.is-rgb-mode .sike-v124-led-ring i.is-active{
  background:var(--individual-led-color)!important;
  box-shadow:
    0 0 5px var(--individual-led-color),
    0 0 12px color-mix(in srgb,var(--individual-led-color) 52%,transparent)!important;
}

/* In solid modes, both app and 3D still use the exact same mode colour. */
.sike-v124-volume-dial:not(.is-rgb-mode) .sike-v124-led-ring i.is-active{
  background:var(--sike-app-led-color,#3f8cff)!important;
}


/* =====================================================================
   SIKE V128 — FINAL RGB + VOLUME LED BUILD FIX
   Sidebar LED arc stays fixed and fills from MIN toward the knob pointer,
   matching the physical 3D model. RGB is true per-diode on both displays.
   ===================================================================== */

.sike-v124-volume-dial .sike-v124-led-ring{
  transform:none!important;
  transform-origin:50% 50%!important;
  transition:none!important;
}

.sike-v124-volume-dial .sike-v124-led-ring i{
  transform:rotate(var(--a)) translateY(-50px)!important;
}

@media(max-width:1100px){
  .sike-v124-volume-dial .sike-v124-led-ring i{
    transform:rotate(var(--a)) translateY(-43px)!important;
  }
}

@media(max-width:720px){
  .sike-v124-volume-dial .sike-v124-led-ring i{
    transform:rotate(var(--a)) translateY(-38px)!important;
  }
}

/* Off LEDs stay dark; only the amount corresponding to volume lights up. */
.sike-v124-volume-dial .sike-v124-led-ring i:not(.is-active){
  background:#26303a!important;
  box-shadow:none!important;
  opacity:.62!important;
}

.sike-v124-volume-dial .sike-v124-led-ring i.is-active{
  opacity:1!important;
}

/* True RGB per active diode on sidebar. */
.sike-v124-volume-dial.is-rgb-mode .sike-v124-led-ring i.is-active{
  background:var(--individual-led-color)!important;
  color:var(--individual-led-color)!important;
  box-shadow:
    0 0 5px var(--individual-led-color),
    0 0 12px var(--individual-led-color)!important;
}

/* True RGB per active diode on the physical 3D panel.
   Kept as a final safety override in addition to inline JS !important. */
.lab-speaker.is-one .reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active,
.lab-speaker.is-one .reference-control-panel .rgb-volume-ring.is-rgb-mode .knob-led.is-active,
.sike-app-embed .reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active,
.sike-app-embed .reference-control-panel .rgb-volume-ring.is-rgb-mode .knob-led.is-active{
  background:var(--individual-led-color)!important;
  color:var(--individual-led-color)!important;
  box-shadow:
    0 0 4px var(--individual-led-color),
    0 0 11px var(--individual-led-color)!important;
}

/* SIKE V130 exact sidebar LED arc + SVG RGB fix */
.sike-v124-volume-dial .sike-v124-led-ring{transform:none!important;transition:none!important;}
.sike-v124-volume-dial .sike-v124-led-ring i{transform:rotate(var(--sike-v130-a)) translateY(-50px)!important;transform-origin:center center!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(1){--sike-v130-a:-135.0000deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(2){--sike-v130-a:-123.2609deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(3){--sike-v130-a:-111.5217deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(4){--sike-v130-a:-99.7826deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(5){--sike-v130-a:-88.0435deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(6){--sike-v130-a:-76.3043deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(7){--sike-v130-a:-64.5652deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(8){--sike-v130-a:-52.8261deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(9){--sike-v130-a:-41.0870deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(10){--sike-v130-a:-29.3478deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(11){--sike-v130-a:-17.6087deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(12){--sike-v130-a:-5.8696deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(13){--sike-v130-a:5.8696deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(14){--sike-v130-a:17.6087deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(15){--sike-v130-a:29.3478deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(16){--sike-v130-a:41.0870deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(17){--sike-v130-a:52.8261deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(18){--sike-v130-a:64.5652deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(19){--sike-v130-a:76.3043deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(20){--sike-v130-a:88.0435deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(21){--sike-v130-a:99.7826deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(22){--sike-v130-a:111.5217deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(23){--sike-v130-a:123.2609deg!important;}
.sike-v124-volume-dial .sike-v124-led-ring i:nth-child(24){--sike-v130-a:135.0000deg!important;}

@media(max-width:1100px){
 .sike-v124-volume-dial .sike-v124-led-ring i{transform:rotate(var(--sike-v130-a)) translateY(-43px)!important;}
}
@media(max-width:720px){
 .sike-v124-volume-dial .sike-v124-led-ring i{transform:rotate(var(--sike-v130-a)) translateY(-38px)!important;}
}
.reference-control-panel .knob-led{fill:#20262a!important;stroke:#20262a!important;}
.reference-control-panel .knob-led.is-active{fill:var(--led-on,#3f8cff)!important;stroke:var(--led-on,#3f8cff)!important;}
.reference-control-panel .volume-ring.is-rgb-mode .knob-led.is-active,
.reference-control-panel .rgb-volume-ring.is-rgb-mode .knob-led.is-active{
 fill:var(--individual-led-color)!important;
 stroke:var(--individual-led-color)!important;
 filter:drop-shadow(0 0 2px var(--individual-led-color)) drop-shadow(0 0 4px var(--individual-led-color))!important;
}


/* =====================================================================
   SIKE V132 — COMPACT MY DEVICES INSIDE VIEWER
   Rebuilt from stable V130. No giant header. No lost 3D viewport height.
   ===================================================================== */

.sike-v132-device-dock{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:8px 0 10px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(14,17,21,.94),rgba(10,13,16,.94))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 22px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}

.sike-v132-device-dock-title{
  min-width:0!important;
  padding-left:2px!important;
}
.sike-v132-device-dock-title span{
  display:block!important;
  margin-bottom:3px!important;
  color:#ff6a45!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.sike-v132-device-dock-title strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

.sike-v132-device-dock .sike-ios-device-switcher,
.sike-v132-device-dock .sike-device-strip{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  align-items:center!important;
  overflow:visible!important;
}

/* Device cards are slightly denser only inside the dock.
   Functions/data attributes are untouched. */
.sike-v132-device-dock .sike-scan-device-card,
.sike-v132-device-dock .sike-connected-device-wrap{
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-v132-device-dock .sike-scan-device-card,
.sike-v132-device-dock .sike-connected-device-card{
  min-height:52px!important;
}

/* Preserve the main viewer height and visibility. */
.sike-ios-hero-card{
  padding-top:14px!important;
}
.sike-v132-device-dock + .sike-ios-product-stage{
  margin-top:0!important;
}

/* Laptop */
@media(max-width:1380px) and (min-width:901px){
  .sike-v132-device-dock{
    grid-template-columns:100px minmax(0,1fr)!important;
    gap:9px!important;
    padding:7px 8px!important;
  }
  .sike-v132-device-dock-title strong{
    font-size:16px!important;
  }
}

/* Mobile: one compact label + horizontal device rail. */
@media(max-width:900px){
  .sike-v132-device-dock{
    display:block!important;
    margin:7px 0 9px!important;
    padding:8px!important;
  }

  .sike-v132-device-dock-title{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-bottom:7px!important;
  }

  .sike-v132-device-dock-title span{
    margin:0!important;
  }

  .sike-v132-device-dock-title strong{
    font-size:16px!important;
  }

  .sike-v132-device-dock .sike-ios-device-switcher,
  .sike-v132-device-dock .sike-device-strip{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-v132-device-dock .sike-device-strip::-webkit-scrollbar{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V133 — REMOVE HUGE MY DEVICES GAP
   Keep the same controls, but force the in-viewer device dock to a single
   compact horizontal row so it cannot create a large empty vertical area.
   ===================================================================== */

@media(min-width:901px){
  .sike-v132-device-dock{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;

    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;

    margin:6px 0 9px!important;
    padding:7px 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .sike-v132-device-dock-title{
    flex:0 0 104px!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
  }

  .sike-v132-device-dock-title span{
    margin:0 0 3px!important;
  }

  .sike-v132-device-dock-title strong{
    font-size:16px!important;
    line-height:1!important;
    margin:0!important;
  }

  .sike-v132-device-dock .sike-ios-device-switcher,
  .sike-v132-device-dock .sike-device-strip{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;

    width:auto!important;
    max-width:none!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;

    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .sike-v132-device-dock .sike-scan-device-card,
  .sike-v132-device-dock .sike-connected-device-wrap{
    flex:0 0 auto!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    align-self:center!important;
  }

  .sike-v132-device-dock .sike-connected-device-card{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
  }

  /* Product viewer begins directly after the compact device row. */
  .sike-v132-device-dock + .sike-ios-product-stage{
    margin-top:0!important;
    padding-top:0!important;
  }

  .sike-ios-hero-card{
    row-gap:0!important;
  }
}

/* Slightly tighter on laptops while preserving card usability. */
@media(max-width:1380px) and (min-width:901px){
  .sike-v132-device-dock{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    gap:9px!important;
    padding:5px 8px!important;
  }

  .sike-v132-device-dock-title{
    flex-basis:92px!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
  }

  .sike-v132-device-dock-title strong{
    font-size:15px!important;
  }

  .sike-v132-device-dock .sike-ios-device-switcher,
  .sike-v132-device-dock .sike-device-strip{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }

  .sike-v132-device-dock .sike-scan-device-card,
  .sike-v132-device-dock .sike-connected-device-wrap,
  .sike-v132-device-dock .sike-connected-device-card{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }
}

/* Mobile keeps a small two-line composition, never a tall blank block. */
@media(max-width:900px){
  .sike-v132-device-dock{
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:6px 0 8px!important;
    padding:7px!important;
  }

  .sike-v132-device-dock-title{
    min-height:0!important;
    margin-bottom:6px!important;
  }

  .sike-v132-device-dock .sike-ios-device-switcher,
  .sike-v132-device-dock .sike-device-strip{
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
  }
}


/* =====================================================================
   SIKE V135 — TRUE MY DEVICES / 3D VIEWER GAP FIX
   Root cause fix: the old 3-row hero grid assigned its large flexible row
   to the newly inserted My Devices dock. Give every direct child its own row.
   ===================================================================== */

@media(min-width:721px){
  .sike-ios-hero-card{
    display:grid!important;

    /* 1 hero heading
       2 compact My devices dock
       3 actual 3D viewer (ONLY flexible/tall row)
       4 status row
       5 live strip
       6 device deck */
    grid-template-rows:
      auto
      auto
      minmax(300px,1fr)
      auto
      auto
      auto!important;

    align-content:start!important;
    row-gap:0!important;
  }

  .sike-ios-hero-head{
    grid-row:1!important;
  }

  .sike-v132-device-dock{
    grid-row:2!important;
    align-self:start!important;
    margin-top:6px!important;
    margin-bottom:8px!important;
  }

  .sike-ios-product-stage.sike-builder-live-stage{
    grid-row:3!important;
    align-self:stretch!important;
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
  }

  .sike-ios-status-row{
    grid-row:4!important;
  }

  .sike-app-live-strip{
    grid-row:5!important;
  }

  .sike-device-deck{
    grid-row:6!important;
  }
}

/* Desktop: retain a generous viewer without putting that height on My Devices. */
@media(min-width:1101px){
  .sike-ios-hero-card{
    grid-template-rows:
      auto
      auto
      minmax(440px,1fr)
      auto
      auto
      auto!important;
  }

  .sike-ios-product-stage.sike-builder-live-stage{
    min-height:440px!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:
      auto
      auto
      minmax(360px,1fr)
      auto
      auto
      auto!important;
  }

  .sike-ios-product-stage.sike-builder-live-stage{
    min-height:360px!important;
  }
}

/* Phone already uses block layout; ensure no artificial grid reserve survives. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-v132-device-dock{
    margin-bottom:7px!important;
  }

  .sike-v132-device-dock + .sike-ios-product-stage{
    margin-top:0!important;
    transform:none!important;
  }
}


/* =====================================================================
   SIKE V139 — NEW CLEAN APP.PHP + MOBILE SIKEAPP DASHBOARD
   ===================================================================== */

/* ---------------- app.php ---------------- */
.sike-v139-app{
  min-height:calc(100vh - var(--site-header-height,132px));
  padding:24px;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,104,47,.18),transparent 31%),
    radial-gradient(circle at 88% 72%,rgba(180,20,56,.14),transparent 32%),
    #090b0e;
  color:#fff;
}
.sike-v139-shell{max-width:1480px;margin:0 auto}
.sike-v139-banner{
  min-height:48px;padding:0 17px;margin-bottom:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#0e1115;border:1px solid rgba(255,255,255,.07);border-radius:14px;
}
.sike-v139-banner>div{display:flex;align-items:center;gap:9px}
.sike-v139-banner strong{font-size:8px;letter-spacing:.16em}
.sike-v139-banner small,.sike-v139-banner>span{font-size:6px;color:#717982;letter-spacing:.12em;font-weight:800}
.sike-v139-live-dot{width:7px;height:7px;border-radius:50%;background:#2bd883;box-shadow:0 0 10px rgba(43,216,131,.5)}
.sike-v139-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.7fr);gap:14px;align-items:stretch}
.sike-v139-story,.sike-v139-login{border:1px solid rgba(255,255,255,.07);border-radius:22px;background:#111419}
.sike-v139-story{padding:38px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);grid-template-rows:1fr auto;gap:20px;overflow:hidden;position:relative}
.sike-v139-story:after{content:"";position:absolute;inset:auto -10% -30% 20%;height:60%;background:radial-gradient(ellipse at center,rgba(255,85,43,.13),transparent 65%);pointer-events:none}
.sike-v139-copy{align-self:center;position:relative;z-index:2}
.sike-v139-kicker{display:block;color:#ff7047;font-size:7px;font-weight:900;letter-spacing:.15em;margin-bottom:10px}
.sike-v139-copy h1{font-size:clamp(48px,5vw,82px);line-height:.89;letter-spacing:-.055em;margin:0}
.sike-v139-copy h1 em{color:#ff5a3d;font-style:normal}
.sike-v139-copy p{max-width:460px;margin:18px 0 22px;color:#929aa3;font-size:12px;line-height:1.55}
.sike-v139-mini-points{display:flex;gap:7px;flex-wrap:wrap}
.sike-v139-mini-points span{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:#0a0d10;border:1px solid rgba(255,255,255,.06)}
.sike-v139-mini-points i{font-style:normal;color:#ff6643;font-size:6px}.sike-v139-mini-points b{font-size:8px}
.sike-v139-product-banner{min-height:330px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#171b20,#090b0e);border:1px solid rgba(255,255,255,.06)}
.sike-v139-product-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 55%,rgba(255,92,47,.18),transparent 35%);pointer-events:none}
.sike-v139-product-banner img{position:absolute;right:-5%;bottom:-18%;height:120%;max-width:68%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.5))}
.sike-v139-product-copy{position:absolute;z-index:2;left:22px;top:22px}
.sike-v139-product-copy>span{font-size:6px;letter-spacing:.13em;color:#737c85;font-weight:900}
.sike-v139-product-copy strong{display:block;margin-top:10px;font-size:24px;letter-spacing:-.035em}
.sike-v139-product-copy small{display:block;color:#777f88;font-size:8px;margin-top:3px}
.sike-v139-product-copy div{display:flex;gap:6px;align-items:center;margin-top:14px;font-size:7px;color:#8a939c;font-weight:800}
.sike-v139-product-copy div i{width:7px;height:7px;border-radius:50%;background:#2bd883;box-shadow:0 0 8px rgba(43,216,131,.5)}
.sike-v139-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sike-v139-strip span{padding:12px 14px;border-radius:12px;background:#0a0d10;border:1px solid rgba(255,255,255,.055)}
.sike-v139-strip b{display:block;font-size:11px}.sike-v139-strip small{display:block;margin-top:3px;color:#737b84;font-size:6px}
.sike-v139-login{padding:26px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:570px}
.sike-v139-auth-head span,.sike-v139-ready>span{color:#ff7047;font-size:7px;font-weight:900;letter-spacing:.14em}
.sike-v139-auth-head h2,.sike-v139-ready h2{font-size:34px;line-height:1;margin:8px 0 7px;letter-spacing:-.045em}
.sike-v139-auth-head p,.sike-v139-ready p{color:#828a93;font-size:9px;line-height:1.45;margin:0 0 18px}
.sike-v139-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:10px!important}
.sike-v139-tabs button{height:40px!important;border-radius:10px!important;background:#090c0f!important;border:1px solid rgba(255,255,255,.08)!important;color:#818a93!important;font-size:7px!important;font-weight:900!important}
.sike-v139-tabs button.active{background:#ff5d40!important;color:#fff!important;border-color:#ff5d40!important}
.sike-v139-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sike-v139-socials form{margin:0}.sike-v139-socials button{width:100%;height:39px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#090c0f;color:#fff;font-size:13px;font-weight:900}
.sike-v139-divider{height:30px;display:grid;place-items:center;position:relative}.sike-v139-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.07)}.sike-v139-divider span{position:relative;padding:0 8px;background:#111419;color:#5f6871;font-size:6px}
.sike-v139-form{display:none}.sike-v139-form.active{display:grid;gap:8px}
.sike-v139-form label>span{display:block;margin:0 0 4px;color:#727b84;font-size:6px;font-weight:900}
.sike-v139-form input[type=text],.sike-v139-form input[type=email],.sike-v139-form input[type=password]{width:100%;height:43px;padding:0 12px;background:#090c0f;color:#fff;border:1px solid rgba(255,255,255,.075);border-radius:10px;outline:none}
.sike-v139-form input:focus{border-color:rgba(255,95,62,.55)}
.sike-v139-primary{height:44px;margin-top:3px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:linear-gradient(90deg,#ff6a43,#ff493d);color:#fff;font-size:8px;font-weight:900;text-decoration:none}
.sike-v139-primary b{font-size:14px}.sike-v139-quiet{margin-top:12px;color:#6f7780;font-size:7px;text-align:center;text-decoration:none}
.sike-v139-account-top{display:grid;grid-template-columns:46px minmax(0,1fr) 8px;gap:11px;align-items:center;padding:12px;border-radius:14px;background:#090c0f;border:1px solid rgba(255,255,255,.06);margin-bottom:22px}
.sike-v139-avatar{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ff5d40;font-size:15px;font-weight:900}
.sike-v139-account-top span{display:block;color:#ff7047;font-size:5px;font-weight:900}.sike-v139-account-top strong{display:block;margin:3px 0 2px;font-size:11px}.sike-v139-account-top small{display:block;color:#717a83;font-size:7px}.sike-v139-account-top>i{width:8px;height:8px;border-radius:50%;background:#2bd883}

/* ---------------- sikeapp.php mobile cleanup ---------------- */
@media(max-width:720px){
  .sike-ios-app-page .sike-ios-view[data-view="home"].active{
    gap:8px!important;
  }

  .sike-ios-speaker-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .sike-ios-speaker-controls>.sike-ios-card,
  .sike-ios-powercell-controls>.sike-ios-card{
    border-radius:17px!important;
    padding:13px!important;
    box-shadow:none!important;
  }

  .sike-ios-card-title{
    margin-bottom:8px!important;
  }
  .sike-ios-card-title>div>span{font-size:14px!important}
  .sike-ios-card-title>div>small{font-size:8px!important}
  .sike-ios-card-title>strong{font-size:24px!important}

  /* Sound profiles = compact horizontal segmented control. */
  .sike-ios-speaker-controls>.sike-ios-card:not(.sike-v124-volume-card){
    min-height:0!important;
  }
  .sike-ios-speaker-controls .sike-ios-volume-quick{
    gap:5px!important;
  }
  .sike-ios-speaker-controls .sike-ios-volume-quick button{
    min-height:38px!important;
    border-radius:10px!important;
  }

  /* POWERCELL: compact app-style status card instead of a long stack. */
  .sike-ios-battery-health{
    padding:13px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-selector{
    min-height:54px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    margin-bottom:9px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-ring{
    width:132px!important;
    height:132px!important;
    margin:6px auto 8px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-ring strong{
    font-size:28px!important;
  }

  .sike-ios-battery-health .sike-ios-runtime{
    min-height:58px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    margin:7px 0!important;
  }

  .sike-ios-battery-health .sike-ios-runtime>div:first-child{
    width:38px!important;height:38px!important;border-radius:11px!important;
  }

  .sike-ios-battery-health .sike-ios-runtime strong{
    font-size:12px!important;
  }

  /* Metrics become a clean 2x2 compact grid. */
  .sike-ios-battery-health .sike-ios-battery-meta,
  .sike-ios-battery-health .sike-ios-battery-health-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-meta>div,
  .sike-ios-battery-health .sike-ios-battery-health-grid>div{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-meta span,
  .sike-ios-battery-health .sike-ios-battery-health-grid span{
    font-size:7px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-meta b,
  .sike-ios-battery-health .sike-ios-battery-health-grid b{
    font-size:13px!important;
  }

  /* Hide low-value duplicate detail rows on phones to make it feel like an app. */
  .sike-ios-battery-health .sike-ios-battery-meta>div:nth-child(n+5),
  .sike-ios-battery-health .sike-ios-battery-health-grid>div:nth-child(n+5){
    display:none!important;
  }

  /* Global player on phone: more native-app like and less intrusive. */
  .sike-global-music-player,
  .sike-sitewide-player{
    left:8px!important;
    right:8px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
    min-height:58px!important;
  }
}

@media(max-width:900px){
  .sike-v139-app{padding:10px 10px 88px}
  .sike-v139-banner{min-height:42px;margin-bottom:8px;padding:0 11px}
  .sike-v139-banner>span{display:none}
  .sike-v139-grid{display:block}
  .sike-v139-story{display:block;padding:18px;border-radius:18px;margin-bottom:8px}
  .sike-v139-copy h1{font-size:48px}
  .sike-v139-copy p{margin:12px 0 14px;font-size:10px}
  .sike-v139-mini-points{margin-bottom:12px}
  .sike-v139-product-banner{min-height:210px}
  .sike-v139-product-banner img{height:110%;max-width:72%;right:-10%;bottom:-18%}
  .sike-v139-product-copy strong{font-size:20px}
  .sike-v139-strip{grid-template-columns:1fr 1fr;margin-top:8px}
  .sike-v139-login{min-height:0;padding:18px;border-radius:18px}
  .sike-v139-auth-head h2,.sike-v139-ready h2{font-size:29px}
}

@media(max-width:520px){
  .sike-v139-story{padding:15px}
  .sike-v139-copy h1{font-size:43px}
  .sike-v139-mini-points span{flex:1 1 30%;justify-content:center;padding:8px 5px}
  .sike-v139-product-banner{min-height:180px}
  .sike-v139-product-banner img{height:105%;right:-14%;max-width:75%}
  .sike-v139-product-copy{left:15px;top:15px}
  .sike-v139-strip{gap:5px}.sike-v139-strip span{padding:10px}
  .sike-v139-login{padding:15px}
  .sike-v139-socials button{height:42px}
}


/* =====================================================================
   SIKE V140 — MOBILE BOTTOM NAV FULL FUNCTION FIX
   Dashboard / Sound / Music / SIKE Link / Features / Settings
   ===================================================================== */

@media(max-width:900px){

  /* Hide desktop-only brand slot inside the mobile bottom nav. */
  .sike-ios-tabbar .sike-app-nav-brand{
    display:none!important;
  }

  /* Six equal, fully tappable navigation buttons. */
  .sike-ios-tabbar{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;

    position:fixed!important;
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;

    margin:0!important;
    padding:5px!important;
    transform:none!important;

    gap:3px!important;
    align-items:stretch!important;

    z-index:12000!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    overflow:visible!important;

    background:rgba(8,10,13,.96)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  }

  .sike-ios-tabbar button{
    position:relative!important;
    z-index:2!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;

    margin:0!important;
    padding:4px 2px!important;

    border:0!important;
    border-radius:13px!important;

    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .sike-ios-tabbar button i{
    pointer-events:none!important;
    font-size:16px!important;
    line-height:1!important;
  }

  .sike-ios-tabbar button span{
    pointer-events:none!important;
    font-size:5.5px!important;
    line-height:1.1!important;
    margin-top:3px!important;
    white-space:nowrap!important;
  }

  .sike-ios-tabbar button.active{
    background:linear-gradient(145deg,#ff6b43,#f04438)!important;
    color:#fff!important;
  }

  /* The music player must sit ABOVE the nav instead of physically covering it. */
  .sike-global-music-player:not(.is-minimized),
  .sike-sitewide-player:not(.is-minimized){
    bottom:calc(80px + env(safe-area-inset-bottom))!important;
    z-index:11000!important;
  }

  .sike-global-music-player.is-minimized,
  .sike-sitewide-player.is-minimized{
    bottom:calc(80px + env(safe-area-inset-bottom))!important;
    z-index:11000!important;
  }

  /* Reserve enough page space so final content is not hidden by nav/player. */
  .sike-ios-shell{
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }

  /* Any decorative app layers must never intercept taps. */
  .sike-ios-shell:before,
  .sike-abstract-bg,
  .sike-ios-bg{
    pointer-events:none!important;
  }
}

/* Narrow phones still keep all six buttons tappable. */
@media(max-width:390px){
  .sike-ios-tabbar{
    left:5px!important;
    right:5px!important;
    gap:2px!important;
    padding:4px!important;
  }
  .sike-ios-tabbar button{
    padding-left:1px!important;
    padding-right:1px!important;
  }
  .sike-ios-tabbar button span{
    font-size:5px!important;
  }
}


/* =====================================================================
   SIKE V146 — POWERCELL PRODUCT TRUE 3D VIEW
   Only product.php POWERCELL presentation is affected.
   ===================================================================== */
.powercell-product-page-v80 .product-360-shell{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,87,48,.12),transparent 30%),
    linear-gradient(180deg,#0c0f13,#07090c)!important;
}

.powercell-product-page-v80 .product-360-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  z-index:2!important;
  pointer-events:auto!important;
}

.powercell-product-page-v80 .product-photo-overlay[hidden]{
  display:none!important;
  pointer-events:none!important;
}

.powercell-product-page-v80 .product-360-toolbar{
  z-index:5!important;
  pointer-events:none!important;
}

.powercell-product-page-v80 .product-360-toolbar button{
  pointer-events:auto!important;
}

/* Small interaction hint without covering the 3D object. */
.powercell-product-page-v80 .product-360-shell:after{
  content:"DRAG TO ROTATE  ·  SCROLL TO ZOOM";
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:4;
  color:rgba(255,255,255,.42);
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
  white-space:nowrap;
  pointer-events:none;
}

@media(max-width:760px){
  .powercell-product-page-v80 .product-360-shell:after{
    bottom:15px;
    font-size:6px;
  }
}


/* === SIKE V149 BUILDER CONTROL HARD FIX === */
.sike-customizer .pro-lab-layout{isolation:isolate!important}
.sike-customizer .lab-stage{position:relative!important;z-index:1!important}
.sike-customizer .pro-customizer-panel{
  position:relative!important;z-index:80!important;pointer-events:auto!important;isolation:isolate!important
}
.sike-customizer .pro-customizer-panel *,
.sike-customizer .pro-customizer-panel button,
.sike-customizer .pro-customizer-panel label,
.sike-customizer .pro-customizer-panel input,
.sike-customizer .pro-customizer-panel select,
.sike-customizer .pro-customizer-panel textarea{pointer-events:auto!important}
.sike-customizer .pro-customizer-panel button,
.sike-customizer .pro-customizer-panel label,
.sike-customizer .pro-customizer-panel select,
.sike-customizer .pro-customizer-panel input[type="range"]{touch-action:manipulation!important}
.sike-customizer .cabinet-upload-drop{position:relative!important;z-index:4!important;cursor:pointer!important}
.sike-customizer .cabinet-upload-drop.is-dragover{border-color:#ef3039!important;background:rgba(239,48,57,.07)!important}
.sike-customizer .customizer-tabs{position:sticky!important;top:0!important;z-index:15!important}
.sike-customizer .markup-studio{position:fixed!important;inset:0!important;z-index:50000!important;pointer-events:none!important}
.sike-customizer .markup-studio.active{pointer-events:auto!important}
.sike-customizer .markup-window,.sike-customizer .markup-window *{pointer-events:auto!important}
body.paint-studio-open{overflow:hidden!important}

@media(max-width:1099px){
  .sike-customizer .pro-customizer-panel{z-index:90!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
  .sike-customizer .customizer-colours,.sike-customizer .lab-light-buttons,.sike-customizer .knob-colours,.sike-customizer .handle-colours{position:relative!important;z-index:3!important}
}
@media(max-width:760px){
  .sike-customizer .pro-customizer-panel{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important}
  .sike-customizer .customizer-tabs{top:0!important;background:#f4f2ed!important}
  .sike-customizer .customizer-tabs button{min-height:46px!important}
  .sike-customizer .customizer-colours button,.sike-customizer .lab-light-buttons button,.sike-customizer .knob-colours button,.sike-customizer .handle-colours button{min-height:58px!important;position:relative!important;z-index:4!important}
  .sike-customizer .graphics-upload-card,.sike-customizer .graphics-action-row,.sike-customizer .surface-selector{position:relative!important;z-index:4!important}
}

/* === SIKE V149 OUR STORY JOURNAL === */
.story-blog{padding:clamp(52px,7vw,100px) clamp(22px,5vw,80px);background:#0b0d10;color:#fff}
.story-blog-head{max-width:1500px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,.7fr);gap:40px;align-items:end}
.story-blog-head h2{margin:8px 0 0;font-size:clamp(42px,6vw,82px);line-height:.9;letter-spacing:-.055em}
.story-blog-head p{margin:0;color:#858d96;font-size:12px;line-height:1.65;max-width:570px}
.story-blog-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.story-blog-card{min-height:390px;display:grid;grid-template-rows:170px 1fr;overflow:hidden;background:#121519;border:1px solid rgba(255,255,255,.07);border-radius:18px}
.story-blog-card.featured{grid-column:span 2;grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.story-blog-visual{position:relative;padding:18px;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(255,91,54,.40),transparent 27%),linear-gradient(135deg,#24120e,#0e1115 68%)}
.story-blog-visual:after{content:"";position:absolute;width:190px;height:190px;right:-45px;bottom:-60px;border:28px solid rgba(255,255,255,.035);border-radius:50%}
.story-blog-visual span{font-size:7px;letter-spacing:.13em;font-weight:900;color:#ff7048}
.story-blog-visual b{position:absolute;right:17px;bottom:10px;font-size:78px;line-height:1;color:rgba(255,255,255,.06)}
.story-blog-copy{padding:22px;display:flex;flex-direction:column}
.story-blog-copy>div{display:flex;justify-content:space-between;gap:12px;color:#717a84;font-size:6px;letter-spacing:.12em;font-weight:900}
.story-blog-copy>div span{color:#ff7048}
.story-blog-copy h3{margin:18px 0 9px;font-size:24px;line-height:1;letter-spacing:-.035em}
.story-blog-copy p{margin:0;color:#838c95;font-size:10px;line-height:1.55}
.story-blog-read{margin-top:auto;padding:14px 0 0;border:0;background:transparent;color:#fff;text-align:left;font-size:8px;font-weight:900;cursor:pointer}
.story-blog-read b{color:#ff6343;margin-left:6px}
.story-blog-admin-ready{max-width:1500px;margin:12px auto 0;padding:13px 15px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0d1014}
.story-blog-admin-ready span{color:#ff7048;font-size:6px;font-weight:900;letter-spacing:.13em;white-space:nowrap}
.story-blog-admin-ready p{margin:0;color:#68717b;font-size:7px}.story-blog-admin-ready code{color:#a0a8b0}
@media(max-width:900px){.story-blog{padding:48px 16px}.story-blog-head{display:block;margin-bottom:20px}.story-blog-head p{margin-top:16px;font-size:10px}.story-blog-grid{grid-template-columns:1fr 1fr}.story-blog-card.featured{grid-column:1/-1}}
@media(max-width:620px){.story-blog-head h2{font-size:46px}.story-blog-grid{grid-template-columns:1fr}.story-blog-card,.story-blog-card.featured{grid-column:auto;display:grid;grid-template-columns:1fr;grid-template-rows:130px auto;min-height:0}.story-blog-copy{padding:17px}.story-blog-copy h3{font-size:21px}.story-blog-admin-ready{display:block}.story-blog-admin-ready p{margin-top:7px}}


/* =====================================================================
   SIKE V150 — BUILDER HANDLE / GRILLE / RIGHT PANEL SCROLL
   ===================================================================== */

/* Physical grille colours */
.lab-cabinet{
  --grille-base:#08090b;
  --grille-dot:#4a4d54;
  --grille-edge:#08090a;
}
.lab-grille{
  border-color:var(--grille-edge)!important;
}
.lab-grille .grille-mesh{
  background-color:var(--grille-base)!important;
  background-image:radial-gradient(var(--grille-dot) 1.2px,transparent 1.3px)!important;
  background-size:7px 7px!important;
  box-shadow:inset 0 0 65px rgba(0,0,0,.72)!important;
}

.grille-colours{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
.grille-colours button{
  min-height:62px!important;
  padding:7px 4px!important;
  border:1px solid #c9c6bf!important;
  background:#f7f5ef!important;
  color:#202020!important;
  font-size:7px!important;
  font-weight:700!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.grille-colours button.active{
  border:2px solid #111!important;
}
.grille-colours i{
  display:block!important;
  width:26px!important;
  height:26px!important;
  margin:0 auto 6px!important;
  border-radius:4px!important;
  background:
    radial-gradient(rgba(255,255,255,.30) .7px,transparent .8px),
    var(--grille-swatch)!important;
  background-size:4px 4px!important;
  border:1px solid rgba(0,0,0,.25)!important;
}
.grille-colours span{display:block!important}

/* Handle colours — final override uses variables all the way down */
.lab-cabinet .realistic-handle .handle-outer-ring,
.lab-cabinet .side-handle .handle-outer-ring{
  background:
    radial-gradient(circle at 29% 20%,rgba(255,255,255,.12),transparent 17%),
    linear-gradient(145deg,
      var(--handle-highlight) 0%,
      var(--handle-main) 35%,
      var(--handle-dark) 100%)!important;
}
.lab-cabinet .realistic-handle .handle-grip,
.lab-cabinet .side-handle .handle-grip{
  background:
    linear-gradient(180deg,
      var(--handle-highlight) 0%,
      var(--handle-main) 40%,
      var(--handle-dark) 100%)!important;
}
.lab-cabinet .realistic-handle .handle-cup,
.lab-cabinet .side-handle .handle-cup{
  border-color:color-mix(in srgb,var(--handle-main) 55%,#000 45%)!important;
}
.handle-colours button{
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* Desktop: actual right-side scroll area, mouse wheel included. */
@media(min-width:1100px){
  .sike-customizer .pro-lab-layout{
    min-height:0!important;
    align-items:start!important;
  }
  .sike-customizer .pro-customizer-panel{
    height:calc(100vh - 118px)!important;
    max-height:calc(100vh - 118px)!important;
    min-height:420px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;
    pointer-events:auto!important;
  }
  .sike-customizer .pro-customizer-panel::-webkit-scrollbar{
    width:10px!important;
  }
  .sike-customizer .pro-customizer-panel::-webkit-scrollbar-track{
    background:#e4e1da!important;
  }
  .sike-customizer .pro-customizer-panel::-webkit-scrollbar-thumb{
    background:#a9a59d!important;
    border:2px solid #e4e1da!important;
    border-radius:10px!important;
  }
}

/* Tablet/mobile: use natural page flow, but every control remains tappable. */
@media(max-width:1099px){
  .sike-customizer .pro-customizer-panel{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .grille-colours,
  .handle-colours{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =====================================================================
   SIKE V151 — REAL HANDLE COLOUR FIX
   Final override for both desktop and mobile Builder.
   ===================================================================== */

.lab-cabinet .realistic-handle,
.lab-cabinet .side-handle,
.lab-cabinet .handle-reversed-left,
.lab-cabinet .handle-reversed-right{
  --handle-main:#17191c;
  --handle-highlight:#343941;
  --handle-dark:#07080a;
}

.lab-cabinet .realistic-handle .handle-outer-ring,
.lab-cabinet .side-handle .handle-outer-ring,
.lab-cabinet .handle-reversed-left .handle-outer-ring,
.lab-cabinet .handle-reversed-right .handle-outer-ring{
  background:
    radial-gradient(circle at 29% 20%,rgba(255,255,255,.14),transparent 17%),
    linear-gradient(145deg,
      var(--handle-highlight) 0%,
      var(--handle-main) 38%,
      var(--handle-dark) 100%)!important;
  border-color:color-mix(in srgb,var(--handle-highlight) 55%,#000 45%)!important;
}

.lab-cabinet .realistic-handle .handle-grip,
.lab-cabinet .side-handle .handle-grip,
.lab-cabinet .handle-reversed-left .handle-grip,
.lab-cabinet .handle-reversed-right .handle-grip{
  background:
    linear-gradient(180deg,
      var(--handle-highlight) 0%,
      var(--handle-main) 42%,
      var(--handle-dark) 100%)!important;
  border-color:var(--handle-highlight)!important;
  color:rgba(255,255,255,.68)!important;
}

.lab-cabinet .realistic-handle .handle-cup,
.lab-cabinet .side-handle .handle-cup,
.lab-cabinet .handle-reversed-left .handle-cup,
.lab-cabinet .handle-reversed-right .handle-cup{
  border-color:color-mix(in srgb,var(--handle-main) 58%,#000 42%)!important;
}

.lab-cabinet .realistic-handle .handle-opening-top,
.lab-cabinet .realistic-handle .handle-opening-bottom,
.lab-cabinet .realistic-handle .handle-cavity-depth,
.lab-cabinet .side-handle .handle-opening-top,
.lab-cabinet .side-handle .handle-opening-bottom,
.lab-cabinet .side-handle .handle-cavity-depth{
  box-shadow:inset 0 -8px 12px rgba(0,0,0,.72)!important;
}

.handle-colours{
  position:relative!important;
  z-index:100!important;
}
.handle-colours button{
  position:relative!important;
  z-index:101!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
.handle-colours button *{
  pointer-events:none!important;
}

@media(max-width:1099px){
  .handle-colours button{
    min-height:64px!important;
  }
}


/* =====================================================================
   SIKE V152 — CUSTOM HANDLE / GRILLE COLOUR + OBJECT EDITOR
   ===================================================================== */
.custom-colour-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);
  gap:8px;
  margin-top:10px;
}
.custom-colour-row label{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:42px;padding:7px 9px;border:1px solid #cbc8c0;background:#f7f5ef;
}
.custom-colour-row label span{font-size:7px;font-weight:800;color:#353535}
.custom-colour-row input[type=color]{width:44px;height:28px;border:0;background:transparent;padding:0;cursor:pointer}
.custom-colour-row>button{
  border:1px solid #181818;background:#181818;color:#fff;
  font-size:7px;font-weight:900;cursor:pointer;touch-action:manipulation;
}

/* Entire grille follows selected/custom colour. Logo remains white above it. */
.lab-grille .grille-mesh{
  background-color:var(--grille-base,#08090b)!important;
  background-image:
    radial-gradient(circle,var(--grille-dot,#4a4d54) 1.15px,transparent 1.25px)!important;
  background-size:7px 7px!important;
}
.lab-grille .grille-wordmark{
  position:absolute!important;
  z-index:9!important;
  color:#fff!important;
  filter:none!important;
  opacity:1!important;
  text-shadow:0 1px 3px rgba(0,0,0,.85)!important;
}
.grille-design-overlay{
  position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none;
}
.handle-design-overlay{
  position:absolute;inset:8% 8%;z-index:8;overflow:hidden;pointer-events:none;
  border-radius:20px;
}
.sike-design-object{
  position:absolute;
  transform:translate(-50%,-50%);
  display:block;
  color:var(--obj-colour,#fff);
  pointer-events:none;
}
.sike-design-object.square{
  width:var(--obj-size);height:var(--obj-size);background:var(--obj-colour,#fff);
}
.sike-design-object.circle{
  width:var(--obj-size);height:var(--obj-size);background:var(--obj-colour,#fff);border-radius:50%;
}
.sike-design-object.triangle{
  width:0;height:0;
  border-left:calc(var(--obj-size) * .5) solid transparent;
  border-right:calc(var(--obj-size) * .5) solid transparent;
  border-bottom:var(--obj-size) solid var(--obj-colour,#fff);
}
.sike-design-object.text{
  font-size:var(--obj-size);font-weight:900;line-height:1;white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

.surface-object-editor{
  position:fixed;inset:0;z-index:80000;
  display:none;place-items:center;padding:18px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.surface-object-editor.active{display:grid}
.surface-object-editor-dialog{
  width:min(760px,100%);max-height:min(760px,92vh);overflow:auto;
  background:#f5f3ee;color:#151515;border:1px solid #bbb7af;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}
.surface-editor-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px;border-bottom:1px solid #d0ccc3;
}
.surface-editor-head span{font-size:7px;letter-spacing:.13em;color:#e43d45;font-weight:900}
.surface-editor-head h3{margin:4px 0 0;font-size:24px}
.surface-editor-head>button{width:38px;height:38px;border:1px solid #bbb;background:#fff;font-size:20px;cursor:pointer}
.surface-editor-toolbar{
  display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:7px;padding:12px 16px;
}
.surface-editor-toolbar button,.surface-editor-toolbar label{
  min-height:48px;border:1px solid #c8c5bd;background:#fff;
  display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:8px;font-weight:800;
}
.surface-editor-toolbar button{cursor:pointer}
.surface-editor-toolbar label input{width:34px;height:26px;border:0}
.surface-editor-preview{
  position:relative;height:300px;margin:0 16px;
  overflow:hidden;background:#181b1f;
  border:10px solid #08090b;
  box-shadow:inset 0 0 60px rgba(0,0,0,.55);
  touch-action:none;
}
.surface-editor-preview:before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.1px);
  background-size:8px 8px;pointer-events:none;
}
.surface-editor-preview.handle-preview{
  height:170px;border-radius:60px;background:#31363c;border-width:18px;
}
.surface-editor-logo{
  position:absolute;left:18px;top:14px;z-index:40;color:#fff;
  font-weight:900;font-size:14px;font-style:italic;pointer-events:none;
}
.editor-object{
  position:absolute;transform:translate(-50%,-50%);z-index:10;
  margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;
  color:var(--obj-colour,#fff);
}
.editor-object.selected{filter:drop-shadow(0 0 5px #ff4b3d)}
.editor-object.square{width:var(--obj-size);height:var(--obj-size);background:var(--obj-colour,#fff)}
.editor-object.circle{width:var(--obj-size);height:var(--obj-size);background:var(--obj-colour,#fff);border-radius:50%}
.editor-object.triangle{
  width:0;height:0;
  border-left:calc(var(--obj-size) * .5) solid transparent;
  border-right:calc(var(--obj-size) * .5) solid transparent;
  border-bottom:var(--obj-size) solid var(--obj-colour,#fff);
}
.editor-object.text{font-size:var(--obj-size);font-weight:900;white-space:nowrap}
.surface-editor-properties{
  display:grid;grid-template-columns:1.3fr 1fr auto auto;gap:7px;padding:12px 16px;
}
.surface-editor-properties label{
  display:grid;gap:4px;font-size:7px;font-weight:800;
}
.surface-editor-properties input{height:38px;border:1px solid #c8c5bd;padding:0 9px}
.surface-editor-properties button{border:1px solid #c8c5bd;background:#fff;font-size:7px;font-weight:800;cursor:pointer}
.surface-editor-actions{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px 16px;border-top:1px solid #d0ccc3;
}
.surface-editor-actions span{font-size:7px;color:#777}
.surface-editor-actions .primary{min-width:150px;height:42px;border:0;background:#151515;color:#fff;font-size:8px;font-weight:900;cursor:pointer}
body.surface-editor-open{overflow:hidden!important}

@media(max-width:700px){
  .custom-colour-row{grid-template-columns:1fr}
  .custom-colour-row>button{min-height:44px}
  .surface-object-editor{padding:7px}
  .surface-object-editor-dialog{max-height:95vh}
  .surface-editor-toolbar{grid-template-columns:repeat(4,1fr);padding:9px}
  .surface-editor-toolbar label{grid-column:1/-1}
  .surface-editor-preview{height:220px;margin:0 9px}
  .surface-editor-preview.handle-preview{height:130px}
  .surface-editor-properties{grid-template-columns:1fr 1fr;padding:9px}
  .surface-editor-properties button{min-height:40px}
  .surface-editor-actions{padding:9px;display:block}
  .surface-editor-actions span{display:block;margin-bottom:8px}
  .surface-editor-actions .primary{width:100%}
}

/* =====================================================================
   SIKE V153 — FULL GRILLE COLOUR / WHITE LOGO HARD OVERRIDE
   ===================================================================== */
.lab-cabinet .lab-grille{
  background:var(--grille-base,#08090b)!important;
  background-color:var(--grille-base,#08090b)!important;
  border-color:var(--grille-edge,#050607)!important;
}
.lab-cabinet .lab-grille .grille-mesh{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  background-color:var(--grille-base,#08090b)!important;
  background-image:radial-gradient(circle,var(--grille-dot,#555a61) 1.15px,transparent 1.28px)!important;
  background-size:7px 7px!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.lab-cabinet .lab-grille:before{
  pointer-events:none!important;
  mix-blend-mode:normal!important;
}
.lab-cabinet .lab-grille .grille-wordmark{
  z-index:30!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* =====================================================================
   SIKE V154 — BUILDER SIDEBAR / HEADER + FOOTER SCROLL HANDOFF
   ===================================================================== */
@media(min-width:1100px){
  .sike-customizer .pro-customizer-panel,
  .pro-customizer-panel{
    overscroll-behavior-y:auto!important;
    scroll-behavior:smooth;
    outline:none!important;
  }
}


/* =====================================================================
   SIKE V155 — MOBILE SIKEAPP.PHP RECOVERY
   Fixes app views/navigation becoming untouchable or invisible on phone.
   ===================================================================== */
body.sike-ios-app-page .sike-ios-view{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.sike-ios-app-page .sike-ios-view.active:not(.sike-music-view){
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
  content-visibility:visible!important;
  contain:none!important;
}

body.sike-ios-app-page .sike-ios-view.sike-music-view.active{
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
  content-visibility:visible!important;
}

@media(min-width:901px){
  body.sike-ios-app-page .sike-ios-view[data-view="home"].active{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
}

@media(max-width:900px){
  body.sike-ios-app-page .sike-ios-view.active:not(.sike-music-view){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    position:relative!important;
    z-index:2!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"].active{
    display:block!important;
  }

  body.sike-ios-app-page [data-sike-ios],
  body.sike-ios-app-page .sike-ios-app,
  body.sike-ios-app-page .sike-ios-shell,
  body.sike-ios-app-page .sike-ios-dashboard,
  body.sike-ios-app-page .sike-ios-main{
    pointer-events:auto!important;
    contain:none!important;
  }

  body.sike-ios-app-page .sike-ios-view button,
  body.sike-ios-app-page .sike-ios-view a,
  body.sike-ios-app-page .sike-ios-view input,
  body.sike-ios-app-page .sike-ios-view select,
  body.sike-ios-app-page .sike-ios-view textarea{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  body.sike-ios-app-page .sike-builder-live-stage,
  body.sike-ios-app-page .sike-builder-live-frame{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
  }

  body.sike-ios-app-page .sike-ios-tabbar{
    position:fixed!important;
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    z-index:2147481000!important;
    pointer-events:auto!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:3px!important;
    padding:5px!important;
    overflow:visible!important;
  }

  body.sike-ios-app-page .sike-ios-tabbar .sike-app-nav-brand{
    display:none!important;
  }

  body.sike-ios-app-page .sike-ios-tabbar button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    z-index:2!important;
  }

  body.sike-ios-app-page .sike-ios-tabbar button *{
    pointer-events:none!important;
  }

  body.sike-ios-app-page .sike-ios-shell{
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }

  body.sike-ios-app-page:not(.sike-music-fullscreen-active) .sike-music-view:not(.active),
  body.sike-ios-app-page:not(.sike-music-fullscreen-active) .sike-music-fullscreen{
    pointer-events:none!important;
  }
}


/* =====================================================================
   SIKE V164 — SINGLE MOBILE SIKE MUSIC LAYER
   One layout, one hit-test model, no playback-state mutation.
   ===================================================================== */
@media(max-width:900px){
  body.sike-ios-app-page{
    overflow-x:hidden;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="music"].active{
    pointer-events:auto!important;
  }

  body.sike-ios-app-page .sike-music-fullscreen,
  body.sike-ios-app-page .sike-music-scroll,
  body.sike-ios-app-page .sike-music-home,
  body.sike-ios-app-page .sike-music-results,
  body.sike-ios-app-page .sike-music-card-results{
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }

  body.sike-ios-app-page .sike-music-scroll button,
  body.sike-ios-app-page .sike-music-scroll a,
  body.sike-ios-app-page .sike-music-scroll input,
  body.sike-ios-app-page .sike-music-scroll select,
  body.sike-ios-app-page [data-track-key],
  body.sike-ios-app-page [data-queue-track-key],
  body.sike-ios-app-page [data-music-filter],
  body.sike-ios-app-page [data-music-search-submit]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  /* YouTube is audio transport only on phone and can never cover the UI. */
  body.sike-ios-app-page iframe[data-music-player]{
    position:fixed!important;
    left:-10000px!important;
    top:-10000px!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
    max-width:1px!important;
    max-height:1px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:-1!important;
    border:0!important;
  }

  /* Remove obsolete duplicate mobile player surfaces entirely. */
  body.sike-ios-app-page .sike-music-mobile-player-sheet,
  body.sike-ios-app-page .sike-mobile-player-overlay,
  body.sike-ios-app-page [data-music-mobile-sheet]{
    display:none!important;
    pointer-events:none!important;
  }

  /* Bottom now-playing card: only its real buttons consume taps. */
  body.sike-ios-app-page .sike-music-playerbar{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    overflow:hidden!important;
    z-index:8000!important;
    pointer-events:none!important;
  }

  body.sike-ios-app-page .sike-music-playerbar *{
    pointer-events:none!important;
  }

  body.sike-ios-app-page .sike-music-playerbar button,
  body.sike-ios-app-page .sike-music-playerbar [role="button"],
  body.sike-ios-app-page .sike-music-playerbar [data-music-prev],
  body.sike-ios-app-page .sike-music-playerbar [data-music-next],
  body.sike-ios-app-page .sike-music-playerbar [data-music-toggle-play]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  /* App nav always wins hit testing. */
  body.sike-ios-app-page .sike-ios-tabbar{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:9000!important;
  }
  body.sike-ios-app-page .sike-ios-tabbar button{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body.sike-ios-app-page .sike-ios-tabbar button *{
    pointer-events:none!important;
  }

  body.sike-ios-app-page .site-header{
    pointer-events:auto!important;
    z-index:10000!important;
  }

  body.sike-ios-app-page .sike-music-scroll{
    padding-bottom:170px!important;
    -webkit-overflow-scrolling:touch;
  }
}




/* SIKE V168 — DASHBOARD TRANSFERRED FROM USER V166 DONOR */
/* ===================================================================
   SIKE APP V3 — RED CONTROL CENTER / DESKTOP DASHBOARD + iPHONE UI
   =================================================================== */
body.sike-ios-app-page{background:#ff2f35!important;color:#111;overflow-x:hidden}
body.sike-ios-app-page .site-demo-corner{display:none}
body.sike-ios-app-page .site-demo-ribbon{position:relative;z-index:2800}
body.sike-ios-app-page .announcement{position:relative;z-index:2790;background:#090909}
body.sike-ios-app-page .site-header{position:relative;z-index:2780;background:#090909;border-bottom:1px solid rgba(255,255,255,.12)}
body.sike-ios-app-page .desktop-nav a.active{color:#fff}
body.sike-ios-app-page .desktop-nav a.active:after{background:#ff3038}

.sike-ios-app{--app-red:#ff3038;--app-red-dark:#e51f2c;--ink:#111;--muted:#7b7470;--cream:#f5f1eb;--paper:#fff;min-height:calc(100vh - 180px);padding:28px;background:#ff2f35!important;position:relative;overflow:hidden}
.sike-ios-bg{position:fixed!important;inset:auto!important;display:none!important}
.sike-ios-shell{width:min(1500px,100%);min-height:780px;margin:0 auto;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:14px;padding:18px;border-radius:30px;background:rgba(245,241,235,.98)!important;box-shadow:0 30px 80px rgba(85,0,0,.20);border:1px solid rgba(255,255,255,.75);position:relative}
.sike-ios-topbar{grid-column:2;grid-row:1;height:auto;min-height:82px;padding:8px 6px 4px;border:0;display:flex;align-items:flex-start;justify-content:space-between}
.sike-app-dashboard-title span{display:block;font-size:9px;font-weight:900;letter-spacing:.17em;color:#ef3239;margin-bottom:7px}.sike-app-dashboard-title h1{font-size:34px;line-height:1;margin:0;letter-spacing:-.055em}.sike-app-dashboard-title small{display:block;color:#948c86;font-size:10px;margin-top:7px}
.sike-ios-top-actions{align-items:center;gap:8px}.sike-ios-demo-pill{background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-size:8px;font-weight:900;letter-spacing:.11em}.sike-ios-circle{width:40px;height:40px;border-radius:13px;background:#fff;border:1px solid #ded8d1;color:#111;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.05)}

.sike-ios-device-switcher{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0}
.sike-ios-device-switcher button{height:74px;border:1px solid #e0dad3;background:#fff;border-radius:18px;display:grid;grid-template-columns:50px 1fr 8px;align-items:center;gap:11px;padding:10px;text-align:left;color:#111;box-shadow:0 5px 18px rgba(0,0,0,.025);transition:.18s transform,.18s border-color,.18s box-shadow}.sike-ios-device-switcher button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.06)}.sike-ios-device-switcher button.active{background:#111;color:#fff;border-color:#111;box-shadow:0 10px 24px rgba(0,0,0,.12)}.sike-ios-device-switcher button i{width:7px;height:7px;border-radius:50%;background:#32d37a;justify-self:end}.device-thumb{width:50px;height:50px;border-radius:14px;background:#f0ece7;display:grid;place-items:center;overflow:hidden}.device-thumb img{max-width:100%;max-height:100%;object-fit:contain}.sike-ios-device-switcher strong{display:block;font-size:11px}.sike-ios-device-switcher small{display:block;font-size:8px;color:#9a938e;margin-top:3px}.sike-ios-device-switcher button.active small{color:#9d9d9d}

.sike-ios-view{grid-column:2;grid-row:3;display:none;min-width:0;padding:0 0 84px}.sike-ios-view.active{display:block;animation:sikeDashIn .2s ease both}@keyframes sikeDashIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sike-ios-view[data-view="home"].active{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px;align-items:start}
.sike-ios-hero-card,.sike-ios-card{background:#fff;border:1px solid #e1dbd4;box-shadow:0 8px 28px rgba(0,0,0,.035)}
.sike-ios-hero-card{grid-column:1;grid-row:1 / span 3;border-radius:24px;padding:22px;min-height:580px;display:grid;grid-template-rows:auto minmax(300px,1fr) auto}
.sike-ios-hero-head{display:flex;justify-content:space-between;align-items:flex-start}.sike-ios-connected{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:900;letter-spacing:.11em;color:#716d69}.sike-ios-connected i{width:7px;height:7px;border-radius:50%;background:#31d27a;box-shadow:0 0 0 6px rgba(49,210,122,.10)}.sike-ios-hero-head h1{font-size:36px;margin:9px 0 4px;letter-spacing:-.055em}.sike-ios-hero-head p{color:#96908b;font-size:10px;margin:0}.sike-ios-power{width:54px;height:31px;border:0;border-radius:999px;background:#ddd7d0;position:relative}.sike-ios-power span{position:absolute;width:25px;height:25px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s}.sike-ios-power.on{background:#2dcc70}.sike-ios-power.on span{left:26px}
.sike-ios-product-stage{height:auto;min-height:340px;position:relative;display:grid;place-items:center;perspective:950px;cursor:grab;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 48%,rgba(255,48,56,.10),transparent 38%),linear-gradient(180deg,#fbfaf8,#f6f2ed)}.sike-ios-product-stage.dragging{cursor:grabbing}.sike-ios-halo{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,48,56,.14),transparent 67%);filter:none}.sike-ios-product-tilt{position:absolute;left:50%;top:50%;width:280px;height:290px;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .08s linear}.sike-ios-product-tilt img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 20px rgba(0,0,0,.16));user-select:none;-webkit-user-drag:none}.powercell-selected .sike-ios-product-tilt{width:320px;height:225px}.sike-ios-drag-hint{position:absolute;bottom:12px;color:#a49d97;font-size:8px;font-weight:800;letter-spacing:.08em}
.sike-ios-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sike-ios-status-row>div{background:#f7f4f0;border:1px solid #eee7e0;border-radius:14px;padding:12px}.sike-ios-status-row span{display:block;color:#99918b;font-size:7px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.sike-ios-status-row strong{display:block;margin:5px 0 2px;font-size:14px}.sike-ios-status-row small{display:block;color:#aaa29d;font-size:7px}
.sike-ios-speaker-controls,.sike-ios-powercell-controls{grid-column:2;display:grid;grid-template-columns:1fr;gap:12px;margin:0}.sike-ios-card{border-radius:20px;padding:18px}.sike-ios-card-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.sike-ios-card-title span{display:block;font-size:13px;font-weight:800}.sike-ios-card-title small{display:block;color:#9b948f;font-size:8px;margin-top:3px}.sike-ios-card-title>strong{font-size:24px;letter-spacing:-.04em}.sike-ios-link-button{border:0;background:transparent;color:#ef3038;font-size:9px;font-weight:800}.sike-ios-volume-card input[type=range]{width:100%;accent-color:#ff3038}.sike-ios-volume-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.sike-ios-volume-quick button,.sike-ios-segmented button{border:1px solid #ebe4de;background:#f7f4f0;border-radius:10px;padding:9px 5px;font-size:8px;font-weight:800;color:#77716c}.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{background:#111;color:#fff;border-color:#111}.sike-ios-segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.sike-ios-device-card{grid-column:2;padding:5px;margin:0}.sike-ios-device-card>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;text-align:left;padding:11px;border-radius:14px;color:#111}.sike-ios-device-card>button+button{border-top:1px solid #eee8e2}.sike-ios-row-icon{width:34px;height:34px;border-radius:10px;background:#f5f1ed;display:grid;place-items:center;font-size:16px}.sike-ios-device-card b{display:block;font-size:11px}.sike-ios-device-card small{display:block;color:#99918c;font-size:7px;margin-top:2px}.sike-ios-device-card em{font-size:20px;font-style:normal;color:#aaa}

/* Desktop nav becomes a real app sidebar. */
.sike-ios-tabbar{grid-column:1;grid-row:1 / span 3;position:sticky;top:18px;left:auto;bottom:auto;transform:none;width:90px;height:calc(100vh - 230px);min-height:630px;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:#111;border-radius:22px;padding:10px 8px;box-shadow:none;z-index:5}.sike-app-nav-brand{height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #2c2c2c;margin-bottom:4px}.sike-app-nav-brand img{width:74px;max-height:26px;object-fit:contain}.sike-app-nav-brand small{font-size:6px;letter-spacing:.15em;color:#777;margin-top:8px;font-weight:900}.sike-ios-tabbar button,.sike-app-help-link{height:62px;border:0;background:transparent;color:#777;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none}.sike-ios-tabbar i,.sike-app-help-link i{font-style:normal;font-size:19px}.sike-ios-tabbar span,.sike-app-help-link span{font-size:7px;font-weight:800}.sike-ios-tabbar button.active{background:#252525;color:#fff}.sike-ios-tabbar button.active i{color:#ff3940}.sike-app-help-link{margin-top:auto}.sike-app-help-link:hover{background:#202020;color:#fff}

/* Inner pages */
.sike-ios-page-head{height:70px;display:grid;grid-template-columns:44px 1fr 70px;align-items:center}.sike-ios-page-head>button{border:1px solid #e0dad3;background:#fff;border-radius:13px;width:38px;height:38px;font-size:20px;color:#111}.sike-ios-page-head>button.text{width:auto;background:transparent;border:0;color:#ef3038;font-size:9px;font-weight:800}.sike-ios-page-head span{font-size:8px;color:#9a938e}.sike-ios-page-head h2{font-size:27px;letter-spacing:-.045em;margin:2px 0 0}.sike-ios-eq-card,.sike-ios-settings-list,.sike-ios-link-panel,.sike-ios-about-card{max-width:920px}.sike-ios-eq-visual i{background:linear-gradient(180deg,#ff5a42,#ff3038)}.sike-ios-primary{background:#111}.sike-ios-charge-ring{background:conic-gradient(#ff3038 0 82%,#eee8e2 82%)}
.sike-ios-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);z-index:4000;background:#111;color:#fff;border-radius:999px;padding:10px 15px;font-size:8px;opacity:0;pointer-events:none;transition:.2s}.sike-ios-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1050px){
 .sike-ios-app{padding:18px}.sike-ios-shell{grid-template-columns:76px minmax(0,1fr);padding:14px;column-gap:12px}.sike-ios-tabbar{width:76px}.sike-ios-view[data-view="home"].active{grid-template-columns:1fr}.sike-ios-hero-card{grid-column:1;grid-row:auto;min-height:520px}.sike-ios-speaker-controls,.sike-ios-powercell-controls,.sike-ios-device-card{grid-column:1}.sike-ios-speaker-controls{grid-template-columns:1fr 1fr}.sike-ios-device-card{display:grid;grid-template-columns:1fr 1fr}.sike-ios-device-card>button+button{border-top:0;border-left:1px solid #eee8e2}.sike-ios-tabbar{height:calc(100vh - 215px);min-height:590px}
}

@media(max-width:720px){
 body.sike-ios-app-page{background:#ff3038!important}.sike-ios-app{padding:0;background:#ff3038!important}.sike-ios-shell{width:100%;min-height:100dvh;display:block;border:0;border-radius:0;padding:0 14px calc(96px + env(safe-area-inset-bottom));box-shadow:none;background:#f5f1eb!important}.sike-ios-topbar{height:auto;min-height:78px;padding:14px 0 7px;display:flex}.sike-app-dashboard-title span{font-size:7px}.sike-app-dashboard-title h1{font-size:27px}.sike-app-dashboard-title small{display:none}.sike-ios-demo-pill{display:none}.sike-ios-device-switcher{display:flex;overflow-x:auto;gap:8px;margin:4px -14px 12px;padding:0 14px 5px;scrollbar-width:none}.sike-ios-device-switcher::-webkit-scrollbar{display:none}.sike-ios-device-switcher button{flex:0 0 185px;height:65px;border-radius:18px;grid-template-columns:43px 1fr 7px;padding:8px 10px}.device-thumb{width:43px;height:43px;border-radius:12px}.sike-ios-view{padding:0 0 80px}.sike-ios-view[data-view="home"].active{display:block}.sike-ios-hero-card{border-radius:22px;padding:16px;min-height:0;display:block}.sike-ios-hero-head h1{font-size:27px}.sike-ios-product-stage{height:270px;min-height:270px;margin-top:10px}.sike-ios-product-tilt{width:220px;height:230px}.powercell-selected .sike-ios-product-tilt{width:255px;height:180px}.sike-ios-halo{width:235px;height:235px}.sike-ios-status-row{grid-template-columns:1fr 1fr}.sike-ios-status-row>div:last-child{grid-column:1/-1}.sike-ios-speaker-controls,.sike-ios-powercell-controls{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.sike-ios-card{border-radius:20px;padding:16px}.sike-ios-device-card{display:block;margin-top:10px}.sike-ios-device-card>button+button{border-left:0;border-top:1px solid #eee8e2}.sike-ios-page-head{height:65px}.sike-ios-page-head h2{font-size:23px}.sike-ios-tabbar{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));top:auto;transform:translateX(-50%);width:calc(100% - 20px);height:auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(17,17,17,.96);backdrop-filter:blur(18px);border-radius:20px;padding:5px;z-index:3000}.sike-app-nav-brand,.sike-app-help-link{display:none}.sike-ios-tabbar button{height:55px}.sike-ios-tabbar span{font-size:7px}.sike-ios-toast{bottom:calc(82px + env(safe-area-inset-bottom))}
 body.sike-ios-app-page .site-demo-ribbon,body.sike-ios-app-page .announcement{display:none}.sike-ios-app-page .site-header{height:66px;padding:0 14px;position:sticky;top:0}.sike-ios-app-page .brand img{width:150px}.sike-ios-app-page .desktop-nav{display:none}
}


/* ===================================================================
   SIKE APP V4 — DARK ORANGE / RED CONTROL CENTER
   Removes the large white/cream dashboard background and replaces the
   complete app with a dark professional control center on SIKE orange/red.
   =================================================================== */

body.sike-ios-app-page{
  background:
    radial-gradient(circle at 18% 12%,rgba(255,126,46,.32),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,63,36,.25),transparent 30%),
    linear-gradient(145deg,#ff4a27 0%,#f52f2d 42%,#a90f18 100%) !important;
  color:#f7f7f7 !important;
}
.sike-ios-app{
  --app-red:#ff4034;
  --app-orange:#ff7a2f;
  --app-red-dark:#cb1f29;
  --ink:#f7f7f7;
  --muted:#9fa2a8;
  --cream:#15171b;
  --paper:#17191e;
  background:
    radial-gradient(circle at 13% 7%,rgba(255,130,53,.26),transparent 26%),
    radial-gradient(circle at 90% 30%,rgba(255,62,38,.18),transparent 30%),
    linear-gradient(145deg,#ff4b26 0%,#ef2f30 44%,#a71420 100%) !important;
  min-height:calc(100vh - 180px);
}
.sike-ios-shell{
  background:rgba(10,11,14,.94) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 28px 80px rgba(58,0,0,.34) !important;
  color:#f8f8f8 !important;
}
.sike-ios-topbar{
  color:#fff !important;
}
.sike-app-dashboard-title span{
  color:#ff6d43 !important;
}
.sike-app-dashboard-title h1{
  color:#fff !important;
}
.sike-app-dashboard-title small{
  color:#888d95 !important;
}
.sike-ios-demo-pill{
  background:#ff4a35 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.sike-ios-circle{
  background:#1c1f24 !important;
  color:#fff !important;
  border:1px solid #30343a !important;
}

/* Device selector */
.sike-ios-device-switcher button{
  background:#15181d !important;
  color:#f8f8f8 !important;
  border:1px solid #292d34 !important;
  box-shadow:none !important;
}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff512f,#dd2630) !important;
  border-color:#ff7b4c !important;
  box-shadow:0 10px 28px rgba(228,43,37,.22) !important;
}
.sike-ios-device-switcher button small{
  color:#8f949c !important;
}
.sike-ios-device-switcher button.active small{
  color:rgba(255,255,255,.72) !important;
}
.device-thumb{
  background:#0c0e12 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Main cards */
.sike-ios-hero-card,.sike-ios-card{
  background:#15181d !important;
  border:1px solid #292d34 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18) !important;
  color:#f7f7f7 !important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{
  color:#fff !important;
}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{
  color:#8d939c !important;
}
.sike-ios-connected{
  color:#9fa5ad !important;
}
.sike-ios-product-stage{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,79,47,.15),transparent 38%),
    linear-gradient(180deg,#111318,#090b0f) !important;
  border:1px solid #242830 !important;
}
.sike-ios-halo{
  background:radial-gradient(circle,rgba(255,79,47,.19),transparent 68%) !important;
}
.sike-ios-drag-hint{
  color:#69707a !important;
}

/* Status blocks */
.sike-ios-status-row>div{
  background:#0e1116 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-status-row span,
.sike-ios-status-row small{
  color:#737b85 !important;
}
.sike-ios-status-row strong{
  color:#f6f6f6 !important;
}

/* Buttons, sliders and segmented controls */
.sike-ios-link-button{
  color:#ff6840 !important;
}
.sike-ios-volume-card input[type=range],
.sike-ios-eq-sliders input{
  accent-color:#ff5136 !important;
}
.sike-ios-volume-quick button,
.sike-ios-segmented button{
  background:#0e1116 !important;
  color:#8c929a !important;
  border:1px solid #272c34 !important;
}
.sike-ios-volume-quick button.active,
.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff522f,#e02b30) !important;
  color:#fff !important;
  border-color:#ff6440 !important;
}
.sike-ios-power{
  background:#343840 !important;
}
.sike-ios-power.on{
  background:linear-gradient(90deg,#ff5a33,#ff7b2f) !important;
}
.sike-ios-power span{
  background:#fff !important;
}
.sike-ios-row-icon{
  background:#0d1014 !important;
  color:#ff6b41 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-device-card>button{
  color:#fff !important;
}
.sike-ios-device-card>button+button{
  border-color:#292d34 !important;
}
.sike-ios-device-card em{
  color:#59616b !important;
}

/* Sidebar */
.sike-ios-tabbar{
  background:#090b0e !important;
  border:1px solid #252930 !important;
}
.sike-app-nav-brand{
  border-color:#252930 !important;
}
.sike-ios-tabbar button,
.sike-app-help-link{
  color:#747b85 !important;
}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff4f2f,#d92831) !important;
  color:#fff !important;
}
.sike-ios-tabbar button.active i{
  color:#fff !important;
}
.sike-app-help-link:hover{
  background:#181b20 !important;
  color:#fff !important;
}

/* EQ/settings/link */
.sike-ios-page-head h2{
  color:#fff !important;
}
.sike-ios-page-head span{
  color:#7e858f !important;
}
.sike-ios-page-head>button{
  background:#14171c !important;
  color:#fff !important;
  border-color:#2b3038 !important;
}
.sike-ios-page-head>button.text{
  color:#ff6942 !important;
}
.sike-ios-eq-visual i{
  background:linear-gradient(180deg,#ff8b39,#ff3e35) !important;
}
.sike-ios-setting-row{
  border-color:#292d34 !important;
}
.sike-ios-setting-row input{
  background:#0d1014 !important;
  color:#fff !important;
  border:1px solid #272c33 !important;
}
.sike-ios-setting-row.input>div button,
.sike-ios-primary{
  background:linear-gradient(135deg,#ff552f,#df2730) !important;
  color:#fff !important;
}
.sike-ios-about-card>div{
  border-color:#292d34 !important;
}
.sike-ios-link-orbit{
  border-color:#4e3430 !important;
}
.sike-ios-link-orbit .host{
  background:linear-gradient(135deg,#ff552f,#d72b31) !important;
  color:#fff !important;
}
.sike-ios-link-orbit i{
  background:#ff7b35 !important;
}
.sike-ios-charge-ring{
  background:conic-gradient(#ff5737 0 82%,#2a2e34 82%) !important;
}
.sike-ios-charge-ring:before{
  background:#15181d !important;
}
.sike-ios-battery-grid div{
  background:#0d1014 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-battery-grid span{
  color:#727a84 !important;
}
.sike-ios-battery-grid b{
  color:#fff !important;
}
.sike-ios-toast{
  background:#fff !important;
  color:#111 !important;
}

/* Remove remaining light/cream surfaces */
.sike-ios-segmented.wide{
  background:#111419 !important;
}
.sike-ios-setting-row.input>div,
.sike-ios-view,
.sike-ios-speaker-controls,
.sike-ios-powercell-controls{
  background:transparent !important;
}

/* Mobile remains fully dark with SIKE orange/red background. */
@media(max-width:720px){
  body.sike-ios-app-page{
    background:linear-gradient(165deg,#ff532c,#e62531 54%,#8f101a) !important;
  }
  .sike-ios-app{
    background:
      radial-gradient(circle at 10% 0%,rgba(255,139,54,.25),transparent 25%),
      linear-gradient(165deg,#ff512b,#df2730 58%,#8c101b) !important;
  }
  .sike-ios-shell{
    background:#0b0d10 !important;
  }
  .sike-ios-topbar{
    background:#0b0d10 !important;
  }
  .sike-ios-device-switcher{
    background:transparent !important;
  }
  .sike-ios-tabbar{
    background:rgba(8,10,13,.94) !important;
    border:1px solid #262a31 !important;
  }
  .sike-ios-hero-card,.sike-ios-card{
    background:#15181d !important;
  }
}


/* ===================================================================
   SIKE APP V5 — 20 SMART FEATURES
   =================================================================== */
.sike-feature-dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;grid-column:1/-1}
.sike-feature-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.sike-feature-quick-row button{min-height:70px;border:1px solid #282d34;background:#0d1014;color:#fff;border-radius:14px;padding:10px;text-align:left;display:flex;gap:9px;align-items:center;cursor:pointer;transition:.18s ease}
.sike-feature-quick-row button:hover{transform:translateY(-2px);border-color:#4a3030}
.sike-feature-quick-row button.on{background:linear-gradient(135deg,rgba(255,79,47,.22),rgba(222,41,48,.12));border-color:#ff5636}
.sike-feature-quick-row i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1a1e24;color:#ff6941;font-style:normal;font-size:15px}
.sike-feature-quick-row b{display:block;font-size:11px}.sike-feature-quick-row small{display:block;color:#747c86;font-size:8px;margin-top:2px}
.sike-feature-status-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.sike-feature-status-pills span{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:#0d1014;border:1px solid #292e35;color:#5d6570}
.sike-feature-status-pills span.active{color:#fff;border-color:#ff5b39;background:rgba(255,80,48,.14)}

.sike-feature-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:22px 24px;margin-bottom:16px;border:1px solid #2b3037;border-radius:18px;background:linear-gradient(125deg,#15181d 0%,#17191e 60%,rgba(255,76,42,.12) 100%)}
.sike-feature-intro span,.sike-feature-section-title span{font-size:9px;letter-spacing:.16em;color:#ff6a42;font-weight:900}
.sike-feature-intro h3{font-size:27px;margin:4px 0;color:#fff}.sike-feature-intro p{max-width:560px;color:#878e98;font-size:10px;line-height:1.55;margin:0}
.sike-feature-intro>strong{font-size:12px;padding:9px 12px;border-radius:999px;background:#0c0f13;border:1px solid #2d3239;color:#fff;white-space:nowrap}
.sike-feature-section{margin-bottom:22px}
.sike-feature-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.sike-feature-section-title small{font-size:9px;color:#626a75}
.sike-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sike-feature-card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:98px;padding:14px!important;overflow:hidden}
.sike-feature-card.enabled{border-color:#5d352f!important;box-shadow:inset 0 0 0 1px rgba(255,87,52,.15)!important}
.sike-feature-card>.sike-feature-icon{width:39px;height:39px;border-radius:12px;background:#0c0f13;border:1px solid #292e35;display:grid;place-items:center;color:#ff7045;font-size:18px}
.sike-feature-card>div>b{display:block;color:#fff;font-size:11px}.sike-feature-card>div>small{display:block;color:#777f89;font-size:8px;line-height:1.35;margin-top:3px}
.sike-feature-card>strong{color:#fff;font-size:13px}
.sike-feature-card>input[type=range]{grid-column:2/-1;width:100%;accent-color:#ff5136}
.sike-feature-card select{background:#0c0f13;border:1px solid #2b3037;color:#fff;border-radius:9px;padding:8px 9px;font-size:9px}
.sike-mini-switch{width:44px;height:25px;border:0;border-radius:999px;background:#333942;padding:3px;cursor:pointer;transition:.2s}
.sike-mini-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}
.sike-mini-switch.on{background:linear-gradient(90deg,#ff5c35,#ff842f)}.sike-mini-switch.on span{transform:translateX(19px)}
.sike-feature-segments{display:flex;gap:4px;grid-column:2/-1}.sike-feature-segments button{background:#0c0f13;border:1px solid #292e35;color:#7d858f;border-radius:9px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.sike-feature-segments button.active{background:#ff5135;border-color:#ff6744;color:#fff}
.sike-color-dots{display:flex;gap:7px}.sike-color-dots button{width:24px;height:24px;border-radius:50%;border:2px solid #2e333a;background:var(--dot,#fff);cursor:pointer;box-shadow:inset 0 0 0 2px #0c0f13}.sike-color-dots button.active{outline:2px solid #fff;outline-offset:2px}
.sike-feature-primary-small{background:linear-gradient(135deg,#ff5632,#d92931);border:0;color:#fff;border-radius:9px;padding:9px 11px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.sike-feature-action-row{display:flex;gap:5px;grid-column:2/-1}.sike-feature-action-row input{min-width:0;flex:1;background:#0c0f13;border:1px solid #292e35;color:#fff;border-radius:9px;padding:8px;font-size:9px}.sike-feature-action-row button{background:#ff5135;color:#fff;border:0;border-radius:8px;padding:0 10px;font-size:8px;font-weight:900;cursor:pointer}
.sike-saved-profiles{grid-column:2/-1;display:flex;gap:5px;flex-wrap:wrap}.sike-saved-profiles button{background:#0c0f13;color:#9ca3ac;border:1px solid #2a3037;border-radius:999px;padding:5px 8px;font-size:8px;cursor:pointer}
.sike-feature-metrics{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sike-feature-metrics span{background:#0c0f13;border:1px solid #272c33;border-radius:9px;padding:7px}.sike-feature-metrics b{display:block;color:#fff;font-size:11px}.sike-feature-metrics small{color:#68717b;font-size:7px}
.sike-feature-live{grid-column:2/-1;color:#ff7549!important;font-size:8px!important}
.sike-update-progress{height:4px;background:#0c0f13;border-radius:999px;overflow:hidden;grid-column:2/-1}.sike-update-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff8332,#ff3d36);transition:width .12s linear}
.sike-locating .sike-ios-product-stage{animation:sikeLocate 420ms ease-in-out 4}.sike-locating .sike-ios-halo{background:radial-gradient(circle,var(--sike-ring-color,#ff5535) 0,transparent 64%)!important;opacity:.42}
@keyframes sikeLocate{50%{box-shadow:inset 0 0 0 2px var(--sike-ring-color,#ff5535),0 0 34px rgba(255,75,45,.35)}}
.sike-ios-product-stage:after{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid var(--sike-ring-color,#32a8ff);opacity:.10;pointer-events:none}

@media(max-width:1100px){.sike-feature-dashboard-grid{grid-template-columns:1fr}.sike-feature-grid{grid-template-columns:1fr 1fr}.sike-feature-quick-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
 .sike-feature-dashboard-grid{display:block}.sike-feature-now-card{margin-top:10px}
 .sike-feature-intro{align-items:flex-start;flex-direction:column;padding:17px}.sike-feature-intro h3{font-size:24px}
 .sike-feature-grid{grid-template-columns:1fr}.sike-feature-card{min-height:92px}
 .sike-feature-quick-row{grid-template-columns:1fr 1fr}
 .sike-ios-tabbar{grid-template-columns:repeat(6,1fr)!important}
 .sike-ios-tabbar .sike-app-nav-brand{display:none!important}
}
@media(max-width:430px){.sike-feature-quick-row{grid-template-columns:1fr}.sike-feature-card{grid-template-columns:auto minmax(0,1fr)}.sike-feature-card>.sike-mini-switch,.sike-feature-card>select,.sike-feature-card>strong{grid-column:2}.sike-feature-segments,.sike-color-dots{grid-column:2}}


/* ===================================================================
   SIKE APP V4 — DARK ORANGE / RED CONTROL CENTER
   Removes the large white/cream dashboard background and replaces the
   complete app with a dark professional control center on SIKE orange/red.
   =================================================================== */

body.sike-ios-app-page{
  background:
    radial-gradient(circle at 18% 12%,rgba(255,126,46,.32),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,63,36,.25),transparent 30%),
    linear-gradient(145deg,#ff4a27 0%,#f52f2d 42%,#a90f18 100%) !important;
  color:#f7f7f7 !important;
}
.sike-ios-app{
  --app-red:#ff4034;
  --app-orange:#ff7a2f;
  --app-red-dark:#cb1f29;
  --ink:#f7f7f7;
  --muted:#9fa2a8;
  --cream:#15171b;
  --paper:#17191e;
  background:
    radial-gradient(circle at 13% 7%,rgba(255,130,53,.26),transparent 26%),
    radial-gradient(circle at 90% 30%,rgba(255,62,38,.18),transparent 30%),
    linear-gradient(145deg,#ff4b26 0%,#ef2f30 44%,#a71420 100%) !important;
  min-height:calc(100vh - 180px);
}
.sike-ios-shell{
  background:rgba(10,11,14,.94) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 28px 80px rgba(58,0,0,.34) !important;
  color:#f8f8f8 !important;
}
.sike-ios-topbar{
  color:#fff !important;
}
.sike-app-dashboard-title span{
  color:#ff6d43 !important;
}
.sike-app-dashboard-title h1{
  color:#fff !important;
}
.sike-app-dashboard-title small{
  color:#888d95 !important;
}
.sike-ios-demo-pill{
  background:#ff4a35 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.sike-ios-circle{
  background:#1c1f24 !important;
  color:#fff !important;
  border:1px solid #30343a !important;
}

/* Device selector */
.sike-ios-device-switcher button{
  background:#15181d !important;
  color:#f8f8f8 !important;
  border:1px solid #292d34 !important;
  box-shadow:none !important;
}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff512f,#dd2630) !important;
  border-color:#ff7b4c !important;
  box-shadow:0 10px 28px rgba(228,43,37,.22) !important;
}
.sike-ios-device-switcher button small{
  color:#8f949c !important;
}
.sike-ios-device-switcher button.active small{
  color:rgba(255,255,255,.72) !important;
}
.device-thumb{
  background:#0c0e12 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Main cards */
.sike-ios-hero-card,.sike-ios-card{
  background:#15181d !important;
  border:1px solid #292d34 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18) !important;
  color:#f7f7f7 !important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{
  color:#fff !important;
}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{
  color:#8d939c !important;
}
.sike-ios-connected{
  color:#9fa5ad !important;
}
.sike-ios-product-stage{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,79,47,.15),transparent 38%),
    linear-gradient(180deg,#111318,#090b0f) !important;
  border:1px solid #242830 !important;
}
.sike-ios-halo{
  background:radial-gradient(circle,rgba(255,79,47,.19),transparent 68%) !important;
}
.sike-ios-drag-hint{
  color:#69707a !important;
}

/* Status blocks */
.sike-ios-status-row>div{
  background:#0e1116 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-status-row span,
.sike-ios-status-row small{
  color:#737b85 !important;
}
.sike-ios-status-row strong{
  color:#f6f6f6 !important;
}

/* Buttons, sliders and segmented controls */
.sike-ios-link-button{
  color:#ff6840 !important;
}
.sike-ios-volume-card input[type=range],
.sike-ios-eq-sliders input{
  accent-color:#ff5136 !important;
}
.sike-ios-volume-quick button,
.sike-ios-segmented button{
  background:#0e1116 !important;
  color:#8c929a !important;
  border:1px solid #272c34 !important;
}
.sike-ios-volume-quick button.active,
.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff522f,#e02b30) !important;
  color:#fff !important;
  border-color:#ff6440 !important;
}
.sike-ios-power{
  background:#343840 !important;
}
.sike-ios-power.on{
  background:linear-gradient(90deg,#ff5a33,#ff7b2f) !important;
}
.sike-ios-power span{
  background:#fff !important;
}
.sike-ios-row-icon{
  background:#0d1014 !important;
  color:#ff6b41 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-device-card>button{
  color:#fff !important;
}
.sike-ios-device-card>button+button{
  border-color:#292d34 !important;
}
.sike-ios-device-card em{
  color:#59616b !important;
}

/* Sidebar */
.sike-ios-tabbar{
  background:#090b0e !important;
  border:1px solid #252930 !important;
}
.sike-app-nav-brand{
  border-color:#252930 !important;
}
.sike-ios-tabbar button,
.sike-app-help-link{
  color:#747b85 !important;
}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff4f2f,#d92831) !important;
  color:#fff !important;
}
.sike-ios-tabbar button.active i{
  color:#fff !important;
}
.sike-app-help-link:hover{
  background:#181b20 !important;
  color:#fff !important;
}

/* EQ/settings/link */
.sike-ios-page-head h2{
  color:#fff !important;
}
.sike-ios-page-head span{
  color:#7e858f !important;
}
.sike-ios-page-head>button{
  background:#14171c !important;
  color:#fff !important;
  border-color:#2b3038 !important;
}
.sike-ios-page-head>button.text{
  color:#ff6942 !important;
}
.sike-ios-eq-visual i{
  background:linear-gradient(180deg,#ff8b39,#ff3e35) !important;
}
.sike-ios-setting-row{
  border-color:#292d34 !important;
}
.sike-ios-setting-row input{
  background:#0d1014 !important;
  color:#fff !important;
  border:1px solid #272c33 !important;
}
.sike-ios-setting-row.input>div button,
.sike-ios-primary{
  background:linear-gradient(135deg,#ff552f,#df2730) !important;
  color:#fff !important;
}
.sike-ios-about-card>div{
  border-color:#292d34 !important;
}
.sike-ios-link-orbit{
  border-color:#4e3430 !important;
}
.sike-ios-link-orbit .host{
  background:linear-gradient(135deg,#ff552f,#d72b31) !important;
  color:#fff !important;
}
.sike-ios-link-orbit i{
  background:#ff7b35 !important;
}
.sike-ios-charge-ring{
  background:conic-gradient(#ff5737 0 82%,#2a2e34 82%) !important;
}
.sike-ios-charge-ring:before{
  background:#15181d !important;
}
.sike-ios-battery-grid div{
  background:#0d1014 !important;
  border:1px solid #252a31 !important;
}
.sike-ios-battery-grid span{
  color:#727a84 !important;
}
.sike-ios-battery-grid b{
  color:#fff !important;
}
.sike-ios-toast{
  background:#fff !important;
  color:#111 !important;
}

/* Remove remaining light/cream surfaces */
.sike-ios-segmented.wide{
  background:#111419 !important;
}
.sike-ios-setting-row.input>div,
.sike-ios-view,
.sike-ios-speaker-controls,
.sike-ios-powercell-controls{
  background:transparent !important;
}

/* Mobile remains fully dark with SIKE orange/red background. */
@media(max-width:720px){
  body.sike-ios-app-page{
    background:linear-gradient(165deg,#ff532c,#e62531 54%,#8f101a) !important;
  }
  .sike-ios-app{
    background:
      radial-gradient(circle at 10% 0%,rgba(255,139,54,.25),transparent 25%),
      linear-gradient(165deg,#ff512b,#df2730 58%,#8c101b) !important;
  }
  .sike-ios-shell{
    background:#0b0d10 !important;
  }
  .sike-ios-topbar{
    background:#0b0d10 !important;
  }
  .sike-ios-device-switcher{
    background:transparent !important;
  }
  .sike-ios-tabbar{
    background:rgba(8,10,13,.94) !important;
    border:1px solid #262a31 !important;
  }
  .sike-ios-hero-card,.sike-ios-card{
    background:#15181d !important;
  }
}


/* ===================================================================
   SIKE APP V5 — 20 SMART FEATURES
   =================================================================== */
.sike-feature-dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;grid-column:1/-1}
.sike-feature-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.sike-feature-quick-row button{min-height:70px;border:1px solid #282d34;background:#0d1014;color:#fff;border-radius:14px;padding:10px;text-align:left;display:flex;gap:9px;align-items:center;cursor:pointer;transition:.18s ease}
.sike-feature-quick-row button:hover{transform:translateY(-2px);border-color:#4a3030}
.sike-feature-quick-row button.on{background:linear-gradient(135deg,rgba(255,79,47,.22),rgba(222,41,48,.12));border-color:#ff5636}
.sike-feature-quick-row i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1a1e24;color:#ff6941;font-style:normal;font-size:15px}
.sike-feature-quick-row b{display:block;font-size:11px}.sike-feature-quick-row small{display:block;color:#747c86;font-size:8px;margin-top:2px}
.sike-feature-status-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.sike-feature-status-pills span{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:#0d1014;border:1px solid #292e35;color:#5d6570}
.sike-feature-status-pills span.active{color:#fff;border-color:#ff5b39;background:rgba(255,80,48,.14)}

.sike-feature-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:22px 24px;margin-bottom:16px;border:1px solid #2b3037;border-radius:18px;background:linear-gradient(125deg,#15181d 0%,#17191e 60%,rgba(255,76,42,.12) 100%)}
.sike-feature-intro span,.sike-feature-section-title span{font-size:9px;letter-spacing:.16em;color:#ff6a42;font-weight:900}
.sike-feature-intro h3{font-size:27px;margin:4px 0;color:#fff}.sike-feature-intro p{max-width:560px;color:#878e98;font-size:10px;line-height:1.55;margin:0}
.sike-feature-intro>strong{font-size:12px;padding:9px 12px;border-radius:999px;background:#0c0f13;border:1px solid #2d3239;color:#fff;white-space:nowrap}
.sike-feature-section{margin-bottom:22px}
.sike-feature-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.sike-feature-section-title small{font-size:9px;color:#626a75}
.sike-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sike-feature-card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:98px;padding:14px!important;overflow:hidden}
.sike-feature-card.enabled{border-color:#5d352f!important;box-shadow:inset 0 0 0 1px rgba(255,87,52,.15)!important}
.sike-feature-card>.sike-feature-icon{width:39px;height:39px;border-radius:12px;background:#0c0f13;border:1px solid #292e35;display:grid;place-items:center;color:#ff7045;font-size:18px}
.sike-feature-card>div>b{display:block;color:#fff;font-size:11px}.sike-feature-card>div>small{display:block;color:#777f89;font-size:8px;line-height:1.35;margin-top:3px}
.sike-feature-card>strong{color:#fff;font-size:13px}
.sike-feature-card>input[type=range]{grid-column:2/-1;width:100%;accent-color:#ff5136}
.sike-feature-card select{background:#0c0f13;border:1px solid #2b3037;color:#fff;border-radius:9px;padding:8px 9px;font-size:9px}
.sike-mini-switch{width:44px;height:25px;border:0;border-radius:999px;background:#333942;padding:3px;cursor:pointer;transition:.2s}
.sike-mini-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}
.sike-mini-switch.on{background:linear-gradient(90deg,#ff5c35,#ff842f)}.sike-mini-switch.on span{transform:translateX(19px)}
.sike-feature-segments{display:flex;gap:4px;grid-column:2/-1}.sike-feature-segments button{background:#0c0f13;border:1px solid #292e35;color:#7d858f;border-radius:9px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.sike-feature-segments button.active{background:#ff5135;border-color:#ff6744;color:#fff}
.sike-color-dots{display:flex;gap:7px}.sike-color-dots button{width:24px;height:24px;border-radius:50%;border:2px solid #2e333a;background:var(--dot,#fff);cursor:pointer;box-shadow:inset 0 0 0 2px #0c0f13}.sike-color-dots button.active{outline:2px solid #fff;outline-offset:2px}
.sike-feature-primary-small{background:linear-gradient(135deg,#ff5632,#d92931);border:0;color:#fff;border-radius:9px;padding:9px 11px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.sike-feature-action-row{display:flex;gap:5px;grid-column:2/-1}.sike-feature-action-row input{min-width:0;flex:1;background:#0c0f13;border:1px solid #292e35;color:#fff;border-radius:9px;padding:8px;font-size:9px}.sike-feature-action-row button{background:#ff5135;color:#fff;border:0;border-radius:8px;padding:0 10px;font-size:8px;font-weight:900;cursor:pointer}
.sike-saved-profiles{grid-column:2/-1;display:flex;gap:5px;flex-wrap:wrap}.sike-saved-profiles button{background:#0c0f13;color:#9ca3ac;border:1px solid #2a3037;border-radius:999px;padding:5px 8px;font-size:8px;cursor:pointer}
.sike-feature-metrics{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sike-feature-metrics span{background:#0c0f13;border:1px solid #272c33;border-radius:9px;padding:7px}.sike-feature-metrics b{display:block;color:#fff;font-size:11px}.sike-feature-metrics small{color:#68717b;font-size:7px}
.sike-feature-live{grid-column:2/-1;color:#ff7549!important;font-size:8px!important}
.sike-update-progress{height:4px;background:#0c0f13;border-radius:999px;overflow:hidden;grid-column:2/-1}.sike-update-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff8332,#ff3d36);transition:width .12s linear}
.sike-locating .sike-ios-product-stage{animation:sikeLocate 420ms ease-in-out 4}.sike-locating .sike-ios-halo{background:radial-gradient(circle,var(--sike-ring-color,#ff5535) 0,transparent 64%)!important;opacity:.42}
@keyframes sikeLocate{50%{box-shadow:inset 0 0 0 2px var(--sike-ring-color,#ff5535),0 0 34px rgba(255,75,45,.35)}}
.sike-ios-product-stage:after{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid var(--sike-ring-color,#32a8ff);opacity:.10;pointer-events:none}

@media(max-width:1100px){.sike-feature-dashboard-grid{grid-template-columns:1fr}.sike-feature-grid{grid-template-columns:1fr 1fr}.sike-feature-quick-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
 .sike-feature-dashboard-grid{display:block}.sike-feature-now-card{margin-top:10px}
 .sike-feature-intro{align-items:flex-start;flex-direction:column;padding:17px}.sike-feature-intro h3{font-size:24px}
 .sike-feature-grid{grid-template-columns:1fr}.sike-feature-card{min-height:92px}
 .sike-feature-quick-row{grid-template-columns:1fr 1fr}
 .sike-ios-tabbar{grid-template-columns:repeat(6,1fr)!important}
 .sike-ios-tabbar .sike-app-nav-brand{display:none!important}
}
@media(max-width:430px){.sike-feature-quick-row{grid-template-columns:1fr}.sike-feature-card{grid-template-columns:auto minmax(0,1fr)}.sike-feature-card>.sike-mini-switch,.sike-feature-card>select,.sike-feature-card>strong{grid-column:2}.sike-feature-segments,.sike-color-dots{grid-column:2}}


/* ===================================================================
   SIKE APP V9 — CLEAN RED/ORANGE GLASS DASHBOARD + REAL BUILDER 3D
   =================================================================== */
body.sike-ios-app-page{
  background:#ff3f34!important;
}
.sike-ios-app{
  min-height:calc(100vh - 150px)!important;
  padding:34px clamp(18px,3vw,48px) 56px!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(255,173,71,.62),transparent 28%),
    radial-gradient(circle at 88% 6%,rgba(255,91,46,.62),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(164,0,31,.28),transparent 44%),
    linear-gradient(145deg,#ff7b35 0%,#ff4936 40%,#ed2535 72%,#ba1229 100%)!important;
}
.sike-ios-bg{display:block!important;opacity:.8}
.sike-ios-bg i:nth-child(1){background:rgba(255,190,92,.22)!important}
.sike-ios-bg i:nth-child(2){background:rgba(255,255,255,.08)!important}
.sike-ios-bg i:nth-child(3){background:rgba(157,0,36,.17)!important}

/* No more giant dark rectangle */
.sike-ios-shell{
  max-width:1640px!important;
  margin:0 auto!important;
  padding:22px!important;
  background:rgba(255,245,239,.82)!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:
    0 28px 80px rgba(87,8,12,.20),
    inset 0 1px rgba(255,255,255,.68)!important;
  backdrop-filter:blur(28px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(120%)!important;
  border-radius:30px!important;
  color:#141416!important;
}
.sike-ios-topbar{color:#151517!important}
.sike-app-dashboard-title span{color:#e5382f!important}
.sike-app-dashboard-title h1{color:#111214!important}
.sike-app-dashboard-title small{color:#756e6a!important}
.sike-ios-demo-pill{background:#111214!important;color:#fff!important}
.sike-ios-circle{background:rgba(255,255,255,.76)!important;color:#111!important;border-color:rgba(30,24,22,.12)!important}
.sike-ios-account-pill{background:rgba(255,255,255,.7)!important;color:#151517!important;border:1px solid rgba(38,31,29,.11)!important}
.sike-ios-account-pill span{background:#ff4b38!important;color:#fff!important}

/* Sidebar floats instead of creating a dark wall */
.sike-ios-tabbar{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(37,30,27,.11)!important;
  box-shadow:0 12px 30px rgba(79,21,15,.08)!important;
  backdrop-filter:blur(22px)!important;
}
.sike-app-nav-brand{border-color:rgba(25,21,19,.10)!important}
.sike-app-nav-brand img{filter:invert(1)!important}
.sike-app-nav-brand small{color:#8d817b!important}
.sike-ios-tabbar button,.sike-app-help-link{color:#69645f!important}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff643a,#ef3536)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(233,53,43,.22)!important;
}
.sike-ios-tabbar button.active i{color:#fff!important}

/* Product switches */
.sike-ios-device-switcher button{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(36,29,27,.10)!important;
  color:#171719!important;
  box-shadow:0 8px 24px rgba(67,23,17,.06)!important;
  backdrop-filter:blur(16px)!important;
}
.sike-ios-device-switcher button small{color:#7f7772!important}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff6039,#ef3838)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(230,51,45,.22)!important;
}
.sike-ios-device-switcher button.active small{color:rgba(255,255,255,.72)!important}
.device-thumb{background:rgba(18,18,20,.94)!important}

/* All dashboard cards: light translucent, visually cleaner */
.sike-ios-hero-card,.sike-ios-card{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(39,31,28,.10)!important;
  box-shadow:0 12px 34px rgba(70,24,17,.08)!important;
  color:#171719!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{color:#111214!important}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{color:#7c746f!important}
.sike-ios-connected{color:#69635f!important}

/* Exact builder iframe stage */
.sike-builder-live-stage{
  position:relative!important;
  min-height:520px!important;
  height:min(56vh,620px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,109,61,.12),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(246,232,223,.26))!important;
  border:1px solid rgba(38,31,29,.08)!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.74)!important;
}
.sike-builder-live-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  opacity:1!important;
  transition:opacity .24s ease,transform .34s cubic-bezier(.2,.8,.2,1)!important;
}
.sike-builder-live-frame.switching{opacity:0!important;transform:scale(.97)!important}
.model-ready .sike-builder-live-frame{animation:sikeModelReady .6s cubic-bezier(.2,.8,.2,1)}
@keyframes sikeModelReady{0%{opacity:.25;transform:scale(.965)}100%{opacity:1;transform:scale(1)}}
.sike-ios-halo{background:radial-gradient(circle,rgba(255,91,49,.14),transparent 67%)!important}
.sike-builder-live-badge{
  position:absolute;z-index:4;top:14px;left:14px;
  display:flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:999px;
  background:rgba(255,255,255,.80);border:1px solid rgba(30,25,23,.10);
  box-shadow:0 7px 18px rgba(53,21,17,.08);
  backdrop-filter:blur(12px);pointer-events:none;
}
.sike-builder-live-badge i{width:7px;height:7px;border-radius:50%;background:#2bd179;box-shadow:0 0 0 5px rgba(43,209,121,.12)}
.sike-builder-live-badge span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#19191b}
.sike-builder-live-badge small{font-size:7px;color:#827a76}
.sike-ios-drag-hint{color:#847b76!important;z-index:5!important}

/* Live model strip */
.sike-app-live-strip{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:10px;padding:10px 12px;border-radius:14px;
  background:rgba(255,249,245,.58);border:1px solid rgba(36,29,27,.08);
  color:#6e6763;font-size:8px;
}
.sike-app-live-strip span{display:flex;align-items:center;gap:6px}
.sike-app-live-strip .pulse{width:7px;height:7px;border-radius:50%;background:#28cc75;animation:sikePulse 1.8s infinite}
@keyframes sikePulse{0%,100%{box-shadow:0 0 0 0 rgba(40,204,117,.28)}50%{box-shadow:0 0 0 7px rgba(40,204,117,0)}}
.sike-app-live-strip a{margin-left:auto;color:#e43b32;font-weight:850;text-decoration:none}

/* Status and controls */
.sike-ios-status-row>div,.sike-ios-battery-grid div{
  background:rgba(255,248,244,.58)!important;
  border-color:rgba(37,30,27,.08)!important;
}
.sike-ios-status-row span,.sike-ios-status-row small,.sike-ios-battery-grid span{color:#8b817a!important}
.sike-ios-status-row strong,.sike-ios-battery-grid b{color:#171719!important}
.sike-ios-volume-quick button,.sike-ios-segmented button{
  background:rgba(245,236,231,.82)!important;
  color:#766e69!important;
  border-color:rgba(41,33,30,.08)!important;
}
.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff5f39,#ec3538)!important;color:#fff!important;border-color:transparent!important
}
.sike-ios-link-button{color:#e43c33!important}
.sike-ios-power{background:#d8d0cc!important}
.sike-ios-power.on{background:linear-gradient(90deg,#ff5e38,#ff8335)!important}
.sike-ios-row-icon{background:#f4e9e4!important;color:#ed4538!important;border-color:rgba(37,30,27,.08)!important}
.sike-ios-device-card>button{color:#171719!important}
.sike-ios-device-card>button+button,.sike-ios-setting-row{border-color:rgba(38,31,28,.08)!important}
.sike-ios-setting-row input{background:rgba(255,255,255,.75)!important;color:#171719!important;border-color:rgba(38,31,28,.12)!important}
.sike-ios-charge-ring:before{background:rgba(255,255,255,.94)!important}
.sike-ios-page-head h2{color:#171719!important}.sike-ios-page-head span{color:#817873!important}
.sike-ios-page-head>button{background:rgba(255,255,255,.74)!important;color:#171719!important;border-color:rgba(40,32,29,.10)!important}
.sike-ios-page-head>button.text{color:#e43a32!important}

/* Feature cards inherit clean glass mode */
.sike-feature-quick-row button,.sike-feature-card>.sike-feature-icon,.sike-feature-metrics span,
.sike-feature-action-row input,.sike-saved-profiles button,.sike-feature-card select,
.sike-feature-segments button{
  background:rgba(249,239,234,.82)!important;
  border-color:rgba(43,34,31,.09)!important;
  color:#171719!important;
}
.sike-feature-card>div>b,.sike-feature-card>strong,.sike-feature-metrics b{color:#171719!important}
.sike-feature-card>div>small,.sike-feature-quick-row small,.sike-feature-metrics small{color:#817873!important}
.sike-feature-intro{background:rgba(255,255,255,.68)!important;border-color:rgba(40,32,29,.08)!important}
.sike-feature-intro h3{color:#171719!important}.sike-feature-intro p{color:#7f7671!important}
.sike-feature-intro>strong{background:#171719!important;color:#fff!important}
.sike-feature-status-pills span{background:rgba(248,238,233,.85)!important;border-color:rgba(43,34,31,.09)!important;color:#837a75!important}
.sike-feature-status-pills span.active{background:rgba(255,79,52,.12)!important;color:#d93630!important;border-color:rgba(226,57,47,.28)!important}

/* animation polish */
.sike-ios-device-switcher button,.sike-ios-card,.sike-ios-hero-card{
  animation:sikeCardIn .48s both cubic-bezier(.2,.8,.2,1);
}
.sike-ios-device-switcher button:nth-child(2){animation-delay:.05s}
.sike-ios-device-switcher button:nth-child(3){animation-delay:.10s}
@keyframes sikeCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sike-ios-card:hover{box-shadow:0 18px 40px rgba(72,24,17,.11)!important}

/* Power-off dims real iframe rather than a fake image */
.device-off .sike-builder-live-frame{filter:grayscale(.75) brightness(.72)!important;opacity:.76!important}
.device-off .sike-builder-live-badge i{background:#a5a5a5;box-shadow:none}

/* responsive */
@media(max-width:1100px){
 .sike-ios-app{padding:22px 14px 42px!important}
 .sike-ios-shell{padding:16px!important;border-radius:24px!important}
 .sike-builder-live-stage{min-height:440px!important;height:50vh!important}
}
@media(max-width:720px){
 body.sike-ios-app-page,.sike-ios-app{
   background:linear-gradient(165deg,#ff7d38 0%,#ff4938 42%,#de2637 74%,#a91227 100%)!important;
 }
 .sike-ios-shell{background:rgba(255,247,242,.88)!important;border-radius:22px!important;padding:10px!important}
 .sike-ios-topbar{background:transparent!important}
 .sike-ios-tabbar{background:rgba(255,255,255,.82)!important}
 .sike-builder-live-stage{height:430px!important;min-height:430px!important;border-radius:20px!important}
 .sike-builder-live-badge small{display:none}
 .sike-app-live-strip span:nth-child(2){display:none}
 .sike-app-live-strip a{margin-left:0}
}
@media(max-width:430px){
 .sike-builder-live-stage{height:390px!important;min-height:390px!important}
}


/* ===================================================================
   SIKE APP V10 — DARK GLASS MODE
   Keeps the V9 clean layout and exact builder.php 3D models, but moves
   the app into a deeper dark graphite UI with SIKE orange/red accents.
   =================================================================== */

body.sike-ios-app-page{
  background:#120d0f!important;
  color:#f5f5f7!important;
}
.sike-ios-app{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,119,48,.28),transparent 29%),
    radial-gradient(circle at 92% 10%,rgba(255,57,45,.25),transparent 31%),
    radial-gradient(circle at 50% 100%,rgba(126,0,30,.28),transparent 46%),
    linear-gradient(145deg,#35100d 0%,#201012 34%,#120d10 68%,#090a0d 100%)!important;
}
.sike-ios-bg i:nth-child(1){background:rgba(255,108,43,.14)!important}
.sike-ios-bg i:nth-child(2){background:rgba(255,47,50,.11)!important}
.sike-ios-bg i:nth-child(3){background:rgba(102,0,30,.18)!important}

.sike-ios-shell{
  background:rgba(10,12,16,.84)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 32px 90px rgba(0,0,0,.42),
    inset 0 1px rgba(255,255,255,.045)!important;
  color:#f7f7f8!important;
  backdrop-filter:blur(30px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(120%)!important;
}
.sike-ios-topbar{color:#fff!important}
.sike-app-dashboard-title span{color:#ff6841!important}
.sike-app-dashboard-title h1{color:#fff!important}
.sike-app-dashboard-title small{color:#858b94!important}
.sike-ios-demo-pill{
  background:linear-gradient(135deg,#ff5c36,#e72d33)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.sike-ios-circle{
  background:#15181d!important;
  color:#fff!important;
  border:1px solid #2b3037!important;
}
.sike-ios-account-pill{
  background:#14171c!important;
  color:#fff!important;
  border:1px solid #2a2f36!important;
}
.sike-ios-account-pill span{background:#ff4d38!important;color:#fff!important}

/* Sidebar */
.sike-ios-tabbar{
  background:rgba(7,9,12,.92)!important;
  border:1px solid #252a31!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
.sike-app-nav-brand{border-color:#242930!important}
.sike-app-nav-brand img{filter:none!important}
.sike-app-nav-brand small{color:#737b85!important}
.sike-ios-tabbar button,.sike-app-help-link{color:#747c86!important}
.sike-ios-tabbar button.active{
  background:linear-gradient(135deg,#ff5d36,#df2931)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(239,54,43,.22)!important;
}

/* Device switcher */
.sike-ios-device-switcher button{
  background:rgba(19,22,27,.92)!important;
  border:1px solid #2a2f36!important;
  color:#f7f7f8!important;
  box-shadow:none!important;
}
.sike-ios-device-switcher button small{color:#7c838d!important}
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff5f37,#e63034)!important;
  border-color:#ff6c46!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(230,48,44,.22)!important;
}
.sike-ios-device-switcher button.active small{color:rgba(255,255,255,.75)!important}
.device-thumb{background:#090b0e!important;border-color:#252a31!important}

/* Main cards */
.sike-ios-hero-card,.sike-ios-card{
  background:rgba(18,21,26,.88)!important;
  border:1px solid #292e35!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
  color:#f6f6f7!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.sike-ios-hero-head h1,
.sike-ios-card-title span,
.sike-ios-card-title>strong,
.sike-ios-device-card b,
.sike-ios-setting-row b,
.sike-ios-about-card b,
.sike-ios-link-panel h3{color:#fff!important}
.sike-ios-hero-head p,
.sike-ios-card-title small,
.sike-ios-device-card small,
.sike-ios-setting-row small,
.sike-ios-about-card span,
.sike-ios-link-panel p{color:#858c96!important}
.sike-ios-connected{color:#969da7!important}

/* 3D stage */
.sike-builder-live-stage{
  background:
    radial-gradient(circle at 50% 47%,rgba(255,90,49,.14),transparent 43%),
    linear-gradient(180deg,#111419 0%,#090b0f 100%)!important;
  border:1px solid #262b32!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    inset 0 -30px 70px rgba(0,0,0,.18)!important;
}
.sike-builder-live-badge{
  background:rgba(11,14,18,.82)!important;
  border-color:#2a3037!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.sike-builder-live-badge span{color:#fff!important}
.sike-builder-live-badge small{color:#737b85!important}
.sike-ios-drag-hint{color:#69717b!important}
.sike-app-live-strip{
  background:#0d1014!important;
  border-color:#262b32!important;
  color:#7f8791!important;
}
.sike-app-live-strip a{color:#ff6540!important}

/* Status + controls */
.sike-ios-status-row>div,.sike-ios-battery-grid div{
  background:#0d1014!important;
  border-color:#252a31!important;
}
.sike-ios-status-row span,.sike-ios-status-row small,.sike-ios-battery-grid span{color:#757d87!important}
.sike-ios-status-row strong,.sike-ios-battery-grid b{color:#fff!important}
.sike-ios-volume-quick button,.sike-ios-segmented button{
  background:#0d1014!important;
  color:#7e858f!important;
  border-color:#292e35!important;
}
.sike-ios-volume-quick button.active,.sike-ios-segmented button.active{
  background:linear-gradient(135deg,#ff5c35,#e32d33)!important;
  color:#fff!important;
  border-color:#ff6641!important;
}
.sike-ios-link-button{color:#ff6841!important}
.sike-ios-power{background:#343941!important}
.sike-ios-power.on{background:linear-gradient(90deg,#ff5c35,#ff8334)!important}
.sike-ios-row-icon{
  background:#0d1014!important;
  color:#ff6741!important;
  border-color:#272c33!important;
}
.sike-ios-device-card>button{color:#fff!important}
.sike-ios-device-card>button+button,.sike-ios-setting-row{border-color:#292e35!important}
.sike-ios-setting-row input{
  background:#0c0f13!important;
  color:#fff!important;
  border-color:#2a2f36!important;
}
.sike-ios-charge-ring:before{background:#15181d!important}
.sike-ios-page-head h2{color:#fff!important}
.sike-ios-page-head span{color:#7c848e!important}
.sike-ios-page-head>button{
  background:#14171c!important;
  color:#fff!important;
  border-color:#2a2f36!important;
}
.sike-ios-page-head>button.text{color:#ff6841!important}

/* Feature cards */
.sike-feature-quick-row button,
.sike-feature-card>.sike-feature-icon,
.sike-feature-metrics span,
.sike-feature-action-row input,
.sike-saved-profiles button,
.sike-feature-card select,
.sike-feature-segments button{
  background:#0d1014!important;
  border-color:#292e35!important;
  color:#f4f4f5!important;
}
.sike-feature-card>div>b,.sike-feature-card>strong,.sike-feature-metrics b{color:#fff!important}
.sike-feature-card>div>small,.sike-feature-quick-row small,.sike-feature-metrics small{color:#78808a!important}
.sike-feature-intro{
  background:linear-gradient(125deg,#15181d 0%,#15181d 60%,rgba(255,77,46,.10) 100%)!important;
  border-color:#292e35!important;
}
.sike-feature-intro h3{color:#fff!important}
.sike-feature-intro p{color:#818994!important}
.sike-feature-intro>strong{background:#090b0e!important;color:#fff!important;border-color:#292e35!important}
.sike-feature-status-pills span{
  background:#0d1014!important;
  border-color:#292e35!important;
  color:#747c86!important;
}
.sike-feature-status-pills span.active{
  background:rgba(255,82,49,.13)!important;
  color:#ff7955!important;
  border-color:rgba(255,91,55,.35)!important;
}

/* Cards feel more premium in dark mode */
.sike-ios-card:hover{
  border-color:#373d45!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
.sike-ios-volume-card input[type=range],
.sike-ios-eq-sliders input{accent-color:#ff5b39!important}
.sike-ios-eq-visual i{background:linear-gradient(180deg,#ff8737,#ff3f37)!important}

/* Mobile */
@media(max-width:720px){
  body.sike-ios-app-page,
  .sike-ios-app{
    background:
      radial-gradient(circle at 10% 0%,rgba(255,116,47,.25),transparent 28%),
      linear-gradient(165deg,#2d100e 0%,#180e11 54%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    background:rgba(9,11,14,.92)!important;
    border-color:#22272e!important;
  }
  .sike-ios-topbar{background:transparent!important}
  .sike-ios-tabbar{background:rgba(8,10,13,.96)!important}
}


/* ===================================================================
   SIKE APP V11 — MOBILE MINIMAL / iPHONE FIRST
   Desktop stays V10. Phone layout is significantly simpler, tighter,
   calmer and more native-app-like.
   =================================================================== */

@media(max-width:720px){
  html,body{overflow-x:hidden!important}
  body.sike-ios-app-page{
    background:#090a0d!important;
  }
  .sike-ios-app{
    min-height:100vh!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 50% -10%,rgba(255,93,47,.18),transparent 34%),
      linear-gradient(180deg,#111014 0%,#090a0d 34%,#090a0d 100%)!important;
  }

  /* App shell becomes edge-to-edge, no giant desktop container */
  .sike-ios-shell{
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0 14px 22px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Compact native-style top header */
  .sike-ios-topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    min-height:58px!important;
    padding:calc(10px + env(safe-area-inset-top)) 2px 8px!important;
    background:rgba(9,10,13,.88)!important;
    backdrop-filter:blur(22px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .sike-app-dashboard-title span{display:none!important}
  .sike-app-dashboard-title h1{
    font-size:23px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    margin:0!important;
  }
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:38px!important;height:38px!important;
    border-radius:13px!important;
  }
  .sike-ios-account-pill{
    min-height:38px!important;
    padding:5px 9px 5px 5px!important;
    border-radius:13px!important;
    font-size:8px!important;
  }
  .sike-ios-account-pill span{
    width:27px!important;height:27px!important;
    font-size:9px!important;
  }

  /* Product switcher turns into compact horizontal chips */
  .sike-ios-device-switcher{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding:10px 0 4px!important;
    margin:0!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-ios-device-switcher::-webkit-scrollbar{display:none!important}
  .sike-ios-device-switcher button{
    flex:0 0 auto!important;
    min-width:150px!important;
    height:58px!important;
    padding:7px 10px!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
    box-shadow:none!important;
  }
  .device-thumb{
    width:42px!important;height:42px!important;
    border-radius:11px!important;
  }
  .sike-ios-device-switcher button b{font-size:10px!important}
  .sike-ios-device-switcher button small{font-size:7px!important}

  /* Single-column mobile dashboard */
  .sike-ios-dashboard{
    display:block!important;
    padding-top:7px!important;
  }
  .sike-ios-main-column,
  .sike-ios-side-column{
    width:100%!important;
    min-width:0!important;
  }

  /* Main hero becomes compact device card */
  .sike-ios-hero-card{
    border-radius:20px!important;
    padding:12px!important;
    margin-bottom:10px!important;
    box-shadow:none!important;
  }
  .sike-ios-hero-head{
    min-height:50px!important;
    padding:0 2px 7px!important;
  }
  .sike-ios-hero-head h1{
    font-size:28px!important;
    letter-spacing:-.045em!important;
  }
  .sike-ios-hero-head p{
    font-size:8px!important;
    margin-top:2px!important;
  }
  .sike-ios-connected{
    font-size:7px!important;
  }

  /* Real builder view stays, but much more phone-appropriate */
  .sike-builder-live-stage{
    height:350px!important;
    min-height:350px!important;
    border-radius:18px!important;
    margin-top:2px!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(255,86,44,.11),transparent 46%),
      #0b0d11!important;
  }
  .sike-builder-live-badge{
    top:9px!important;
    left:9px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
  }
  .sike-builder-live-badge span{font-size:6px!important}
  .sike-builder-live-badge small{display:none!important}
  .sike-ios-drag-hint{
    bottom:9px!important;
    font-size:7px!important;
    letter-spacing:.01em!important;
  }
  .sike-app-live-strip{
    margin-top:7px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    font-size:7px!important;
  }
  .sike-app-live-strip span:nth-child(2){display:none!important}
  .sike-app-live-strip a{
    margin-left:auto!important;
    font-size:7px!important;
  }

  /* Status row simplified */
  .sike-ios-status-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .sike-ios-status-row>div{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:13px!important;
  }
  .sike-ios-status-row>div:nth-child(3){
    grid-column:1/-1!important;
    min-height:48px!important;
  }
  .sike-ios-status-row span{font-size:7px!important}
  .sike-ios-status-row strong{font-size:14px!important}
  .sike-ios-status-row small{font-size:7px!important}

  /* Side controls become minimal stacked cards */
  .sike-ios-side-column{
    display:grid!important;
    gap:8px!important;
  }
  .sike-ios-card{
    border-radius:18px!important;
    padding:12px!important;
    box-shadow:none!important;
    margin:0!important;
  }
  .sike-ios-card-title span{font-size:12px!important}
  .sike-ios-card-title small{font-size:7px!important}
  .sike-ios-card-title>strong{font-size:22px!important}

  /* Volume: cleaner and less button-heavy */
  .sike-ios-volume-card{
    min-height:126px!important;
  }
  .sike-ios-volume-card input[type=range]{
    margin:10px 0 8px!important;
    height:4px!important;
  }
  .sike-ios-volume-quick{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
  }
  .sike-ios-volume-quick button{
    min-height:34px!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:7px!important;
  }

  .sike-ios-segmented{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
  }
  .sike-ios-segmented button{
    min-height:34px!important;
    border-radius:10px!important;
    padding:0 5px!important;
    font-size:7px!important;
  }

  /* Hide secondary dashboard noise on phone; still available through tabs */
  .sike-feature-dashboard-grid,
  .sike-feature-quick-card,
  .sike-feature-now-card{
    display:none!important;
  }
  .sike-ios-device-card{
    display:none!important;
  }

  /* POWERCELL dashboard is more compact */
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:6px!important;
  }
  .sike-ios-battery-grid div{
    padding:9px!important;
    border-radius:12px!important;
  }
  .sike-ios-charge-ring{
    width:86px!important;height:86px!important;
  }

  /* Internal app pages */
  .sike-ios-view{
    padding-top:10px!important;
  }
  .sike-ios-page-head{
    position:sticky!important;
    top:57px!important;
    z-index:75!important;
    margin:0 -14px 10px!important;
    padding:9px 14px!important;
    background:rgba(9,10,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px)!important;
  }
  .sike-ios-page-head h2{font-size:20px!important}
  .sike-ios-page-head span{font-size:7px!important}
  .sike-ios-page-head>button{
    width:36px!important;height:36px!important;
    border-radius:11px!important;
  }

  /* Features: one clean list, tighter cards */
  .sike-feature-intro{
    padding:14px!important;
    border-radius:17px!important;
    margin-bottom:12px!important;
  }
  .sike-feature-intro h3{font-size:22px!important}
  .sike-feature-intro p{font-size:8px!important}
  .sike-feature-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-feature-card{
    min-height:78px!important;
    padding:11px!important;
    border-radius:15px!important;
  }
  .sike-feature-card>.sike-feature-icon{
    width:34px!important;height:34px!important;
    border-radius:10px!important;
  }
  .sike-feature-card>div>b{font-size:10px!important}
  .sike-feature-card>div>small{font-size:7px!important}
  .sike-feature-section{margin-bottom:17px!important}
  .sike-feature-section-title{padding:0 2px 6px!important}

  /* Settings and SIKE Link */
  .sike-ios-setting-row{
    min-height:58px!important;
    padding:10px!important;
  }
  .sike-ios-row-icon{
    width:35px!important;height:35px!important;
    border-radius:10px!important;
  }
  .sike-ios-link-orbit{
    transform:scale(.88)!important;
    margin:-12px auto!important;
  }

  /* Bottom nav becomes true iPhone style */
  .sike-ios-tabbar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:120!important;
    height:62px!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(6,1fr)!important;
    border-radius:20px!important;
    background:rgba(13,15,19,.90)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(24px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  }
  .sike-ios-tabbar .sike-app-nav-brand{display:none!important}
  .sike-ios-tabbar button,
  .sike-app-help-link{
    min-width:0!important;
    height:50px!important;
    padding:4px 2px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:6px!important;
  }
  .sike-ios-tabbar button i,
  .sike-app-help-link i{
    font-size:16px!important;
    line-height:1!important;
  }
  .sike-ios-tabbar button.active{
    background:linear-gradient(135deg,#ff6038,#e62f35)!important;
    box-shadow:none!important;
  }

  /* Safer tap sizing */
  button,a,input,select{touch-action:manipulation}
}

@media(max-width:430px){
  .sike-ios-shell{padding-left:10px!important;padding-right:10px!important}
  .sike-builder-live-stage{height:320px!important;min-height:320px!important}
  .sike-ios-device-switcher button{min-width:138px!important}
  .sike-ios-hero-head h1{font-size:25px!important}
  .sike-ios-tabbar{left:7px!important;right:7px!important}
}

@media(max-width:370px){
  .sike-builder-live-stage{height:285px!important;min-height:285px!important}
  .sike-ios-device-switcher button{min-width:128px!important}
  .sike-ios-tabbar button span{display:none!important}
  .sike-ios-tabbar button i,.sike-app-help-link i{font-size:17px!important}
}


/* ===================================================================
   SIKE APP V12 — MOBILE POLISH / FOOTER FIX
   Fixes the clipped floating footer shown in iPhone Safari and further
   simplifies the phone dashboard without changing desktop V10/V11.
   =================================================================== */

.sike-mobile-help-top{text-decoration:none}

@media(max-width:720px){

  /* Make the normal SIKE website header much smaller while inside the app. */
  .sike-ios-app-page .announcement{
    display:none!important;
  }
  .sike-ios-app-page .site-header{
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
    position:relative!important;
    top:auto!important;
    background:#08090b!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-ios-app-page .site-header .brand{
    width:auto!important;
    max-width:215px!important;
    margin:0!important;
  }
  .sike-ios-app-page .site-header .brand img{
    max-width:205px!important;
    width:100%!important;
    height:auto!important;
  }
  .sike-ios-app-page .site-header .desktop-nav,
  .sike-ios-app-page .site-header .icon-button{
    display:none!important;
  }
  .sike-ios-app-page .site-header .header-actions{
    gap:8px!important;
    margin-left:auto!important;
  }
  .sike-ios-app-page .site-header .cart-button{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
  }
  .sike-ios-app-page .site-header .cart-button span{display:none!important}
  .sike-ios-app-page .site-header .cart-button b{
    position:static!important;
    margin:0!important;
  }
  .sike-ios-app-page .site-header .menu-button{
    display:flex!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
  }

  /* App starts immediately after the compact site header. */
  .sike-ios-app{
    padding-top:0!important;
  }

  /* Cleaner app header: one row, no awkward black block. */
  .sike-ios-topbar{
    min-height:56px!important;
    padding:
      calc(8px + env(safe-area-inset-top))
      1px
      8px!important;
    margin:0!important;
  }
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-top-actions{
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  .sike-ios-account-pill{
    max-width:128px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .sike-mobile-help-top{
    display:grid!important;
    place-items:center!important;
  }

  /* Device selector should never create horizontal page overflow. */
  .sike-ios-device-switcher{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overscroll-behavior-inline:contain!important;
  }

  /* Product card reduced slightly so controls are reachable sooner. */
  .sike-ios-hero-card{
    padding:11px!important;
  }
  .sike-builder-live-stage{
    height:315px!important;
    min-height:315px!important;
  }
  .sike-builder-live-badge{
    max-width:165px!important;
  }
  .sike-ios-drag-hint{
    max-width:82%!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
  }

  /* Do not show exact-view builder buttons as a giant row on phone.
     Rotation still works by touch; full controls stay in Full Builder. */
  .sike-builder-live-frame{
    border-radius:17px!important;
  }

  /* More compact home status. */
  .sike-ios-status-row{
    margin-bottom:0!important;
  }
  .sike-ios-status-row>div:nth-child(3){
    display:none!important;
  }
  .sike-app-live-strip{
    margin-bottom:0!important;
  }

  /* Keep speaker controls close to the product instead of huge gaps. */
  .sike-ios-speaker-controls,
  .sike-ios-powercell-controls{
    margin-top:8px!important;
  }

  /* ---------------- Bottom navigation / footer fix ----------------
     Explicit width and box sizing override the old desktop sidebar width.
     Five items fit safely on iPhone and stay above Safari's browser chrome. */
  .sike-ios-tabbar{
    position:fixed!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;

    margin:0!important;
    padding:5px!important;
    transform:none!important;
    translate:none!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:3px!important;

    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:21px!important;

    background:rgba(12,14,18,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:
      0 18px 48px rgba(0,0,0,.48),
      inset 0 1px rgba(255,255,255,.04)!important;
    backdrop-filter:blur(28px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  }
  .sike-ios-tabbar .sike-app-nav-brand{
    display:none!important;
  }
  .sike-ios-tabbar button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:4px 1px!important;
    border:0!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:2px!important;
    overflow:hidden!important;
    color:#777f89!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .sike-ios-tabbar button i{
    font-size:17px!important;
    line-height:18px!important;
    width:auto!important;
    height:auto!important;
  }
  .sike-ios-tabbar button span{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:6px!important;
    line-height:8px!important;
    letter-spacing:0!important;
  }
  .sike-ios-tabbar button.active{
    background:linear-gradient(135deg,#ff6038,#e72f35)!important;
    color:#fff!important;
  }

  /* Ensure page content can scroll fully clear of the fixed nav. */
  .sike-ios-shell{
    padding-bottom:96px!important;
  }
  .sike-ios-view{
    padding-bottom:16px!important;
  }

  /* Slightly calmer cards on phone. */
  .sike-ios-card,
  .sike-ios-hero-card{
    border-color:rgba(255,255,255,.075)!important;
  }
}

@media(max-width:430px){
  .sike-ios-app-page .site-header{
    height:66px!important;
    min-height:66px!important;
    padding:0 10px!important;
  }
  .sike-ios-app-page .site-header .brand{
    max-width:185px!important;
  }
  .sike-ios-app-page .site-header .brand img{
    max-width:180px!important;
  }
  .sike-ios-app-page .site-header .cart-button,
  .sike-ios-app-page .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }

  .sike-ios-shell{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .sike-builder-live-stage{
    height:292px!important;
    min-height:292px!important;
  }
  .sike-ios-device-switcher button{
    min-width:132px!important;
    height:55px!important;
  }
  .device-thumb{
    width:39px!important;
    height:39px!important;
  }

  .sike-ios-tabbar{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    height:61px!important;
    min-height:61px!important;
    padding:4px!important;
  }
  .sike-ios-tabbar button{
    height:51px!important;
    min-height:51px!important;
  }
}

@media(max-width:370px){
  .sike-ios-account-pill{
    max-width:95px!important;
  }
  .sike-builder-live-stage{
    height:270px!important;
    min-height:270px!important;
  }
  .sike-ios-tabbar button span{
    font-size:5.5px!important;
  }
}


/* ===================================================================
   SIKE APP V13 — WARM ORANGE BACKGROUND / SOFTER OUTER BORDER
   Keeps V12 layout/functionality intact. Visual-only refinement:
   warmer orange background, less red/brown, and a much softer shell edge.
   =================================================================== */

body.sike-ios-app-page{
  background:#1a0d07!important;
}

.sike-ios-app{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,170,76,.42),transparent 31%),
    radial-gradient(circle at 88% 8%,rgba(255,105,42,.34),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(154,45,0,.18),transparent 46%),
    linear-gradient(145deg,#f47a2a 0%,#e85a20 30%,#b53b18 58%,#39120c 100%)!important;
}

/* Remove the heavy framed-box feeling. */
.sike-ios-shell{
  background:rgba(10,12,16,.88)!important;
  border:1px solid rgba(255,255,255,.035)!important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* Softer card outlines throughout the dashboard. */
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage,
.sike-ios-status-row>div,
.sike-ios-battery-grid div,
.sike-app-live-strip{
  border-color:rgba(255,255,255,.055)!important;
}

.sike-ios-hero-card,
.sike-ios-card{
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

/* Side navigation should visually float instead of looking boxed in. */
.sike-ios-tabbar{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}

/* Device tabs also get a quieter border. */
.sike-ios-device-switcher button{
  border-color:rgba(255,255,255,.055)!important;
}
.sike-ios-device-switcher button.active{
  border-color:rgba(255,146,89,.34)!important;
}

/* Reduce the hard line around the live model area. */
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    inset 0 -26px 62px rgba(0,0,0,.14)!important;
}

/* Slightly warmer SIKE accent so it matches the new orange canvas. */
.sike-ios-tabbar button.active,
.sike-ios-volume-quick button.active,
.sike-ios-segmented button.active,
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff7138,#ef3e30)!important;
}
.sike-ios-power.on{
  background:linear-gradient(90deg,#ff7138,#ff9438)!important;
}
.sike-ios-link-button,
.sike-app-live-strip a,
.sike-ios-page-head>button.text{
  color:#ff7a48!important;
}

/* Desktop outer area: more orange visible, less dark red/brown. */
@media(min-width:721px){
  .sike-ios-app{
    padding-top:34px!important;
    padding-bottom:56px!important;
  }
  .sike-ios-shell{
    border-radius:28px!important;
  }
}

/* Phone keeps the cleaner V12 structure but gains the warmer orange glow. */
@media(max-width:720px){
  body.sike-ios-app-page{
    background:#090a0d!important;
  }
  .sike-ios-app{
    background:
      radial-gradient(circle at 50% -8%,rgba(255,140,53,.28),transparent 31%),
      linear-gradient(180deg,#24110a 0%,#100c0d 26%,#090a0d 62%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    border:0!important;
    box-shadow:none!important;
  }
  .sike-ios-hero-card,
  .sike-ios-card,
  .sike-ios-device-switcher button,
  .sike-builder-live-stage{
    border-color:rgba(255,255,255,.05)!important;
  }
}


/* ===================================================================
   SIKE APP V14 — FULLSCREEN DASHBOARD + ABSTRACT ANIMATED BACKGROUND
   =================================================================== */

body.sike-ios-app-page{
  background:#0b0a0b!important;
}

/* Fullscreen app canvas */
.sike-ios-app{
  position:relative!important;
  min-height:calc(100vh - var(--site-header-height,132px))!important;
  width:100%!important;
  padding:22px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,#ff8a33 0%,#ef5b27 28%,#c43b1f 48%,#3a1310 74%,#0b0a0b 100%)!important;
}

/* Main dashboard nearly edge-to-edge */
.sike-ios-shell{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - var(--site-header-height,132px) - 44px)!important;
  margin:0!important;
  padding:20px!important;
  border-radius:24px!important;
  background:rgba(8,10,13,.82)!important;
  border:1px solid rgba(255,255,255,.025)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
}

/* Remove large dead space around the app */
@media(min-width:721px){
  .sike-ios-app{
    padding:18px!important;
  }
  .sike-ios-shell{
    min-height:calc(100vh - var(--site-header-height,132px) - 36px)!important;
  }
}

/* Abstract animated background */
.sike-abstract-bg{
  position:absolute!important;
  inset:-8%!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  filter:saturate(115%)!important;
}
.sike-abstract-bg .orb,
.sike-abstract-bg .beam,
.sike-abstract-bg .mesh{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
}
.sike-abstract-bg .orb{
  border-radius:50%!important;
  filter:blur(4px)!important;
  opacity:.48!important;
  mix-blend-mode:screen!important;
}
.sike-abstract-bg .orb-a{
  width:44vw!important;
  height:44vw!important;
  left:-10vw!important;
  top:-11vw!important;
  background:radial-gradient(circle at 35% 35%,rgba(255,199,91,.92),rgba(255,103,43,.45) 42%,transparent 72%)!important;
  animation:sikeOrbA 18s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-b{
  width:36vw!important;
  height:36vw!important;
  right:-8vw!important;
  top:5vw!important;
  background:radial-gradient(circle at 45% 45%,rgba(255,75,42,.72),rgba(181,32,30,.30) 52%,transparent 74%)!important;
  animation:sikeOrbB 22s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-c{
  width:34vw!important;
  height:34vw!important;
  left:38vw!important;
  bottom:-15vw!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,131,48,.52),rgba(120,18,17,.22) 55%,transparent 76%)!important;
  animation:sikeOrbC 26s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam{
  width:82vw!important;
  height:18vw!important;
  border-radius:50%!important;
  opacity:.18!important;
  filter:blur(26px)!important;
  background:linear-gradient(90deg,transparent,#ffab58 24%,#ff5a30 55%,transparent 100%)!important;
}
.sike-abstract-bg .beam-a{
  left:5vw!important;
  top:14vw!important;
  transform:rotate(-12deg)!important;
  animation:sikeBeamA 20s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam-b{
  right:-15vw!important;
  bottom:8vw!important;
  transform:rotate(14deg)!important;
  opacity:.11!important;
  animation:sikeBeamB 24s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .mesh{
  inset:0!important;
  opacity:.14!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%)!important;
  animation:sikeMesh 22s linear infinite!important;
}

@keyframes sikeOrbA{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(9vw,5vw,0) scale(1.16)}
}
@keyframes sikeOrbB{
  0%{transform:translate3d(0,0,0) scale(.95)}
  100%{transform:translate3d(-10vw,8vw,0) scale(1.12)}
}
@keyframes sikeOrbC{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-7vw,-7vw,0) scale(1.18)}
}
@keyframes sikeBeamA{
  0%{transform:rotate(-12deg) translate3d(-5vw,0,0)}
  100%{transform:rotate(-6deg) translate3d(8vw,4vw,0)}
}
@keyframes sikeBeamB{
  0%{transform:rotate(14deg) translate3d(0,0,0)}
  100%{transform:rotate(7deg) translate3d(-10vw,-4vw,0)}
}
@keyframes sikeMesh{
  from{background-position:0 0,0 0}
  to{background-position:42px 42px,42px 42px}
}

/* Refine fullscreen desktop spacing */
@media(min-width:1101px){
  .sike-ios-dashboard{
    gap:16px!important;
  }
  .sike-ios-main-column,
  .sike-ios-side-column{
    min-height:0!important;
  }
  .sike-ios-hero-card{
    min-height:calc(100vh - var(--site-header-height,132px) - 190px)!important;
  }
  .sike-builder-live-stage{
    height:calc(100vh - var(--site-header-height,132px) - 370px)!important;
    min-height:420px!important;
    max-height:650px!important;
  }
}

/* Keep background border almost invisible */
.sike-ios-shell,
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.035)!important;
}

/* Slight orange rim/glow instead of borders */
.sike-ios-shell:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,120,54,.035),
    inset 0 0 80px rgba(255,83,40,.025)!important;
}

/* Mobile remains fullscreen but abstract effect is calmer */
@media(max-width:720px){
  .sike-ios-app{
    min-height:100vh!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    background:
      linear-gradient(180deg,#1e0e09 0%,#0f0b0c 30%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    min-height:100vh!important;
    border-radius:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    background:rgba(8,10,13,.84)!important;
  }
  .sike-abstract-bg{
    inset:-20%!important;
    opacity:.75!important;
  }
  .sike-abstract-bg .mesh{
    opacity:.08!important;
    background-size:34px 34px!important;
  }
  .sike-abstract-bg .orb-a{
    width:110vw!important;height:110vw!important;
    left:-45vw!important;top:-38vw!important;
  }
  .sike-abstract-bg .orb-b{
    width:90vw!important;height:90vw!important;
    right:-45vw!important;top:18vw!important;
  }
  .sike-abstract-bg .orb-c{display:none!important}
  .sike-abstract-bg .beam{opacity:.08!important}
}

/* Respect reduced-motion accessibility */
@media(prefers-reduced-motion:reduce){
  .sike-abstract-bg *{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V15 — EMPTY ACCOUNT + SIKE MUSIC
   =================================================================== */

/* ----- No products by default ----- */
.sike-empty-devices{
  display:none;
  min-height:560px;
  border-radius:24px;
  padding:52px clamp(24px,5vw,76px);
  background:
    radial-gradient(circle at 15% 10%,rgba(255,119,49,.14),transparent 32%),
    linear-gradient(145deg,rgba(18,20,25,.94),rgba(8,10,13,.92));
  border:1px solid rgba(255,255,255,.045);
  position:relative;
  overflow:hidden;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
}
.no-devices .sike-empty-devices{display:flex}
.no-devices [data-view="home"]>.sike-ios-hero-card,
.no-devices [data-view="home"]>.sike-ios-speaker-controls,
.no-devices [data-view="home"]>.sike-ios-powercell-controls,
.no-devices [data-view="home"]>.sike-feature-dashboard-grid,
.no-devices [data-view="home"]>.sike-ios-device-card{display:none!important}
.sike-empty-devices:after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  right:-190px;top:-210px;
  background:radial-gradient(circle,rgba(255,119,48,.18),transparent 68%);
  animation:sikeEmptyGlow 8s ease-in-out infinite alternate;
}
@keyframes sikeEmptyGlow{to{transform:translate(-36px,48px) scale(1.12)}}
.sike-empty-orbit{
  width:126px;height:126px;position:relative;display:grid;place-items:center;margin-bottom:30px;
}
.sike-empty-orbit span{
  width:68px;height:68px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ff7136,#e53632);color:#fff;font-size:28px;font-weight:950;
  box-shadow:0 18px 50px rgba(229,54,47,.25)
}
.sike-empty-orbit i{
  position:absolute;inset:0;border:1px solid rgba(255,123,65,.22);border-radius:50%;
  animation:sikeOrbitSpin 8s linear infinite
}
.sike-empty-orbit i:nth-child(2){inset:14px;animation-duration:6s;animation-direction:reverse}
.sike-empty-orbit i:nth-child(3){inset:-13px;opacity:.4;animation-duration:11s}
.sike-empty-orbit i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8247;top:9px;left:50%}
@keyframes sikeOrbitSpin{to{transform:rotate(360deg)}}
.sike-empty-devices>.eyebrow{color:#ff7445;font-size:9px;letter-spacing:.18em;font-weight:900}
.sike-empty-devices h2{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.055em;color:#fff;max-width:720px;margin:10px 0 14px}
.sike-empty-devices>p{max-width:620px;color:#8b929c;font-size:13px;line-height:1.55;margin:0}
.sike-empty-actions{display:flex;gap:9px;margin-top:26px}
.sike-empty-actions .sike-ios-primary,.sike-empty-music-btn{min-height:46px;padding:0 18px;border-radius:13px;border:0;font-weight:900;font-size:9px;letter-spacing:.05em;cursor:pointer}
.sike-empty-actions .sike-ios-primary{background:linear-gradient(135deg,#ff7138,#e93631);color:#fff}
.sike-empty-music-btn{background:#15191f;border:1px solid #2b3037;color:#fff}
.sike-empty-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}
.sike-empty-points span{display:flex;align-items:center;gap:8px;color:#757d87;font-size:8px;padding:8px 10px;border-radius:999px;background:#0c0f13;border:1px solid #262b32}
.sike-empty-points i{font-style:normal;color:#ff7445;font-weight:900}

.sike-add-device-chip{border-style:dashed!important}
.sike-add-device-chip .device-add-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0c0f13;border:1px solid #2a3037;color:#ff7445;font-size:20px
}

/* ----- Pairing modal ----- */
.sike-pair-modal{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease
}
.sike-pair-modal[hidden]{display:none!important}
.sike-pair-modal.show{opacity:1}
.sike-pair-card{
  width:min(620px,100%);border-radius:26px;padding:24px;position:relative;
  background:linear-gradient(145deg,#171a20,#0c0f13);
  border:1px solid #30353d;box-shadow:0 34px 90px rgba(0,0,0,.48);
  transform:translateY(16px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1)
}
.sike-pair-modal.show .sike-pair-card{transform:none}
.sike-pair-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:12px;border:1px solid #30353c;background:#0d1014;color:#fff;font-size:20px;cursor:pointer}
.sike-pair-head>span{color:#ff7044;font-size:8px;letter-spacing:.17em;font-weight:900}
.sike-pair-head h3{font-size:34px;color:#fff;letter-spacing:-.045em;margin:6px 0}
.sike-pair-head p{color:#858d97;font-size:10px;max-width:480px;line-height:1.5}
.sike-pair-scan{display:flex;align-items:center;gap:9px;margin:18px 0;padding:10px 12px;border-radius:13px;background:#0c0f13;border:1px solid #282d34;color:#7c848e;font-size:8px}
.sike-pair-scan i{width:8px;height:8px;border-radius:50%;background:#2bd179;box-shadow:0 0 0 0 rgba(43,209,121,.3);animation:sikePairPulse 1.4s infinite}
@keyframes sikePairPulse{50%{box-shadow:0 0 0 8px rgba(43,209,121,0)}}
.sike-pair-scan b{margin-left:auto;color:#ff7445;font-size:7px;letter-spacing:.12em}
.sike-pair-products{display:grid;grid-template-columns:1fr;gap:8px}
.sike-pair-products button{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;text-align:left;background:#11151a;border:1px solid #292f36;color:#fff;border-radius:16px;padding:9px 12px;cursor:pointer;transition:.16s}
.sike-pair-products button:hover{transform:translateY(-1px);border-color:#724233;background:#15181d}
.pair-img{width:58px;height:48px;border-radius:12px;background:#080a0d;display:grid;place-items:center;overflow:hidden}
.pair-img img{max-width:90%;max-height:90%;object-fit:contain}
.sike-pair-products b{display:block;font-size:11px}.sike-pair-products small{display:block;color:#7c848e;font-size:8px;margin-top:3px}
.sike-pair-products em{font-style:normal;width:32px;height:32px;border-radius:10px;background:#ff5b36;display:grid;place-items:center;font-size:16px}
.sike-pair-foot{display:block;color:#606873;font-size:7px;margin-top:12px}

/* ----- SIKE Music ----- */
.sike-music-view{position:relative}
.sike-music-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:12px;min-height:660px}
.sike-music-library,.sike-music-main,.sike-music-player-card{
  background:rgba(11,13,17,.88);border:1px solid rgba(255,255,255,.045);border-radius:22px
}
.sike-music-library{padding:16px;display:flex;flex-direction:column}
.sike-music-brand{display:flex;gap:9px;align-items:center;padding-bottom:15px;border-bottom:1px solid #252a31}
.music-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#ff7138,#e43132);display:grid;place-items:center;color:#fff;font-weight:950}
.sike-music-brand b{display:block;color:#fff;font-size:10px}.sike-music-brand small{display:block;color:#6f7781;font-size:7px;margin-top:2px}
.sike-music-library nav{display:grid;gap:4px;margin-top:13px}
.sike-music-library nav button,.sike-music-playlist-block button{
  display:flex;align-items:center;gap:9px;min-height:38px;border:0;border-radius:11px;background:transparent;color:#777f89;text-align:left;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-library nav button.active{background:#181c22;color:#fff}.sike-music-library nav i{font-style:normal;font-size:13px}
.sike-music-playlist-block{margin-top:20px}.sike-music-playlist-block>span{font-size:7px;letter-spacing:.13em;color:#606873;font-weight:900;padding:0 9px}
.sike-music-playlist-block button{width:100%;color:#727a84}
.sike-music-main{padding:16px;overflow:hidden}
.sike-music-hero{
  min-height:190px;border-radius:19px;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,160,73,.28),transparent 32%),
    linear-gradient(135deg,#ff6d34 0%,#d8392e 43%,#3b1615 100%)
}
.sike-music-hero>div:first-child{position:relative;z-index:2}
.sike-music-hero span{font-size:7px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.68)}
.sike-music-hero h3{font-size:34px;line-height:.94;letter-spacing:-.05em;color:#fff;margin:8px 0 10px}
.sike-music-hero p{font-size:9px;line-height:1.5;color:rgba(255,255,255,.7);max-width:440px;margin:0}
.sike-music-wave{display:flex;align-items:center;gap:5px;height:90px;opacity:.56}
.sike-music-wave i{width:4px;border-radius:6px;background:#fff;animation:sikeWave 1.1s ease-in-out infinite alternate}
.sike-music-wave i:nth-child(1){height:24%}.sike-music-wave i:nth-child(2){height:62%;animation-delay:.1s}.sike-music-wave i:nth-child(3){height:38%;animation-delay:.2s}.sike-music-wave i:nth-child(4){height:88%;animation-delay:.3s}.sike-music-wave i:nth-child(5){height:48%;animation-delay:.4s}.sike-music-wave i:nth-child(6){height:75%;animation-delay:.5s}.sike-music-wave i:nth-child(7){height:30%;animation-delay:.6s}.sike-music-wave i:nth-child(8){height:58%;animation-delay:.7s}.sike-music-wave i:nth-child(9){height:20%;animation-delay:.8s}
@keyframes sikeWave{to{transform:scaleY(.45);opacity:.55}}
.sike-music-search{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#0b0e12;border:1px solid #282d34;border-radius:14px;padding:5px 5px 5px 12px}
.sike-music-search>span{color:#707985;font-size:17px}.sike-music-search input{height:40px;background:transparent;border:0;outline:0;color:#fff;font-size:10px}
.sike-music-search button,.sike-music-url-entry button{height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff6938,#e63532);color:#fff;padding:0 14px;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-api-note{margin-top:9px;padding:10px 12px;border-radius:13px;background:#10141a;border:1px solid #282d34;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.sike-music-api-note>span{color:#ff7044;font-size:7px;letter-spacing:.13em;font-weight:900}.sike-music-api-note p{font-size:7px;color:#737b85;margin:0}.sike-music-api-note button{background:transparent;border:0;color:#fff;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-api-note.connected{border-color:rgba(43,209,121,.28)}.sike-music-api-note.connected>span{color:#2bd179}
.sike-music-section{margin-top:18px}.sike-music-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}
.sike-music-section-head span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-section-head h4{font-size:18px;color:#fff;margin:3px 0 0}.sike-music-section-head small{font-size:7px;color:#67707a}
.sike-music-url-entry{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:9px}.sike-music-url-entry input{height:42px;border:1px solid #292e35;border-radius:12px;background:#0b0e12;color:#fff;padding:0 12px;outline:0;font-size:8px}.sike-music-url-entry input.invalid{border-color:#ff4e3b;animation:sikeShake .3s}
@keyframes sikeShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.sike-music-results{display:grid;gap:6px;max-height:480px;overflow:auto;padding-right:3px}
.sike-music-track{min-height:62px;border-radius:13px;padding:6px;display:grid;grid-template-columns:54px 1fr 34px;gap:9px;align-items:center;background:#0d1014;border:1px solid #242930}
.track-play{position:relative;width:54px;height:50px;border:0;border-radius:10px;overflow:hidden;background:#080a0d;padding:0;cursor:pointer}.track-play img{width:100%;height:100%;object-fit:cover}.track-play i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.22);color:#fff;font-style:normal;opacity:0;transition:.15s}.track-play:hover i{opacity:1}
.sike-music-track b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-music-track small{display:block;color:#707985;font-size:7px;margin-top:3px}
.track-queue{width:32px;height:32px;border-radius:10px;border:1px solid #2a3037;background:#11151a;color:#9aa1aa;cursor:pointer}
.sike-music-placeholder{min-height:180px;border:1px dashed #2b3037;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px;color:#707985}.sike-music-placeholder>span{font-size:30px;color:#ff7044}.sike-music-placeholder b{color:#fff;font-size:11px;margin-top:7px}.sike-music-placeholder small{max-width:340px;font-size:8px;line-height:1.5;margin-top:5px}.sike-music-placeholder.loading>span{animation:sikeSpin 1s linear infinite}@keyframes sikeSpin{to{transform:rotate(360deg)}}.sike-music-placeholder.error>span{color:#ff4e3b}
.sike-music-player-card{padding:12px;height:max-content;position:sticky;top:12px}
.sike-music-player-screen{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#050607;position:relative}.sike-music-player-screen iframe{width:100%;height:100%;border:0}.sike-music-player-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#21130f,#08090b 70%);color:#777f89}.sike-music-player-empty.hidden{display:none}.sike-music-player-empty span{font-size:30px;color:#ff7044}.sike-music-player-empty b{font-size:11px;color:#fff}.sike-music-player-empty small{font-size:7px;margin-top:4px}
.sike-music-now{padding:14px 4px 8px}.sike-music-now>span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-now h4{font-size:15px;color:#fff;line-height:1.15;margin:6px 0 3px}.sike-music-now p{font-size:8px;color:#737b85;margin:0}
.sike-music-player-actions{display:flex;gap:6px;padding:5px 4px 10px}.sike-music-player-actions button{width:38px;height:38px;border-radius:12px;background:#11151a;border:1px solid #292e35;color:#fff;font-size:16px;cursor:pointer}.sike-music-player-actions button.active{color:#ff5640}
.sike-music-device-output{display:flex;gap:9px;align-items:center;background:#0b0e12;border:1px solid #262b32;border-radius:13px;padding:10px}.sike-music-device-output>i{width:8px;height:8px;border-radius:50%;background:#2bd179}.sike-music-device-output b{display:block;color:#fff;font-size:8px}.sike-music-device-output small{display:block;color:#6d7580;font-size:7px;margin-top:2px}

/* Music API modal */
.sike-music-api-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.72);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px;opacity:0;transition:.18s}.sike-music-api-modal[hidden]{display:none!important}.sike-music-api-modal.show{opacity:1}
.sike-music-api-card{width:min(500px,100%);position:relative;border-radius:24px;padding:24px;background:#15181d;border:1px solid #30353d;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sike-music-api-card>span{font-size:7px;letter-spacing:.15em;color:#ff7044;font-weight:900}.sike-music-api-card h3{font-size:27px;color:#fff;margin:6px 0}.sike-music-api-card p{font-size:9px;color:#828a94;line-height:1.5}.sike-music-api-card label{display:block;margin-top:14px}.sike-music-api-card label small{display:block;font-size:7px;color:#737b85;margin-bottom:5px}.sike-music-api-card input{width:100%;height:44px;border-radius:12px;background:#0b0e12;border:1px solid #2a3037;color:#fff;padding:0 12px;box-sizing:border-box}
.sike-music-api-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border-radius:11px;background:#0b0e12;border:1px solid #2a3037;color:#fff;font-size:18px}.sike-music-api-actions{display:flex;gap:7px;margin-top:10px}.sike-music-api-actions button{height:38px;border-radius:10px;padding:0 12px;border:1px solid #2a3037;background:#0c0f13;color:#fff;font-size:8px;font-weight:900}.sike-music-api-actions button:first-child{background:linear-gradient(135deg,#ff6938,#e63532);border-color:transparent}.sike-music-api-status{display:block;color:#6f7781;font-size:7px;margin-top:9px}

@media(max-width:1180px){
  .sike-music-shell{grid-template-columns:150px minmax(0,1fr) 260px}
}
@media(max-width:900px){
  .sike-music-shell{grid-template-columns:1fr}
  .sike-music-library{display:none}
  .sike-music-player-card{position:relative;top:auto;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px}
  .sike-music-player-screen{width:150px}.sike-music-now{padding:5px}.sike-music-player-actions{padding:0}.sike-music-device-output{grid-column:1/-1}
}
@media(max-width:720px){
  .sike-empty-devices{min-height:470px;padding:34px 18px;border-radius:20px}
  .sike-empty-orbit{width:92px;height:92px;margin-bottom:22px}.sike-empty-orbit span{width:54px;height:54px;border-radius:18px;font-size:22px}
  .sike-empty-devices h2{font-size:40px}.sike-empty-devices>p{font-size:10px}.sike-empty-actions{width:100%;display:grid;grid-template-columns:1fr}.sike-empty-points{display:grid;gap:6px}
  .sike-pair-card{padding:18px;border-radius:21px}.sike-pair-head h3{font-size:28px}
  .sike-music-shell{display:block}.sike-music-main{padding:10px;border-radius:18px}.sike-music-hero{min-height:150px;padding:18px}.sike-music-hero h3{font-size:29px}.sike-music-wave{display:none}
  .sike-music-api-note{grid-template-columns:1fr auto}.sike-music-api-note p{display:none}
  .sike-music-player-card{margin-top:9px;grid-template-columns:112px 1fr auto;padding:9px;border-radius:18px}.sike-music-player-screen{width:112px}.sike-music-now h4{font-size:12px}.sike-music-player-actions button{width:34px;height:34px}
  .sike-music-results{max-height:none}
  .sike-ios-tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .sike-ios-tabbar button span{font-size:5.5px!important}
}
@media(max-width:430px){
  .sike-music-player-card{grid-template-columns:92px 1fr}.sike-music-player-screen{width:92px}.sike-music-player-actions{grid-column:1/-1}.sike-music-device-output{grid-column:1/-1}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .sike-empty-orbit i,.sike-empty-devices:after,.sike-music-wave i,.sike-pair-scan i{animation:none!important}
}


/* ===================================================================
   SIKE APP V16 — CONNECTED DEVICES ONLY + PROFESSIONAL SCAN FIRST
   =================================================================== */

/* Critical: author styles must never override the HTML hidden attribute. */
.sike-ios-device-switcher [hidden],
.sike-device-strip [hidden]{
  display:none!important;
}

/* Device row: scan first, connected products after it. */
.sike-device-strip{
  display:grid!important;
  grid-template-columns:minmax(260px,.82fr) repeat(3,minmax(190px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.sike-device-strip>.sike-scan-device-card{
  order:-100!important;
}
.sike-device-strip>.sike-connected-device-card{
  min-width:0!important;
}

/* Premium scan card */
.sike-scan-device-card{
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,148,70,.22),transparent 38%),
    linear-gradient(135deg,#1b1718 0%,#13161b 58%,#101318 100%)!important;
  border:1px solid rgba(255,122,66,.22)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 10px 28px rgba(0,0,0,.13)!important;
  color:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  position:relative!important;
}
.sike-scan-device-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.035) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
}
.sike-scan-device-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,125,66,.40)!important;
}
.sike-scan-device-card:hover:after{
  animation:sikeScanSheen .8s ease forwards!important;
}
@keyframes sikeScanSheen{to{transform:translateX(120%)}}

.sike-scan-radar{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#ff7138,#e83931)!important;
  box-shadow:0 8px 22px rgba(230,57,45,.24)!important;
}
.sike-scan-radar i{
  position:absolute!important;
  inset:8px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  animation:sikeRadarPulse 1.8s ease-out infinite!important;
}
.sike-scan-radar i:nth-child(2){
  inset:3px!important;
  animation-delay:.55s!important;
  opacity:.55!important;
}
.sike-scan-radar b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}
@keyframes sikeRadarPulse{
  0%{transform:scale(.72);opacity:.9}
  100%{transform:scale(1.25);opacity:0}
}
.device-scanning .sike-scan-radar{
  animation:sikeScanning 1.1s ease-in-out!important;
}
@keyframes sikeScanning{
  0%,100%{box-shadow:0 8px 22px rgba(230,57,45,.24)}
  50%{box-shadow:0 0 0 9px rgba(255,105,52,.10),0 8px 32px rgba(236,62,45,.38)}
}

.sike-scan-copy{
  min-width:0!important;
  display:block!important;
}
.sike-scan-copy small{
  display:block!important;
  color:#ff8054!important;
  font-size:6.5px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  margin-bottom:3px!important;
}
.sike-scan-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  display:block!important;
  color:#747c86!important;
  font-size:7px!important;
  font-style:normal!important;
  margin-top:4px!important;
}
.sike-scan-action{
  display:grid!important;
  place-items:center!important;
  height:30px!important;
  min-width:48px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  background:rgba(255,103,54,.12)!important;
  border:1px solid rgba(255,112,59,.24)!important;
  color:#ff8055!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}

/* Connected product cards are intentionally quieter than Scan. */
.sike-connected-device-card{
  min-height:74px!important;
  padding:9px 11px!important;
  border-radius:18px!important;
  background:#12151a!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.sike-connected-device-card.active{
  background:linear-gradient(135deg,#ff6638,#ed3b32)!important;
  border-color:rgba(255,156,103,.32)!important;
}
.sike-connected-device-card .device-thumb{
  width:48px!important;
  height:48px!important;
}

/* If there are many connected devices, keep the row tidy rather than widening the page. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(190px,1fr))!important;
  }
}

/* Tablet/mobile: scan is always the first full-width action. */
@media(max-width:900px){
  .sike-device-strip{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    padding-bottom:3px!important;
  }
  .sike-device-strip::-webkit-scrollbar{display:none!important}
  .sike-scan-device-card{
    flex:0 0 min(82vw,330px)!important;
    min-width:min(82vw,330px)!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-card{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
}

/* Phone: stronger hierarchy, smaller footprint. */
@media(max-width:720px){
  .sike-device-strip{
    padding:9px 0 5px!important;
  }
  .sike-scan-device-card{
    min-height:62px!important;
    flex-basis:min(88vw,315px)!important;
    min-width:min(88vw,315px)!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:8px 9px!important;
    border-radius:16px!important;
  }
  .sike-scan-radar{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .sike-scan-copy strong{font-size:10px!important}
  .sike-scan-copy em{font-size:6.5px!important}
  .sike-scan-action{
    height:28px!important;
    min-width:42px!important;
    padding:0 7px!important;
  }
  .sike-connected-device-card{
    min-height:62px!important;
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:43px!important;
    height:43px!important;
  }
}

/* Pairing modal polish */
.sike-pair-scan{
  background:
    linear-gradient(90deg,rgba(43,209,121,.05),transparent),
    #0c0f13!important;
}


/* ===================================================================
   SIKE MUSIC V18 — TRUE FULLSCREEN STREAMING UI
   Spotify-inspired information architecture, original SIKE styling.
   =================================================================== */

/* Fullscreen mode hides the normal website/app chrome. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  overflow:hidden!important;
  height:100%!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .announcement,
body.sike-music-fullscreen-active .site-header,
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  padding:0!important;
  background:#050607!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  height:100%!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
}

/* Fullscreen layout: rail / content / now playing + fixed transport bar */
.sike-music-fullscreen{
  --music-bg:#070809;
  --music-panel:#111315;
  --music-panel-2:#17191c;
  --music-border:rgba(255,255,255,.06);
  --music-orange:#ff6538;
  --music-red:#ef3436;
  --music-muted:#8b9199;
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 360px;
  grid-template-rows:minmax(0,1fr) 88px;
  gap:8px;
  width:100%;
  height:100dvh;
  padding:8px;
  box-sizing:border-box;
  background:#050607;
  color:#fff;
  overflow:hidden;
}

/* Left rail */
.sike-music-rail{
  grid-column:1;
  grid-row:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:12px 8px;
  border-radius:18px;
  background:linear-gradient(180deg,#0c0e10,#090a0c);
  border:1px solid var(--music-border);
}
.sike-music-rail-brand{
  width:100%;
  display:grid;
  place-items:center;
  gap:5px;
  padding:2px 0 12px;
  border-bottom:1px solid var(--music-border);
}
.sike-music-rail-brand>span{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--music-orange),var(--music-red));
  color:#fff;font-size:20px;font-weight:950;
  box-shadow:0 10px 28px rgba(239,53,50,.24);
}
.sike-music-rail-brand>b{
  font-size:6px;line-height:1.1;text-align:center;letter-spacing:.13em;color:#9ba1aa;
}
.sike-music-rail nav{
  width:100%;display:grid;gap:5px;
}
.sike-music-rail nav button,
.sike-music-exit{
  width:100%;height:58px;border:0;border-radius:15px;
  background:transparent;color:#737a84;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  cursor:pointer;
}
.sike-music-rail nav button i,.sike-music-exit i{font-size:17px;font-style:normal}
.sike-music-rail nav button span,.sike-music-exit span{font-size:6px;font-weight:800}
.sike-music-rail nav button.active,
.sike-music-rail nav button:hover,
.sike-music-exit:hover{
  background:#1a1d21;color:#fff;
}
.sike-music-rail nav button.active i{color:var(--music-orange)}
.sike-music-mini-library{
  width:100%;
  display:grid;gap:8px;
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid var(--music-border);
}
.sike-music-mini-library>span{font-size:5px;letter-spacing:.12em;color:#59616b;text-align:center;font-weight:900}
.sike-music-mini-library button{
  width:54px;height:54px;margin:auto;padding:0;border:0;border-radius:14px;background:#14171a;
  display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer;
}
.sike-music-mini-library button i{position:absolute;inset:0}
.sike-music-mini-library button i.drive{background:linear-gradient(145deg,#ff7a34,#b11d3b)}
.sike-music-mini-library button i.night{background:linear-gradient(145deg,#36225f,#111727)}
.sike-music-mini-library button i.bass{background:linear-gradient(145deg,#0d8c88,#1b253a)}
.sike-music-mini-library button em{position:relative;z-index:2;color:#fff;font-size:6px;font-style:normal;font-weight:900;text-shadow:0 1px 4px #000}
.sike-music-exit{margin-top:auto}

/* Center home */
.sike-music-home{
  grid-column:2;
  grid-row:1;
  min-width:0;min-height:0;
  display:flex;flex-direction:column;
  border-radius:18px;
  background:
    radial-gradient(circle at 68% -20%,rgba(255,103,56,.14),transparent 30%),
    linear-gradient(180deg,#17191b 0%,#101214 23%,#0e1012 100%);
  border:1px solid var(--music-border);
  overflow:hidden;
}
.sike-music-topbar{
  flex:0 0 68px;
  display:grid;
  grid-template-columns:auto minmax(280px,620px) 1fr;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  background:rgba(13,15,17,.72);
  border-bottom:1px solid rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.sike-music-nav-arrows button{
  width:40px;height:40px;border-radius:50%;border:0;background:#090a0c;color:#fff;font-size:22px;cursor:pointer
}
.sike-music-search-top{
  margin:0!important;
  height:44px!important;
  border-radius:999px!important;
  background:#242629!important;
  border:1px solid transparent!important;
  padding:2px 4px 2px 13px!important;
}
.sike-music-search-top:focus-within{border-color:#5d6268!important;background:#2b2d30!important}
.sike-music-search-top input{height:38px!important;font-size:11px!important}
.sike-music-search-top button{height:36px!important;border-radius:999px!important;padding:0 16px!important}
.sike-music-top-actions{justify-self:end;display:flex;gap:8px;align-items:center}
.sike-music-api-pill{
  height:38px;padding:0 13px;border-radius:999px;border:1px solid #33373d;background:#101215;color:#fff;
  display:flex;align-items:center;gap:7px;font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-api-pill i{width:7px;height:7px;border-radius:50%;background:#ff7144}
.sike-music-account-dot{
  width:38px;height:38px;border-radius:50%;border:4px solid #16191c;
  background:linear-gradient(145deg,#ff7138,#e73733);color:#fff;font-weight:950;cursor:pointer
}
.sike-music-scroll{
  min-height:0;overflow:auto;padding:18px 18px 30px;
  scrollbar-width:thin;scrollbar-color:#41454a transparent;
}
.sike-music-filter-pills{display:flex;gap:8px;margin-bottom:14px}
.sike-music-filter-pills button{
  height:34px;padding:0 15px;border-radius:999px;border:0;background:#2b2d30;color:#fff;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-filter-pills button.active{background:#fff;color:#111}

/* Quick tiles */
.sike-music-quick-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px
}
.sike-music-quick-grid button{
  min-width:0;height:64px;padding:0;border:0;border-radius:7px;overflow:hidden;
  background:#2b2d30;color:#fff;display:grid;grid-template-columns:64px 1fr 42px;align-items:center;text-align:left;cursor:pointer;
  transition:background .15s ease
}
.sike-music-quick-grid button:hover{background:#393b3e}
.quick-art{width:64px;height:64px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:950}
.quick-art.liked{background:linear-gradient(145deg,#6848ff,#c5f4e6)}
.quick-art.drive{background:linear-gradient(145deg,#ff7936,#b81d42)}
.quick-art.night{background:linear-gradient(145deg,#291b53,#11111d)}
.quick-art.bass{background:linear-gradient(145deg,#008f88,#25324f)}
.quick-art.house{background:linear-gradient(145deg,#dd6c15,#2f1610)}
.quick-art.outdoor{background:linear-gradient(145deg,#667d2f,#213d2c)}
.sike-music-quick-grid b{font-size:10px;padding:0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-quick-grid button>i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--music-orange);font-style:normal;
  opacity:0;transform:translateY(5px);transition:.16s
}
.sike-music-quick-grid button:hover>i{opacity:1;transform:none}

/* Feature hero */
.sike-music-featured{
  min-height:260px;
  border-radius:18px;
  display:flex;align-items:flex-end;justify-content:space-between;
  padding:28px;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,168,81,.26),transparent 30%),
    linear-gradient(130deg,#ff6937 0%,#df3532 40%,#5c1f1a 70%,#171315 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.sike-music-featured-copy{position:relative;z-index:2;max-width:560px}
.sike-music-featured-copy>span{font-size:7px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.7)}
.sike-music-featured-copy h3{font-size:48px;line-height:.91;letter-spacing:-.055em;margin:9px 0 14px;color:#fff}
.sike-music-featured-copy p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.72);max-width:460px}
.sike-music-featured-copy>div{display:flex;gap:8px;margin-top:18px}
.sike-music-featured-copy button{height:40px;padding:0 15px;border-radius:999px;border:0;background:#fff;color:#151515;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-featured-copy button+button{background:rgba(0,0,0,.32);color:#fff;border:1px solid rgba(255,255,255,.16)}
.sike-music-eq-art{height:160px;display:flex;align-items:center;gap:7px;opacity:.64;transform:rotate(-7deg);margin-right:30px}
.sike-music-eq-art i{width:7px;border-radius:8px;background:#fff;animation:sikeFullWave 1.2s ease-in-out infinite alternate}
.sike-music-eq-art i:nth-child(1){height:25%}.sike-music-eq-art i:nth-child(2){height:50%;animation-delay:.1s}.sike-music-eq-art i:nth-child(3){height:80%;animation-delay:.2s}.sike-music-eq-art i:nth-child(4){height:40%;animation-delay:.3s}.sike-music-eq-art i:nth-child(5){height:95%;animation-delay:.4s}.sike-music-eq-art i:nth-child(6){height:60%;animation-delay:.5s}.sike-music-eq-art i:nth-child(7){height:35%;animation-delay:.6s}.sike-music-eq-art i:nth-child(8){height:78%;animation-delay:.7s}.sike-music-eq-art i:nth-child(9){height:48%;animation-delay:.8s}.sike-music-eq-art i:nth-child(10){height:88%;animation-delay:.9s}.sike-music-eq-art i:nth-child(11){height:30%;animation-delay:1s}
@keyframes sikeFullWave{to{transform:scaleY(.42);opacity:.45}}

/* Results */
.sike-music-made-for{margin-top:26px!important}
.sike-music-card-results{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
}
.sike-music-card-results .sike-music-track{
  min-width:0!important;min-height:215px!important;padding:10px!important;
  display:grid!important;grid-template-columns:1fr 34px!important;grid-template-rows:auto 1fr!important;
  border-radius:12px!important;background:#17191c!important;border:0!important;
}
.sike-music-card-results .track-play{
  grid-column:1/-1!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:8px!important;
}
.sike-music-card-results .sike-music-track>div{min-width:0;padding-top:8px}
.sike-music-card-results .sike-music-track b{font-size:9px!important}
.sike-music-card-results .track-queue{align-self:center}
.sike-music-card-results .sike-music-placeholder{grid-column:1/-1}

/* Right now-playing panel */
.sike-music-now-panel{
  grid-column:3;grid-row:1;
  min-height:0;overflow:auto;
  border-radius:18px;padding:14px;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,91,49,.09),transparent 30%),
    linear-gradient(180deg,#151719,#0c0e10 72%);
  border:1px solid var(--music-border)
}
.sike-music-now-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sike-music-now-header span{display:block;font-size:6px;letter-spacing:.13em;color:#69717b}
.sike-music-now-header b{display:block;font-size:11px;color:#fff;margin-top:3px}
.sike-music-now-header button{width:36px;height:36px;border-radius:50%;border:0;background:#24272b;color:#fff;cursor:pointer}
.sike-music-big-screen{aspect-ratio:1/1!important;border-radius:14px!important}
.sike-music-now{
  display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:16px 2px!important;
  border-bottom:1px solid var(--music-border)
}
.sike-music-now h4{font-size:22px!important;letter-spacing:-.035em;margin:0 0 4px!important}
.sike-music-now p{font-size:9px!important}
.sike-music-now>button{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #30343a;background:#15181c;color:#fff;font-size:17px;cursor:pointer
}
.sike-music-related{padding-top:15px}
.sike-music-related>span{font-size:7px;letter-spacing:.13em;color:#777f89;font-weight:900}
.sike-music-device-output{margin-top:8px!important}
.sike-music-side-art{
  margin-top:12px;min-height:180px;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.72)),
    radial-gradient(circle at 70% 20%,rgba(255,134,59,.5),transparent 31%),
    linear-gradient(145deg,#4c1e17,#111317)
}
.sike-music-side-art span{font-size:8px;letter-spacing:.17em;color:#ff7b48;font-weight:900}
.sike-music-side-art b{font-size:28px;line-height:.86;letter-spacing:-.05em;color:#fff;margin-top:7px}

/* Fixed bottom transport */
.sike-music-playerbar{
  grid-column:1/-1;grid-row:2;
  height:88px;min-height:88px;
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr) minmax(220px,1fr);
  align-items:center;gap:20px;
  padding:8px 16px;
  border-radius:16px;
  background:#08090b;
  border:1px solid var(--music-border)
}
.sike-music-playerbar-track{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;align-items:center}
.mini-cover{width:54px;height:54px;border-radius:6px;background:linear-gradient(145deg,#ff6b37,#612034);display:grid;place-items:center;font-size:18px;overflow:hidden}
.mini-cover img{width:100%;height:100%;object-fit:cover}
.sike-music-playerbar-track b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-playerbar-track small{display:block;color:#7b828b;font-size:7px;margin-top:3px}
.sike-music-playerbar-track>button{border:0;background:transparent;color:#a2a7ad;font-size:17px;cursor:pointer}
.sike-music-transport{min-width:0;display:grid;gap:5px}
.transport-buttons{display:flex;justify-content:center;align-items:center;gap:17px}
.transport-buttons button{border:0;background:transparent;color:#8b929a;font-size:14px;cursor:pointer}
.transport-buttons button.active{color:#ff7042}
.transport-buttons .play{width:38px;height:38px;border-radius:50%;background:#fff;color:#111;font-size:13px;display:grid;place-items:center}
.sike-music-progress{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center}
.sike-music-progress span{font-size:6px;color:#767d85;text-align:center}
.sike-music-progress input,.sike-music-player-tools input{accent-color:#fff;height:3px}
.sike-music-player-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.sike-music-player-tools button{border:0;background:transparent;color:#9ba1a8;font-size:17px}
.sike-music-player-tools span{font-size:6px;color:#6e757e}
.sike-music-player-tools input{width:120px}

/* API settings floats above fullscreen */
.sike-music-api-modal{z-index:20000!important}

/* Desktop responsive */
@media(max-width:1350px){
  .sike-music-fullscreen{grid-template-columns:76px minmax(0,1fr) 300px}
  .sike-music-card-results{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sike-music-featured-copy h3{font-size:42px}
}
@media(max-width:1100px){
  .sike-music-fullscreen{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 84px}
  .sike-music-now-panel{display:none}
  .sike-music-home{grid-column:2}
  .sike-music-playerbar{grid-column:1/-1}
  .sike-music-card-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Phone/tablet: fullscreen remains, rail becomes compact top/bottom experience */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-ios-shell{padding:0!important}
  .sike-music-fullscreen{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) 76px;
    gap:0;padding:0;
  }
  .sike-music-rail{display:none}
  .sike-music-home{
    grid-column:1;grid-row:1;
    border:0;border-radius:0
  }
  .sike-music-topbar{
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:7px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;
    flex-basis:auto;min-height:58px
  }
  .sike-music-nav-arrows button{width:34px;height:34px}
  .sike-music-search-top{height:38px!important}
  .sike-music-search-top input{height:32px!important;font-size:9px!important}
  .sike-music-search-top button{display:none}
  .sike-music-api-pill{width:34px;height:34px;padding:0;border-radius:50%;justify-content:center}
  .sike-music-api-pill span{display:none}
  .sike-music-account-dot{display:none}
  .sike-music-scroll{padding:11px 10px 24px}
  .sike-music-filter-pills{overflow:auto;scrollbar-width:none}.sike-music-filter-pills::-webkit-scrollbar{display:none}
  .sike-music-quick-grid{display:flex;overflow:auto;gap:7px;scrollbar-width:none}
  .sike-music-quick-grid::-webkit-scrollbar{display:none}
  .sike-music-quick-grid button{flex:0 0 210px}
  .sike-music-featured{min-height:205px;padding:20px}
  .sike-music-featured-copy h3{font-size:38px}
  .sike-music-featured-copy p{font-size:8px}
  .sike-music-eq-art{display:none}
  .sike-music-card-results{display:flex!important;overflow:auto!important;gap:9px!important;scrollbar-width:none}
  .sike-music-card-results::-webkit-scrollbar{display:none}
  .sike-music-card-results .sike-music-track{flex:0 0 155px!important;min-height:205px!important}
  .sike-music-card-results .sike-music-placeholder{flex:0 0 100%!important}
  .sike-music-now-panel{display:none}
  .sike-music-playerbar{
    grid-column:1;grid-row:2;
    height:76px;min-height:76px;border-radius:0;border-width:1px 0 0;
    grid-template-columns:minmax(0,1fr) auto;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom));
    gap:10px
  }
  .sike-music-playerbar-track{grid-template-columns:46px minmax(0,1fr) 30px}
  .mini-cover{width:46px;height:46px}
  .sike-music-transport{display:block}
  .transport-buttons button:not(.play){display:none}
  .transport-buttons{gap:0}
  .transport-buttons .play{width:38px;height:38px}
  .sike-music-progress,.sike-music-player-tools{display:none}
}

@media(prefers-reduced-motion:reduce){
  .sike-music-eq-art i{animation:none!important}
}


/* ===================================================================
   SIKE MUSIC V19 — EXACT SITE HEADER + EXACT SITE FOOTER
   Full viewport music workspace between the shared SIKEVENTURES chrome.
   =================================================================== */

/* MUSIC no longer takes over <html>/<body>; the shared index header stays. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  height:auto!important;
  min-height:100%!important;
  overflow:auto!important;
  background:#050607!important;
}

/* Explicitly restore the exact shared website chrome. */
body.sike-music-fullscreen-active .announcement{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-header{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-footer{
  display:block!important;
}
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  /* Keep app demo corner/ribbon behavior from the normal site CSS. */
}

/* App wrapper becomes a full-width music viewport below the website header. */
body.sike-music-fullscreen-active .sike-ios-app{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050607!important;
  overflow:visible!important;
}

/* Normal SIKE App dashboard chrome is hidden only INSIDE the app workspace. */
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  width:100%!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
}

/* Full width, no artificial outer margins. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100%!important;
  height:calc(100dvh - 132px)!important;
  min-height:680px!important;
  padding:8px!important;
  border-radius:0!important;
}

/* Footer starts immediately after the music viewport and is EXACT shared footer. */
body.sike-music-fullscreen-active .site-footer{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
}

/* Main content uses more of wide screens. */
@media(min-width:1400px){
  .sike-music-fullscreen{
    grid-template-columns:88px minmax(0,1fr) minmax(330px,22vw)!important;
  }
  .sike-music-scroll{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .sike-music-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sike-music-card-results{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* Website header stays visually identical to index, including mobile menu. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .announcement{
    display:none!important; /* matches the site's own compact phone behavior */
  }
  body.sike-music-fullscreen-active .site-header{
    display:flex!important;
    position:relative!important;
    top:auto!important;
  }

  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-height:calc(100dvh - 66px)!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    height:calc(100dvh - 66px)!important;
    min-height:560px!important;
  }

  /* Phone: use full available width and a cleaner music layout. */
  .sike-music-home{
    width:100%!important;
  }
  .sike-music-scroll{
    padding:10px 10px 18px!important;
  }
  .sike-music-featured{
    min-height:185px!important;
    border-radius:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:34px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:190px!important;
    height:58px!important;
    grid-template-columns:58px 1fr 36px!important;
  }
  .quick-art{
    width:58px!important;
    height:58px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:145px!important;
    min-height:190px!important;
  }

  /* Bottom player stays above iPhone safe area inside music workspace. */
  .sike-music-playerbar{
    padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  }

  /* Exact shared footer remains normal and scrollable below Music. */
  body.sike-music-fullscreen-active .site-footer{
    display:block!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    min-height:520px!important;
  }
  .sike-music-featured{
    padding:16px!important;
  }
  .sike-music-featured-copy h3{
    font-size:30px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V20 — TRUE EDGE-TO-EDGE HORIZONTAL LAYOUT
   Removes the remaining left/right dead space shown in V19.
   =================================================================== */

body.sike-music-fullscreen-active{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

body.sike-music-fullscreen-active .sike-ios-app,
body.sike-music-fullscreen-active .sike-ios-shell,
body.sike-music-fullscreen-active .sike-ios-dashboard,
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}

body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:6px!important;
  gap:6px!important;
  box-sizing:border-box!important;

  /* narrower left rail so content starts immediately */
  grid-template-columns:74px minmax(0,1fr) minmax(320px,22vw)!important;
}

/* Left rail sits directly against viewport edge. */
body.sike-music-fullscreen-active .sike-music-rail{
  margin:0!important;
  border-radius:0 16px 16px 0!important;
  border-left:0!important;
  width:74px!important;
  min-width:74px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

/* Remove any inherited wrapper indentation. */
body.sike-music-fullscreen-active .sike-music-home{
  margin:0!important;
  min-width:0!important;
}
body.sike-music-fullscreen-active .sike-music-now-panel{
  margin:0!important;
}

/* Bottom transport stretches completely from left to right. */
body.sike-music-fullscreen-active .sike-music-playerbar{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}

/* Make the center feel wider on common desktop resolutions. */
@media(min-width:1101px) and (max-width:1399px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 300px!important;
  }
}
@media(min-width:1400px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(320px,20vw)!important;
  }
}

/* Tablet: even tighter rail. */
@media(max-width:1100px) and (min-width:721px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  body.sike-music-fullscreen-active .sike-music-rail{
    width:64px!important;
    min-width:64px!important;
  }
}

/* Mobile remains truly edge-to-edge. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100vw!important;
    max-width:100vw!important;
    padding:0!important;
    gap:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-home{
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V21 — TRUE CENTERING FIX
   The remaining offset came from the normal SIKE App CSS grid:
   .sike-ios-view was still assigned to grid-column:2.
   Music mode now fully escapes that dashboard grid.
   =================================================================== */

body.sike-music-fullscreen-active .sike-ios-shell{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  column-gap:0!important;
  row-gap:0!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
}

body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  padding:0!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
}

/* Music canvas is now mathematically aligned to viewport edges. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  position:relative!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
}

/* Prevent any legacy app-side column widths from leaking into MUSIC. */
body.sike-music-fullscreen-active .sike-ios-main-column,
body.sike-music-fullscreen-active .sike-ios-side-column{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Keep the center workspace balanced between rail and Now Playing panel. */
@media(min-width:1101px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(300px,20vw)!important;
  }
}

/* On common 1366–1920 desktop widths, slightly reduce the right panel so
   the visual center remains the music content rather than being pulled right. */
@media(min-width:1101px) and (max-width:1920px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 290px!important;
  }
}

/* Tablet/mobile stay edge-to-edge with no inherited grid column. */
@media(max-width:1100px){
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-width:100vw!important;
  }
}


/* ===================================================================
   SIKE MUSIC V22 — MOBILE FIX / IPHONE-FIRST POLISH
   Built directly on V21. Desktop remains unchanged.
   =================================================================== */

@media(max-width:720px){

  html.sike-music-fullscreen-active,
  body.sike-music-fullscreen-active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#050607!important;
  }

  /* Shared site header: compact and predictable on phone. */
  body.sike-music-fullscreen-active .site-header{
    height:64px!important;
    min-height:64px!important;
    padding:0 10px!important;
    background:#070809!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:178px!important;
    width:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:174px!important;
    width:100%!important;
    height:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .desktop-nav,
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
  body.sike-music-fullscreen-active .site-header .header-actions{
    margin-left:auto!important;
    gap:7px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button span{
    display:none!important;
  }

  /* Music fills all remaining space under header. */
  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - 64px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 72px!important;
    background:#050607!important;
    overflow:hidden!important;
  }

  /* Hide desktop-only sidebars/panels. */
  .sike-music-rail,
  .sike-music-now-panel{
    display:none!important;
  }

  .sike-music-home{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 72% -15%,rgba(255,93,44,.12),transparent 28%),
      linear-gradient(180deg,#151719 0%,#0d0f11 25%,#0a0c0e 100%)!important;
  }

  /* Compact top search area. */
  .sike-music-topbar{
    position:sticky!important;
    top:0!important;
    z-index:15!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    background:rgba(9,11,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  .sike-music-nav-arrows button{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    font-size:20px!important;
  }
  .sike-music-search-top{
    height:38px!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 8px!important;
    border-radius:999px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .sike-music-search-top span{
    font-size:14px!important;
  }
  .sike-music-search-top input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    font-size:9px!important;
  }
  .sike-music-search-top button{
    display:none!important;
  }
  .sike-music-top-actions{
    width:36px!important;
    display:block!important;
  }
  .sike-music-api-pill{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
  }
  .sike-music-api-pill span{
    display:none!important;
  }
  .sike-music-account-dot{
    display:none!important;
  }

  /* Main scrolling content */
  .sike-music-scroll{
    height:calc(100% - 58px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 10px 18px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-music-filter-pills{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    margin:0 0 10px!important;
    padding-bottom:1px!important;
    scrollbar-width:none!important;
  }
  .sike-music-filter-pills::-webkit-scrollbar{display:none!important}
  .sike-music-filter-pills button{
    flex:0 0 auto!important;
    height:32px!important;
    padding:0 13px!important;
    font-size:7px!important;
  }

  /* Quick playlists -> smooth horizontal rail. */
  .sike-music-quick-grid{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-bottom:14px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-quick-grid::-webkit-scrollbar{display:none!important}
  .sike-music-quick-grid button{
    flex:0 0 188px!important;
    width:188px!important;
    min-width:188px!important;
    height:56px!important;
    grid-template-columns:56px minmax(0,1fr) 30px!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  .quick-art{
    width:56px!important;
    height:56px!important;
    font-size:18px!important;
  }
  .sike-music-quick-grid b{
    font-size:8px!important;
    padding:0 8px!important;
  }
  .sike-music-quick-grid button>i{
    width:28px!important;
    height:28px!important;
    opacity:1!important;
    transform:none!important;
    font-size:8px!important;
  }

  /* Hero is shorter and phone-scaled. */
  .sike-music-featured{
    min-height:176px!important;
    border-radius:15px!important;
    padding:17px!important;
    margin-bottom:16px!important;
  }
  .sike-music-featured-copy{
    max-width:100%!important;
  }
  .sike-music-featured-copy>span{
    font-size:6px!important;
  }
  .sike-music-featured-copy h3{
    font-size:31px!important;
    line-height:.92!important;
    margin:7px 0 9px!important;
  }
  .sike-music-featured-copy p{
    font-size:7px!important;
    max-width:92%!important;
  }
  .sike-music-featured-copy>div{
    margin-top:12px!important;
  }
  .sike-music-featured-copy button{
    height:34px!important;
    padding:0 11px!important;
    font-size:7px!important;
  }
  .sike-music-eq-art{
    display:none!important;
  }

  /* Start listening section */
  .sike-music-made-for{
    margin-top:0!important;
  }
  .sike-music-section-head{
    margin-bottom:7px!important;
  }
  .sike-music-section-head h4{
    font-size:16px!important;
  }
  .sike-music-url-entry{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  .sike-music-url-entry input{
    min-width:0!important;
    width:100%!important;
    height:39px!important;
    font-size:7px!important;
    padding:0 10px!important;
  }
  .sike-music-url-entry button{
    height:39px!important;
    padding:0 11px!important;
  }
  .sike-music-api-note{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:8px 9px!important;
    margin-top:6px!important;
  }
  .sike-music-api-note p{
    display:none!important;
  }

  /* Search results -> cards rail instead of cramped grid. */
  .sike-music-card-results{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-card-results::-webkit-scrollbar{display:none!important}
  .sike-music-card-results .sike-music-track{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    min-height:184px!important;
    padding:8px!important;
    scroll-snap-align:start!important;
  }
  .sike-music-card-results .track-play{
    width:100%!important;
    aspect-ratio:1!important;
  }
  .sike-music-card-results .sike-music-track b{
    font-size:8px!important;
  }
  .sike-music-card-results .sike-music-track small{
    font-size:6.5px!important;
  }
  .sike-music-card-results .sike-music-placeholder{
    flex:0 0 100%!important;
    min-height:130px!important;
  }

  /* Bottom now-playing bar: clean and never clipped. */
  .sike-music-playerbar{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:6px 9px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(7,8,10,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-music-playerbar-track{
    min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) 28px!important;
    gap:8px!important;
  }
  .mini-cover{
    width:44px!important;
    height:44px!important;
    border-radius:8px!important;
  }
  .sike-music-playerbar-track b{
    font-size:8px!important;
  }
  .sike-music-playerbar-track small{
    font-size:6px!important;
  }
  .sike-music-playerbar-track>button{
    font-size:15px!important;
  }
  .sike-music-transport{
    display:block!important;
  }
  .transport-buttons{
    display:block!important;
  }
  .transport-buttons button:not(.play){
    display:none!important;
  }
  .transport-buttons .play{
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .sike-music-progress,
  .sike-music-player-tools{
    display:none!important;
  }

  /* API modal fits phone properly. */
  .sike-music-api-modal{
    padding:12px!important;
  }
  .sike-music-api-card{
    width:100%!important;
    max-width:100%!important;
    padding:19px!important;
    border-radius:20px!important;
  }
  .sike-music-api-card h3{
    font-size:24px!important;
  }

  /* Footer: exact shared footer, stacked nicely on phone. */
  body.sike-music-fullscreen-active .site-footer{
    margin:0!important;
  }
}

/* Small iPhones */
@media(max-width:430px){
  body.sike-music-fullscreen-active .site-header{
    height:60px!important;
    min-height:60px!important;
    padding:0 8px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:158px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:154px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    height:calc(100dvh - 60px)!important;
  }

  .sike-music-topbar{
    min-height:54px!important;
    height:54px!important;
    padding:7px!important;
  }
  .sike-music-scroll{
    height:calc(100% - 54px)!important;
    padding:8px 8px 16px!important;
  }
  .sike-music-featured{
    min-height:164px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:134px!important;
    width:134px!important;
    min-width:134px!important;
  }
}

/* Very small devices */
@media(max-width:360px){
  .sike-music-featured-copy h3{font-size:25px!important}
  .sike-music-featured-copy p{display:none!important}
  .sike-music-quick-grid button{
    flex-basis:164px!important;
    width:164px!important;
    min-width:164px!important;
  }
}


/* SIKE MUSIC V23 — secure server-side YouTube API status */
.sike-music-server-api-ready{
  display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;
  border-radius:14px;background:#0c1110;border:1px solid rgba(43,209,121,.24)
}
.sike-music-server-api-ready>i{
  width:10px;height:10px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 7px rgba(43,209,121,.09)
}
.sike-music-server-api-ready b{display:block;color:#fff;font-size:9px}
.sike-music-server-api-ready small{display:block;color:#747d85;font-size:7px;margin-top:3px}


/* ===================================================================
   SIKE MUSIC V24 — NO LIVECHAT IN MUSIC + MOBILE VIDEO PLAYER
   =================================================================== */

/* Hide all known SIKE livechat widget surfaces only while Music is active. */
body.sike-music-fullscreen-active .livechat,
body.sike-music-fullscreen-active .live-chat,
body.sike-music-fullscreen-active .chat-widget,
body.sike-music-fullscreen-active .chat-launcher,
body.sike-music-fullscreen-active .chat-button,
body.sike-music-fullscreen-active .support-chat,
body.sike-music-fullscreen-active .sike-chat,
body.sike-music-fullscreen-active .sike-livechat,
body.sike-music-fullscreen-active [data-livechat],
body.sike-music-fullscreen-active [data-chat-widget],
body.sike-music-fullscreen-active [class*="livechat"],
body.sike-music-fullscreen-active [class*="chat-widget"]{
  display:none!important;
}

/* Track title is now a real player action. */
.sike-track-meta{min-width:0}
.sike-track-title{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font:inherit;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.sike-track-title:hover{
  text-decoration:underline;
}
.sike-music-player-screen.focus-pulse{
  animation:sikePlayerFocus .6s ease;
}
@keyframes sikePlayerFocus{
  0%{box-shadow:0 0 0 0 rgba(255,101,56,.0)}
  40%{box-shadow:0 0 0 8px rgba(255,101,56,.16)}
  100%{box-shadow:0 0 0 0 rgba(255,101,56,0)}
}

/* Mobile fullscreen player sheet */
.sike-music-mobile-player-sheet{
  display:none;
}

@media(max-width:720px){

  /* Even cleaner overall mobile music canvas */
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-bottom:22px!important;
  }

  .sike-music-featured{
    min-height:156px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-featured-copy p{
    max-width:95%!important;
  }

  .sike-music-quick-grid button{
    flex-basis:172px!important;
    width:172px!important;
    min-width:172px!important;
  }

  .sike-music-card-results .sike-music-track{
    flex-basis:138px!important;
    width:138px!important;
    min-width:138px!important;
    min-height:176px!important;
  }
  .sike-track-title{
    font-size:8px!important;
  }

  /* Bottom player track clearly opens the full video sheet */
  .sike-music-playerbar-track{
    cursor:pointer!important;
    border-radius:10px!important;
    padding:3px!important;
    margin-left:-3px!important;
  }
  .sike-music-playerbar-track:active{
    background:rgba(255,255,255,.04)!important;
  }

  .sike-music-mobile-player-sheet{
    display:flex;
    position:fixed;
    z-index:25000;
    left:0;right:0;bottom:0;
    height:calc(100dvh - 60px);
    flex-direction:column;
    padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    background:
      radial-gradient(circle at 50% 17%,rgba(255,103,54,.20),transparent 35%),
      linear-gradient(180deg,#161214 0%,#0d0f12 48%,#08090b 100%);
    transform:translateY(105%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .sike-music-mobile-player-sheet.open{
    transform:translateY(0);
    pointer-events:auto;
  }

  .sike-music-mobile-player-head{
    display:grid;
    grid-template-columns:40px 1fr 40px;
    align-items:center;
    gap:8px;
    min-height:48px;
  }
  .sike-music-mobile-player-head button{
    width:38px;height:38px;border-radius:50%;
    border:0;background:#202328;color:#fff;font-size:17px;
  }
  .sike-music-mobile-player-head>div{
    text-align:center;
  }
  .sike-music-mobile-player-head small{
    display:block;font-size:6px;letter-spacing:.13em;color:#7c838c;
  }
  .sike-music-mobile-player-head b{
    display:block;font-size:9px;margin-top:2px;color:#fff;
  }

  /* The actual live iframe remains the canonical player; this sheet
     visually frames the same now-playing state for mobile. */
  .sike-music-mobile-video-mirror{
    margin-top:10px;
    aspect-ratio:16/10;
    border-radius:20px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,92,48,.15),transparent 33%),
      #060708;
    border:1px solid rgba(255,255,255,.06);
    display:grid;
    place-items:center;
    overflow:hidden;
    position:relative;
  }
  .sike-music-mobile-video-mirror:before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent,rgba(255,255,255,.025));
  }
  .sike-music-mobile-video-note{
    position:relative;z-index:2;
    text-align:center;padding:22px;
  }
  .sike-music-mobile-video-note span{
    display:block;color:#ff7144;font-size:7px;letter-spacing:.14em;font-weight:900;
  }
  .sike-music-mobile-video-note p{
    color:#737b85;font-size:8px;line-height:1.5;max-width:260px;margin:7px auto 0;
  }

  .sike-music-mobile-now-copy{
    padding:20px 2px 12px;
  }
  .sike-music-mobile-now-copy h3{
    margin:0;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.035em;
  }
  .sike-music-mobile-now-copy p{
    margin:6px 0 0;color:#7c838d;font-size:9px;
  }

  .sike-music-mobile-sheet-controls{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
  }
  .sike-music-mobile-sheet-controls button{
    width:42px;height:42px;border-radius:50%;
    border:0;background:transparent;color:#b5bac1;font-size:16px;
  }
  .sike-music-mobile-sheet-controls button.main{
    width:58px;height:58px;background:#fff;color:#111;font-size:18px;
  }
}

@media(max-width:390px){
  .sike-music-mobile-player-sheet{
    height:calc(100dvh - 58px);
    padding-left:11px;
    padding-right:11px;
  }
  .sike-music-featured{
    min-height:148px!important;
  }
  .sike-music-featured-copy h3{
    font-size:26px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V25 — COLLAPSIBLE + CUSTOM USER BANNER
   =================================================================== */

.sike-music-featured{
  --sike-banner-overlay:.32;
  isolation:isolate;
  transition:min-height .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1);
}
.sike-music-banner-image,
.sike-music-banner-shade{
  position:absolute;inset:0;pointer-events:none;
}
.sike-music-banner-image{
  z-index:0;
  background-size:cover;
  background-position:center center;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .3s ease,transform .7s ease;
}
.sike-music-featured.has-custom-image .sike-music-banner-image{
  opacity:1;
  transform:scale(1);
}
.sike-music-banner-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(12,8,8,.78) 0%,rgba(14,8,8,.42) 52%,rgba(10,7,7,.12) 100%),
    rgba(8,8,8,var(--sike-banner-overlay));
}
.sike-music-featured:not(.has-custom-image) .sike-music-banner-shade{
  background:linear-gradient(90deg,rgba(255,90,50,.04),rgba(10,8,8,.12));
}
.sike-music-featured-copy,.sike-music-eq-art{
  position:relative;z-index:3;
}
.sike-music-banner-toolbar{
  position:absolute;z-index:8;top:13px;right:13px;display:flex;gap:6px
}
.sike-music-banner-tool{
  min-height:34px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(10,12,15,.68);color:#fff;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-banner-tool.icon{width:34px;padding:0;font-size:15px}
.sike-music-banner-tool:hover{background:rgba(20,23,27,.86)}
.sike-music-banner-collapsed-copy{display:none;position:relative;z-index:4;width:100%;align-items:center;justify-content:space-between}
.sike-music-banner-collapsed-copy span{display:block;color:#ff7a4a;font-size:6px;letter-spacing:.14em;font-weight:900}
.sike-music-banner-collapsed-copy b{display:block;color:#fff;font-size:15px;margin-top:2px}
.sike-music-banner-collapsed-copy button{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,15,.64);color:#fff;padding:0 12px;font-size:7px;font-weight:850}

.sike-music-featured.is-collapsed{
  min-height:64px!important;
  height:64px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.sike-music-featured.is-collapsed .sike-music-featured-copy,
.sike-music-featured.is-collapsed .sike-music-eq-art{display:none!important}
.sike-music-featured.is-collapsed .sike-music-banner-collapsed-copy{display:flex}
.sike-music-featured.is-collapsed .sike-music-banner-toolbar .sike-music-banner-tool:not(.icon){display:none}
.sike-music-featured.is-collapsed .sike-music-banner-shade{background:rgba(7,8,10,.48)}

.sike-music-banner-editor{
  margin:-10px 0 20px;
  padding:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  background:#111419;
  border:1px solid transparent;
  transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin .28s ease;
}
.sike-music-banner-editor[hidden]{display:none!important}
.sike-music-banner-editor.open{
  max-height:620px;
  opacity:1;
  padding:17px;
  margin:-8px 0 20px;
  border-color:#292f36;
}
.sike-music-banner-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sike-music-banner-editor-head span{font-size:6px;letter-spacing:.15em;color:#ff7446;font-weight:900}
.sike-music-banner-editor-head h4{margin:4px 0 0;color:#fff;font-size:18px}
.sike-music-banner-editor-head>button{width:34px;height:34px;border-radius:11px;border:1px solid #30363d;background:#0b0e12;color:#fff;font-size:18px}
.sike-music-banner-editor-grid{display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:10px;margin-top:14px}
.sike-banner-upload{
  min-height:112px;border:1px dashed #3a4048;border-radius:14px;background:#0b0e12;
  display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer
}
.sike-banner-upload input{display:none}
.sike-banner-upload .upload-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6d39,#e93632);color:#fff;font-size:20px}
.sike-banner-upload b{display:block;color:#fff;font-size:9px}.sike-banner-upload small{display:block;color:#707985;font-size:7px;margin-top:4px}
.sike-banner-fields{display:grid;gap:8px}
.sike-banner-fields label,.sike-banner-look label{display:block}
.sike-banner-fields small,.sike-banner-look small{display:block;color:#6d7580;font-size:6px;letter-spacing:.1em;font-weight:900;margin-bottom:5px}
.sike-banner-fields input,.sike-banner-look select{
  width:100%;height:39px;box-sizing:border-box;border-radius:10px;border:1px solid #2a3037;background:#0b0e12;color:#fff;padding:0 10px;font-size:8px;outline:0
}
.sike-banner-look{display:grid;align-content:start;gap:12px}
.sike-banner-look input[type=range]{width:100%;accent-color:#ff6039}
.sike-music-banner-editor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.sike-music-banner-editor-actions button{height:38px;border-radius:10px;padding:0 13px;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-banner-editor-actions .secondary{background:#0c0f13;color:#a1a7af;border:1px solid #2a3037}
.sike-music-banner-editor-actions .primary{background:linear-gradient(135deg,#ff6938,#e63632);color:#fff;border:0}

/* Mobile banner/editor */
@media(max-width:720px){
  .sike-music-banner-toolbar{top:8px;right:8px}
  .sike-music-banner-tool{min-height:30px;padding:0 9px}
  .sike-music-banner-tool span{display:none}
  .sike-music-banner-tool.icon{width:30px}
  .sike-music-featured.is-collapsed{
    min-height:58px!important;height:58px!important;padding:9px 11px!important
  }
  .sike-music-banner-collapsed-copy b{font-size:12px}
  .sike-music-banner-collapsed-copy button{height:30px;padding:0 9px}
  .sike-music-banner-collapsed-copy button span{display:none}

  .sike-music-banner-editor.open{
    max-height:1000px;
    padding:13px;
    margin:-6px 0 14px;
    border-radius:0 0 15px 15px
  }
  .sike-music-banner-editor-grid{grid-template-columns:1fr;gap:9px}
  .sike-banner-upload{min-height:76px}
  .sike-banner-fields{gap:7px}
  .sike-banner-look{grid-template-columns:1fr 1fr;gap:9px}
  .sike-music-banner-editor-actions{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:390px){
  .sike-music-banner-editor-head h4{font-size:16px}
  .sike-banner-look{grid-template-columns:1fr}
}


/* ===================================================================
   SIKE V27 — SIGNED-IN USER IN SHARED TOP NAV
   =================================================================== */

.site-header .header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.site-user-pill{
  min-width:0;
  height:48px;
  max-width:230px;
  padding:5px 10px 5px 5px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:15px;
  background:#111419;
  border:1px solid #292e35;
  color:#fff;
  text-decoration:none;
  box-sizing:border-box;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}
.site-user-pill:hover{
  transform:translateY(-1px);
  background:#171a1f;
  border-color:#3a4048;
}
.site-user-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#ff6d39,#e63632);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(231,56,48,.18);
}
.site-user-copy{
  min-width:0;
  display:block;
  line-height:1.05;
}
.site-user-copy strong{
  display:block;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.site-user-copy small{
  display:block;
  margin-top:4px;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#737b85;
  font-size:6.5px;
  font-weight:700;
}
.site-user-chevron{
  margin-left:auto;
  color:#626a74;
  font-size:9px;
  font-style:normal;
}

/* Slight provider identity without disturbing SIKE styling. */
.site-user-pill.provider-facebook .site-user-avatar{background:linear-gradient(145deg,#2476f2,#1555ba)}
.site-user-pill.provider-google .site-user-avatar{background:linear-gradient(145deg,#f4f4f4,#d9d9d9);color:#222}
.site-user-pill.provider-apple .site-user-avatar{background:linear-gradient(145deg,#292b2e,#050607)}
.site-user-pill.provider-spotify .site-user-avatar{background:linear-gradient(145deg,#1ed760,#12933f);color:#07110a}
.site-user-pill.provider-microsoft .site-user-avatar{background:linear-gradient(145deg,#f05a28,#d83a21)}

/* SIKE MUSIC header now has a proper visual balance on large screens. */
body.sike-music-fullscreen-active .site-header .header-actions{
  margin-left:auto!important;
}
body.sike-music-fullscreen-active .site-user-pill{
  display:flex!important;
}

/* In the internal music topbar, the S account dot becomes a compact shortcut. */
.sike-music-account-dot{
  display:grid;
  place-items:center;
  text-decoration:none;
}

/* Laptop widths: keep name, hide provider label first. */
@media(max-width:1260px) and (min-width:721px){
  .site-user-pill{
    max-width:165px;
    padding-right:8px;
  }
  .site-user-copy strong{max-width:92px}
  .site-user-copy small{display:none}
  .site-user-chevron{display:none}
}

/* Mobile: avatar stays in nav, name moves into menu-friendly compact mode. */
@media(max-width:720px){
  .site-header .header-actions{
    gap:6px!important;
  }
  .site-user-pill{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
    justify-content:center!important;
  }
  .site-user-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  .site-user-copy,
  .site-user-chevron{
    display:none!important;
  }

  /* Avoid too many right-side buttons: search is already available in menu. */
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
}

/* Very small phones: retain user + cart + menu without overflow. */
@media(max-width:390px){
  .site-user-pill{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .site-user-avatar{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
}


/* ===================================================================
   SIKE APP V28 — PERSISTENT MUSIC / ACTIVE SPEAKER / MINIMIZABLE PLAYER
   =================================================================== */

/* Keep the YouTube iframe alive when returning to Dashboard.
   It is moved offscreen instead of display:none while a track exists. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-music-view:not(.active){
  display:block!important;
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:2px!important;
  height:2px!important;
  min-width:2px!important;
  min-height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Dashboard speaker is visibly active while music plays. */
.device-playing-music .sike-ios-hero-card{
  border-color:rgba(255,101,56,.18)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,101,56,.045),
    inset 0 0 80px rgba(255,82,42,.025)!important;
}
.device-playing-music .sike-builder-live-stage:after{
  content:"";
  position:absolute;
  inset:auto 12% 2% 12%;
  height:22%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,92,44,.15),transparent 68%);
  filter:blur(12px);
  animation:sikeActiveSpeakerGlow 1.9s ease-in-out infinite alternate;
}
@keyframes sikeActiveSpeakerGlow{
  from{opacity:.45;transform:scale(.92)}
  to{opacity:1;transform:scale(1.08)}
}

.sike-dashboard-now-playing{
  min-height:66px;
  margin:8px 0 10px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,98,52,.09),transparent 42%),
    #0d1014;
  border:1px solid rgba(255,102,55,.18);
}
.sike-dashboard-now-playing[hidden]{display:none!important}
.sike-dashboard-now-cover{
  width:50px;height:50px;border-radius:11px;overflow:hidden;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6639,#682134);
  color:#fff;font-size:18px
}
.sike-dashboard-now-cover img{width:100%;height:100%;object-fit:cover}
.sike-dashboard-now-copy{min-width:0}
.sike-dashboard-now-copy small{
  display:flex;align-items:center;gap:6px;color:#ff794c;
  font-size:6px;letter-spacing:.12em;font-weight:900
}
.sike-dashboard-now-copy small i{
  width:7px;height:7px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 5px rgba(43,209,121,.08)
}
.sike-dashboard-now-copy strong{
  display:block;margin-top:4px;color:#fff;font-size:10px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-copy>span{
  display:block;margin-top:3px;color:#727b85;font-size:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-bars{height:30px;display:flex;align-items:center;gap:3px}
.sike-dashboard-now-bars i{
  width:3px;border-radius:5px;background:#ff6840;
  animation:sikeDashboardBars .8s ease-in-out infinite alternate
}
.sike-dashboard-now-bars i:nth-child(1){height:28%;animation-delay:.05s}
.sike-dashboard-now-bars i:nth-child(2){height:75%;animation-delay:.18s}
.sike-dashboard-now-bars i:nth-child(3){height:48%;animation-delay:.28s}
.sike-dashboard-now-bars i:nth-child(4){height:88%;animation-delay:.4s}
@keyframes sikeDashboardBars{to{transform:scaleY(.38);opacity:.55}}
.sike-dashboard-now-playing>button{
  height:34px;padding:0 12px;border-radius:10px;
  border:1px solid #2e343b;background:#15181d;color:#fff;
  font-size:7px;font-weight:900;cursor:pointer
}

/* Persistent global player */
.sike-global-music-player{
  position:fixed;
  z-index:18000;
  left:18px;
  right:18px;
  bottom:16px;
  min-height:68px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto minmax(180px,.6fr);
  gap:16px;
  align-items:center;
  border-radius:18px;
  background:rgba(7,9,12,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  transition:
    transform .26s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease,
    width .25s ease,
    left .25s ease,
    right .25s ease;
}
.sike-global-music-player[hidden]{display:none!important}
.sike-music-fullscreen-active .sike-global-music-player{display:none!important}

.sike-global-player-track{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
  align-items:center;
  cursor:pointer
}
.sike-global-player-cover{
  width:50px;height:50px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(145deg,#ff6938,#3a1721);
  color:#fff;font-size:18px
}
.sike-global-player-cover img{width:100%;height:100%;object-fit:cover}
.sike-global-player-copy{min-width:0}
.sike-global-player-copy small{display:block;color:#ff7346;font-size:6px;letter-spacing:.13em;font-weight:900}
.sike-global-player-copy strong{
  display:block;color:#fff;font-size:9px;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-global-player-copy span{
  display:block;color:#737b85;font-size:7px;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.sike-global-player-controls{
  display:flex;align-items:center;justify-content:center;gap:12px
}
.sike-global-player-controls button{
  width:34px;height:34px;border-radius:50%;
  border:0;background:transparent;color:#949ba4;font-size:12px;cursor:pointer
}
.sike-global-player-controls .main{
  width:44px;height:44px;background:#fff;color:#111;font-size:13px
}

.sike-global-player-output{
  justify-self:end;display:flex;align-items:center;gap:10px
}
.sike-global-player-output>span{
  display:flex;align-items:center;gap:7px;
  color:#838b94;font-size:7px
}
.sike-global-player-output i{
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-player-output b{color:#fff;font-size:7px}
.sike-global-player-output>button{
  width:34px;height:34px;border-radius:11px;
  border:1px solid #2b3138;background:#111419;color:#fff;font-size:15px;cursor:pointer
}

.sike-global-player-mini{
  display:none;
}

/* Minimized state: compact floating music capsule. */
.sike-global-music-player.is-minimized{
  left:auto;
  right:18px;
  width:58px;
  min-height:58px;
  height:58px;
  padding:0;
  border-radius:19px;
  grid-template-columns:1fr;
  overflow:hidden
}
.sike-global-music-player.is-minimized>.sike-global-player-track,
.sike-global-music-player.is-minimized>.sike-global-player-controls,
.sike-global-music-player.is-minimized>.sike-global-player-output{
  display:none!important
}
.sike-global-music-player.is-minimized .sike-global-player-mini{
  width:100%;height:100%;padding:0;border:0;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6638,#d92f35);
  color:#fff;cursor:pointer;position:relative
}
.sike-global-player-mini span{font-size:20px}
.sike-global-player-mini i{
  position:absolute;right:8px;top:8px;
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-music-player.is-paused .sike-global-player-mini i{
  background:#8a919a
}

/* Reserve bottom space so player never covers dashboard content. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:100px!important
}

/* Mobile global player */
@media(max-width:720px){
  .sike-dashboard-now-playing{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:58px;padding:7px;border-radius:14px
  }
  .sike-dashboard-now-cover{width:44px;height:44px}
  .sike-dashboard-now-bars{display:none}
  .sike-dashboard-now-playing>button{
    width:34px;padding:0;font-size:0
  }
  .sike-dashboard-now-playing>button:after{
    content:"♫";font-size:13px
  }

  .sike-global-music-player{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    min-height:62px;
    padding:6px 8px;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
    border-radius:18px
  }
  .sike-global-player-track{
    grid-template-columns:44px minmax(0,1fr);gap:8px
  }
  .sike-global-player-cover{width:44px;height:44px}
  .sike-global-player-controls button:not(.main){display:none}
  .sike-global-player-controls{gap:0}
  .sike-global-player-controls .main{width:40px;height:40px}
  .sike-global-player-output{
    position:absolute;right:8px;top:-39px
  }
  .sike-global-player-output>span{display:none}
  .sike-global-player-output>button{
    width:32px;height:32px;border-radius:11px;
    background:rgba(13,16,20,.92)
  }
  .sike-global-music-player.is-minimized{
    right:8px;
    left:auto;
    width:54px;
    height:54px;
    min-height:54px;
    bottom:calc(8px + env(safe-area-inset-bottom))
  }
  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:92px!important
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-dashboard-now-bars i,
  .device-playing-music .sike-builder-live-stage:after{
    animation:none!important
  }
}


/* ===================================================================
   SIKE APP V29 — DASHBOARD LAYOUT RECOVERY
   Fixes V28 hero-grid break caused by Now Playing being inserted as
   a fourth direct grid child.
   =================================================================== */

/* Restore the original, stable 3-row hero layout exactly. */
.sike-ios-hero-card{
  grid-template-rows:auto minmax(300px,1fr) auto!important;
}

/* 3D model stage remains the flexible middle row. */
.sike-builder-live-stage{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Now Playing is now a floating glass card OVER the 3D viewport. */
.sike-builder-live-stage .sike-dashboard-now-playing{
  position:absolute!important;
  z-index:24!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;

  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto auto!important;
  gap:9px!important;
  align-items:center!important;

  border-radius:15px!important;
  background:rgba(8,11,15,.88)!important;
  border:1px solid rgba(255,111,61,.20)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.035)!important;

  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing[hidden]{
  display:none!important;
}

.sike-builder-live-stage .sike-dashboard-now-cover{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy strong{
  max-width:100%!important;
  font-size:9px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy>span{
  font-size:6.5px!important;
}
.sike-builder-live-stage .sike-dashboard-now-bars{
  height:26px!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing>button{
  height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}

/* Move builder drag hint slightly up when music is active, so elements
   never overlap each other. */
.device-playing-music .sike-ios-drag-hint{
  bottom:82px!important;
}

/* Live-model badge always stays above model but clear of playback card. */
.sike-builder-live-badge{
  z-index:25!important;
}

/* Don't let the glow pseudo-element obscure player controls. */
.device-playing-music .sike-builder-live-stage:after{
  z-index:2!important;
}
.sike-builder-live-frame{
  position:relative!important;
  z-index:3!important;
}

/* Cleaner persistent player: less tall and less dominant than V28. */
.sike-global-music-player{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:60px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,.45fr)!important;
  gap:12px!important;
}
.sike-global-player-cover{
  width:46px!important;
  height:46px!important;
}
.sike-global-player-track{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.sike-global-player-controls .main{
  width:40px!important;
  height:40px!important;
}
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:86px!important;
}

/* Make sure the dashboard itself remains a balanced two-column desktop grid. */
@media(min-width:1101px){
  .sike-ios-view[data-view="home"].active{
    align-items:start!important;
  }
  .sike-ios-hero-card{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:auto minmax(360px,1fr) auto!important;
  }
}

/* Phone: compact floating player inside model, no layout growth. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-builder-live-stage{
    position:relative!important;
    height:300px!important;
    min-height:300px!important;
  }

  .sike-builder-live-stage .sike-dashboard-now-playing{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:50px!important;
    padding:5px 6px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-cover{
    width:40px!important;
    height:40px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-bars{
    display:none!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    font-size:0!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button:after{
    content:"♫"!important;
    font-size:12px!important;
  }
  .device-playing-music .sike-ios-drag-hint{
    display:none!important;
  }

  .sike-global-music-player{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;
    padding:5px 7px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:6px!important;
    border-radius:17px!important;
  }
  .sike-global-player-cover{
    width:42px!important;
    height:42px!important;
  }
  .sike-global-player-track{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .sike-global-player-controls .main{
    width:38px!important;
    height:38px!important;
  }
  .sike-global-player-output{
    right:6px!important;
    top:-36px!important;
  }

  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:82px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .sike-builder-live-stage{
    height:275px!important;
    min-height:275px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy small{
    font-size:5.5px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy strong{
    font-size:8px!important;
  }
}


/* ===================================================================
   SIKE V30 — AUDIO REACTIVE 3D SPEAKER
   Visual prototype: drivers/cones react to playback volume + sound mode.
   =================================================================== */

.lab-cabinet{
  --audio-level:.65;
  --audio-high-level:.45;
  --audio-speed:.62s;
}

/* Actual speaker driver assemblies pulse along their own Z-axis visually. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  transform-origin:50% 50%;
  animation:sikeWooferExcursion var(--audio-speed) cubic-bezier(.3,.02,.35,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  transform-origin:50% 50%;
  animation:sikeConeExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  transform-origin:50% 50%;
  animation:sikeCapExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  transform-origin:50% 50%;
  animation:sikeHighDriverExcursion calc(var(--audio-speed) * .72) ease-in-out infinite alternate;
}

@keyframes sikeWooferExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .018)));
    filter:brightness(.88);
  }
  47%{
    transform:scale(1);
    filter:brightness(1);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .055)));
    filter:brightness(calc(1 + (var(--audio-level) * .10)));
  }
}
@keyframes sikeConeExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .035)));
    box-shadow:inset 0 0 calc(7px + 12px * var(--audio-level)) rgba(0,0,0,.95);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .072)));
    box-shadow:inset 0 0 calc(4px + 5px * var(--audio-level)) rgba(0,0,0,.70);
  }
}
@keyframes sikeCapExcursion{
  0%{transform:scale(calc(1 - (var(--audio-level) * .022)))}
  100%{transform:scale(calc(1 + (var(--audio-level) * .085)))}
}
@keyframes sikeHighDriverExcursion{
  0%{transform:scale(calc(1 - (var(--audio-high-level) * .014)))}
  100%{transform:scale(calc(1 + (var(--audio-high-level) * .032)))}
}

/* Make bass pressure visible even through the protective grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 29%,rgba(255,255,255,calc(.015 + var(--audio-high-level) * .028)) 0 8%,transparent 20%),
    radial-gradient(circle at 50% 67%,rgba(255,92,45,calc(.02 + var(--audio-level) * .065)) 0 10%,transparent 30%);
  mix-blend-mode:screen;
  animation:sikeGrillePressure var(--audio-speed) ease-in-out infinite alternate;
}
@keyframes sikeGrillePressure{
  0%{opacity:.35;transform:scale(.992)}
  100%{opacity:1;transform:scale(calc(1 + var(--audio-level) * .004))}
}

/* Tiny cabinet pressure movement. Kept intentionally subtle. */
.lab-cabinet.sike-audio-playing .grille-mesh{
  animation:sikeGrilleMeshVibe calc(var(--audio-speed) * .5) linear infinite alternate;
}
@keyframes sikeGrilleMeshVibe{
  from{background-position:0 0;filter:brightness(.98)}
  to{background-position:0 .35px;filter:brightness(calc(1 + var(--audio-level) * .035))}
}

/* Profiles visibly change driver behavior. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-cone{
  animation-timing-function:cubic-bezier(.18,.02,.27,1);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"] .lab-grille:after{
  opacity:.32;
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"] .lab-grille:after{
  filter:saturate(1.12);
}

/* Dashboard model-stage glow now follows actual audio playback. */
.device-playing-music .sike-builder-live-stage{
  --speaker-active-glow:rgba(255,86,40,.13);
}
.device-playing-music .sike-builder-live-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12% 19% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--speaker-active-glow),transparent 69%);
  filter:blur(24px);
  animation:sikeStageBeat .72s ease-in-out infinite alternate;
}
@keyframes sikeStageBeat{
  from{opacity:.3;transform:scale(.96)}
  to{opacity:.9;transform:scale(1.04)}
}

/* Muted / stopped speaker instantly settles. */
.lab-cabinet:not(.sike-audio-playing) .driver-frame,
.lab-cabinet:not(.sike-audio-playing) .driver-cone,
.lab-cabinet:not(.sike-audio-playing) .driver-cap,
.lab-cabinet:not(.sike-audio-playing) .grille-mesh{
  animation:none!important;
  transform:none;
}

/* Keep animation lighter on phones, but still clearly visible. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing{
    --audio-speed:max(.34s,var(--audio-speed));
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lab-cabinet.sike-audio-playing .driver-frame,
  .lab-cabinet.sike-audio-playing .driver-cone,
  .lab-cabinet.sike-audio-playing .driver-cap,
  .lab-cabinet.sike-audio-playing .grille-mesh,
  .lab-cabinet.sike-audio-playing .lab-grille:after,
  .device-playing-music .sike-builder-live-stage:before{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V31 — FULL 3D PRODUCT + INTERACTIVE CONTROL PANEL
   =================================================================== */

/* Always show the entire 3D speaker in the Sike App live model viewport. */
.sike-builder-live-stage{
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  overflow:hidden!important;
}
.sike-builder-live-frame.sike-builder-full-product{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  transform:none!important;
}

/* Give the embedded Builder enough breathing room to fit the full cabinet. */
.sike-builder-live-stage iframe{
  object-fit:contain!important;
}

/* Control knob interaction feedback */
.lab-control-knob,
.control-knob,
.volume-knob,
.knob-core,
.lab-knob,
[data-volume-knob]{
  transform-origin:50% 50%!important;
  transition:transform .08s linear,filter .16s ease!important;
}
.lab-control-knob:hover,
.control-knob:hover,
.volume-knob:hover,
.knob-core:hover,
.lab-knob:hover,
[data-volume-knob]:hover{
  filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,164,255,.16))!important;
}

/* Powered control panel gets a subtle live-state glow */
.lab-cabinet.sike-panel-powered .lab-control-panel,
.lab-cabinet.sike-panel-powered .control-panel{
  filter:brightness(1.03)!important;
}

/* Mobile: full product still fits without giant empty areas */
@media(max-width:720px){
  .sike-builder-live-stage{
    min-height:390px!important;
    height:56vh!important;
    max-height:560px!important;
  }
  .sike-builder-live-frame.sike-builder-full-product{
    min-height:100%!important;
  }
}

@media(max-width:430px){
  .sike-builder-live-stage{
    min-height:350px!important;
    height:52vh!important;
    max-height:500px!important;
  }
}


/* ===================================================================
   SIKE V32 — CONTROL PANEL FULL VOLUME SYNC + MUSIC LED REACTION
   =================================================================== */

/* The real circular control panel is the master physical volume interface. */
.reference-control-panel .volume-ring,
.rgb-control-panel .volume-ring,
[data-volume-ring]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
.reference-control-panel .volume-ring:active,
.rgb-control-panel .volume-ring:active,
[data-volume-ring]:active{
  cursor:grabbing!important;
}

/* Powered panel has subtle instrument illumination. */
[data-volume-ring].is-panel-powered{
  filter:
    brightness(1.04)
    drop-shadow(0 0 5px rgba(66,151,255,.10))!important;
}
[data-volume-ring]:not(.is-panel-powered){
  filter:saturate(.45) brightness(.72)!important;
}

/* Existing LEDs remain a true volume meter:
   active count is generated by JS from 0–100%. */
[data-volume-ring] .knob-led{
  transition:
    opacity .12s ease,
    filter .12s ease,
    fill .12s ease!important;
}

/* While SIKE MUSIC is actually playing, ONLY the illuminated volume LEDs
   breathe/chase subtly. The amount of lit LEDs still matches the real volume. */
[data-volume-ring].is-music-playing .knob-led.is-active{
  animation:sikeControlLedBeat var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
  transform-origin:center!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+1){
  animation-delay:-.13s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+2){
  animation-delay:-.27s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n){
  animation-delay:-.39s!important;
}

@keyframes sikeControlLedBeat{
  0%{
    opacity:.52;
    filter:
      brightness(.90)
      drop-shadow(0 0 1px var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(.88);
  }
  100%{
    opacity:1;
    filter:
      brightness(calc(1.12 + var(--music-level,.7) * .32))
      drop-shadow(0 0 calc(2px + var(--music-level,.7) * 4px) var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(calc(1 + var(--music-level,.7) * .16));
  }
}

/* Small pulse in the metal ring itself so the panel clearly looks live. */
[data-volume-ring].is-music-playing:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(102,176,255,.22)!important;
  box-shadow:
    inset 0 0 9px rgba(64,143,255,.10),
    0 0 8px rgba(64,143,255,.08)!important;
  animation:sikeControlRingLive var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
}
@keyframes sikeControlRingLive{
  from{opacity:.28;transform:scale(.985)}
  to{opacity:.85;transform:scale(1.015)}
}

/* Paused track: keep only a tiny status glow, no beat animation. */
[data-volume-ring].is-music-paused .knob-led.is-active{
  animation:none!important;
  opacity:.42!important;
}
[data-volume-ring].is-music-paused:after{
  animation:none!important;
  opacity:.16!important;
}

/* Volume zero means no active LEDs and therefore no fake beat. */
[data-volume-ring][aria-valuenow="0"].is-music-playing:after{
  opacity:.12!important;
  animation:none!important;
}

/* Mobile/touch: slightly larger hit area without changing visible design. */
@media(max-width:720px){
  [data-volume-ring]:before{
    cursor:grab!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  [data-volume-ring].is-music-playing .knob-led.is-active,
  [data-volume-ring].is-music-playing:after{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V33 — SMOOTH 3D / LOW-JITTER INTERACTION
   =================================================================== */

/* Keep the complete 3D cabinet on its own compositor layer. */
.lab-scene,
.lab-cabinet,
.lab-cabinet *,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.lab-cabinet{
  will-change:transform;
  transform-style:preserve-3d;
  contain:layout style;
}

/* Individual moving pieces should be composited instead of repainted. */
.lab-cabinet .lab-part,
.lab-cabinet .battery-part,
.lab-cabinet .handle-part,
.lab-cabinet .control-part,
.lab-cabinet .lab-driver-low,
.lab-cabinet .lab-driver-high{
  will-change:transform;
}

/* During manual rotation, remove repaint-heavy visual filters/shadows.
   They come back immediately when the pointer is released. */
body.sike-3d-dragging .lab-cabinet,
body.sike-3d-dragging .lab-cabinet *{
  transition:none!important;
}

body.sike-3d-dragging .lab-cabinet.sike-audio-playing .lab-grille:after,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .grille-mesh{
  animation-play-state:paused!important;
}

body.sike-3d-dragging .lab-cabinet{
  filter:none!important;
}

body.sike-3d-dragging .lab-scene{
  cursor:grabbing!important;
}

/* Smoother touch/phone handling. */
.lab-scene,
.sike-builder-live-stage{
  touch-action:none;
  overscroll-behavior:contain;
}

/* Avoid accidental text selection while rotating. */
.lab-scene,
.lab-scene *{
  user-select:none;
  -webkit-user-select:none;
}

/* GPU-friendly control panel LEDs. */
[data-volume-ring],
[data-volume-ring] .knob-led{
  will-change:transform,opacity;
}

/* On lower-powered mobile devices, keep bass animation visible but lighter. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .device-playing-music .sike-builder-live-stage:before{
    filter:blur(14px)!important;
  }
}

/* Very small devices: reduce expensive visual effects further. */
@media(max-width:430px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    opacity:.45!important;
  }
  [data-volume-ring].is-music-playing .knob-led.is-active{
    filter:none!important;
  }
}


/* SIKE V33 ZOOM FIX — mouse wheel + trackpad + touch pinch */
[data-product-lab] .lab-scene,
.product-lab .lab-scene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
[data-product-lab] .lab-scene:hover,
.product-lab .lab-scene:hover{
  cursor:grab;
}
[data-product-lab] .lab-scene.dragging,
.product-lab .lab-scene.dragging{
  cursor:grabbing!important;
}


/* ===================================================================
   SIKE V36 — PRODUCT CENTERING + SMOOTHER 3D INTERACTION
   =================================================================== */

/* Keep the whole model centered vertically instead of sitting at the bottom. */
.lab-speaker{
  top:50%!important;
  left:50%!important;
  transform:
    translate(-50%, calc(-50% + var(--scene-y,-7%)))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))
    scale(var(--scene-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Make the stage feel balanced and keep the model visually centered. */
.sike-builder-live-stage{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Remove expensive effects while the user is actively rotating/zooming. */
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *,
body.sike-model-interacting .lab-scene{
  transition:none!important;
}
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .grille-mesh,
body.sike-model-interacting [data-volume-ring].is-music-playing .knob-led{
  animation-play-state:paused!important;
}

/* Smooth compositor path for the model itself. */
.lab-speaker,
.lab-cabinet{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lab-speaker{
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}

/* Desktop: slightly more centered and not too low. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 5%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}

/* Tablet/mobile keep the entire product visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 2%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}


/* ===================================================================
   SIKE V37 — TRUE CENTER + ZERO-LAG TRANSFORM FIX
   =================================================================== */

/*
  The .lab-scene already centers .lab-speaker with CSS Grid.
  Do NOT add left:50% / top:50% to the relatively positioned speaker.
  That double-centers it and pushes the product to the right.
*/
.lab-speaker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;

  /* only vertical lift; horizontal centering comes from lab-scene grid */
  transform:
    translate3d(0,var(--scene-y,-5%),0)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))!important;

  transform-origin:50% 50% 0!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;

  /*
    JS already interpolates rotation/zoom with requestAnimationFrame.
    A CSS .45s transform transition on every RAF frame creates the
    sluggish/jittery "rubber band" feeling. Disable transform transition.
  */
  transition:
    width .24s ease,
    height .24s ease!important;

  will-change:transform!important;
}

/* Keep the scene itself responsible for exact centering. */
.lab-scene{
  display:grid!important;
  place-items:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Desktop: slightly raise product, NEVER shift it horizontally. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate3d(0,-5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:761px){
  .lab-speaker{
    transform:
      translate3d(0,-3%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Mobile: keep whole product centered and visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate3d(0,-1.5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* The app's iframe must remain centered in its own viewport. */
.sike-builder-live-stage{
  position:relative!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  margin:0!important;
  transform:none!important;
}

/* During interaction keep animation/render work light. */
.lab-scene.dragging .lab-speaker,
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}

/* Prevent text/layout paint from interfering with pointer movement. */
.lab-scene{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
}


/* ===================================================================
   SIKE V38 — STRONGER ALWAYS-VISIBLE PLAYBACK MOTION
   =================================================================== */

/*
  Visual playback movement no longer becomes almost invisible at low volume.
  The JS supplies a minimum --audio-level while music is actively playing.
*/

.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  animation:sikeWooferV38 var(--audio-speed,.48s) cubic-bezier(.24,.02,.30,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  animation:sikeConeV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  animation:sikeDustCapV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  animation:sikeHighV38 calc(var(--audio-speed,.48s) * .72) ease-in-out infinite alternate!important;
}

@keyframes sikeWooferV38{
  0%{
    transform:
      translateZ(calc(-2px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .050)));
    filter:brightness(.80);
  }
  100%{
    transform:
      translateZ(calc(5px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .125)));
    filter:brightness(calc(1 + (var(--audio-level,.7) * .15)));
  }
}

@keyframes sikeConeV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .075)));
    filter:brightness(.74) contrast(1.06);
  }
  100%{
    transform:
      translateZ(calc(8px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .175)));
    filter:brightness(calc(1.04 + (var(--audio-level,.7) * .19))) contrast(1.10);
  }
}

@keyframes sikeDustCapV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .060)));
  }
  100%{
    transform:
      translateZ(calc(10px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .215)));
  }
}

@keyframes sikeHighV38{
  0%{
    transform:translateZ(-1px) scale(calc(1 - (var(--audio-high-level,.5) * .025)));
  }
  100%{
    transform:translateZ(3px) scale(calc(1 + (var(--audio-high-level,.5) * .070)));
  }
}

/* More obvious pressure behind the front grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  background:
    radial-gradient(circle at 50% 28%,
      rgba(255,255,255,calc(.020 + var(--audio-high-level,.5) * .060)) 0 9%,
      transparent 23%),
    radial-gradient(circle at 50% 67%,
      rgba(255,84,36,calc(.040 + var(--audio-level,.7) * .145)) 0 13%,
      transparent 36%)!important;
  animation:sikeGrillePulseV38 calc(var(--audio-speed,.48s) * .95) ease-in-out infinite alternate!important;
}

@keyframes sikeGrillePulseV38{
  from{opacity:.42;transform:scale(.992)}
  to{opacity:1;transform:scale(calc(1 + var(--audio-level,.7) * .007))}
}

/* Stronger distinction between modes while still moving at low volume. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"]{
  --audio-level:calc(var(--audio-level) * 1.18);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"]{
  --audio-level:calc(var(--audio-level) * 1.08);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"]{
  --audio-level:calc(var(--audio-level) * .78);
}

/*
  Preserve smooth model interaction: pause reactive animation while the user
  is actively rotating/zooming, then resume immediately afterwards.
*/
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-grille:after{
  animation-play-state:paused!important;
}

/* Mobile: strong enough to see, but avoid extra expensive filters. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
    filter:none!important;
  }
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    mix-blend-mode:normal!important;
    filter:none!important;
  }
}


/* ===================================================================
   SIKE V38 MOBILE CONTROL PANEL SYNC FIX
   =================================================================== */

[data-volume-ring]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  overscroll-behavior:contain!important;
}

/* On phone the physical ring keeps the same visual size, but gets a larger
   invisible touch target so the control is actually usable with a thumb. */
@media(max-width:760px){
  [data-volume-ring]{
    position:relative!important;
    cursor:ns-resize!important;
  }
  [data-volume-ring]::before{
    content:"";
    position:absolute;
    inset:-18px!important;
    border-radius:50%;
    background:transparent;
    pointer-events:auto;
  }
  [data-volume-ring].is-touch-adjusting{
    filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,159,255,.20))!important;
  }
  [data-volume-ring].is-touch-adjusting .knob-led.is-active{
    opacity:1!important;
  }
}

/* Prevent the parent 3D scene from rotating while the user is adjusting volume. */
[data-volume-ring],
[data-volume-ring] *{
  touch-action:none!important;
}


/* ===================================================================
   SIKE V41 — CLEAN APP ENTRY / ACCOUNT LANDING
   Rebuilds app.php visually while preserving all auth/demo functionality.
   =================================================================== */

body:has(.sike-app-landing){
  background:#0a0b0d!important;
  color:#f7f5f1!important;
}
body:has(.sike-app-landing) .site-header{
  background:rgba(7,8,10,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.sike-v7-status-note{
  display:none!important;
}

.sike-app-landing{
  --app-orange:#ff6538;
  --app-red:#ef3535;
  --app-ink:#0d0f12;
  --app-panel:#12151a;
  --app-panel-2:#171a20;
  --app-line:rgba(255,255,255,.08);
  --app-muted:#8b929c;

  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:34px 28px 80px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,91,48,.15),transparent 26%),
    radial-gradient(circle at 90% 16%,rgba(217,36,49,.12),transparent 28%),
    #0a0b0d!important;
}

.sike-app-landing-hero{
  position:relative!important;
  width:min(1320px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #101216!important;
  box-shadow:0 26px 80px rgba(0,0,0,.32)!important;
}
.sike-app-landing-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,91,46,.13),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(216,38,50,.09),transparent 27%)!important;
}
.sike-app-landing-glow{
  display:none!important;
}

.sike-app-landing-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 12px 16px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:0 0 18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,101,56,.22)!important;
  border-radius:999px!important;
  background:rgba(255,101,56,.07)!important;
  color:#ff7b52!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d27b!important;
  box-shadow:0 0 0 5px rgba(52,210,123,.08)!important;
}

.sike-app-landing-copy h1{
  max-width:780px!important;
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(54px,6.1vw,94px)!important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-app-landing-copy h1 em{
  color:#ff6a3e!important;
  font-style:normal!important;
}
.sike-app-landing-copy p{
  max-width:720px!important;
  margin:24px 0 0!important;
  color:#9da3ac!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.sike-app-landing-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
}
.sike-app-landing-badges span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#15181d!important;
  color:#d6d9de!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}
.sike-app-mini-device-stack{
  margin-top:24px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.sike-app-mini-device-stack>div{
  width:86px!important;
  height:64px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:5px!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0c0e11!important;
  box-shadow:none!important;
}
.sike-app-mini-device-stack img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:8px!important;
}
.sike-app-mini-device-stack b{
  color:#c8ccd2!important;
  font-size:7px!important;
  line-height:1.05!important;
}

/* Right-side account/auth panel */
.sike-app-entry-panel{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(11,13,16,.94)!important;
  padding:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.sike-app-account-ready{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-ready-icon{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:linear-gradient(145deg,#37d37e,#1aac62)!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(37,202,111,.18)!important;
}
.sike-app-account-ready>span,
.sike-app-auth-head>span{
  color:#ff754a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-app-account-ready h2,
.sike-app-auth-head h2{
  margin:9px 0 0!important;
  color:#f6f5f2!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}
.sike-app-account-ready p,
.sike-app-auth-head p{
  margin:14px 0 0!important;
  color:#858d98!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.sike-app-account-row{
  margin-top:20px!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #272c33!important;
  border-radius:13px!important;
  background:#0d1014!important;
}
.sike-app-account-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#d4d8dd!important;
  font-size:9px!important;
}
.sike-app-account-row i{
  flex:0 0 auto!important;
  color:#35d27c!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.sike-app-ready-devices{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:10px 0 0!important;
}
.sike-app-ready-devices>span{
  min-width:0!important;
  height:72px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111419!important;
}
.sike-app-ready-devices img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#0a0c0f!important;
}
.sike-app-ready-devices b{
  min-width:0!important;
  color:#c7cbd1!important;
  font-size:7px!important;
  line-height:1.1!important;
}

.sike-app-continue-button,
.sike-app-auth-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff6b3b,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 30px rgba(237,52,56,.16)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-app-continue-button:hover,
.sike-app-auth-submit:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.sike-app-continue-button b,
.sike-app-auth-submit b{
  font-size:18px!important;
}
.sike-app-signout{
  margin:11px auto 0!important;
  color:#747b85!important;
  font-size:8px!important;
  text-decoration:none!important;
}

/* Logged-out auth cleaned up too */
.sike-app-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:20px 0 12px!important;
  padding:4px!important;
  border:1px solid #252a31!important;
  border-radius:13px!important;
  background:#090b0e!important;
}
.sike-app-auth-tabs button{
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#747c86!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-app-auth-tabs button.active{
  background:#171a1f!important;
  color:#fff!important;
}

.sike-social-login-block{
  margin-top:10px!important;
}
.sike-social-login-title{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.sike-social-login-title span{
  color:#7c838d!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.sike-social-login-title small{
  color:#5f6670!important;
  font-size:6px!important;
}
.sike-social-login-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-social-login{
  width:100%!important;
  min-height:42px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid #292e35!important;
  background:#111419!important;
  color:#e4e6e9!important;
  box-shadow:none!important;
}
.sike-social-login:hover{
  border-color:#3b424c!important;
  background:#171b20!important;
}
.sike-social-login i{
  font-size:13px!important;
}
.sike-social-login span{
  font-size:7px!important;
}
.sike-social-login b{
  font-size:5px!important;
}
.sike-social-divider{
  margin:12px 0!important;
}
.sike-social-divider:before{
  border-color:#242930!important;
}
.sike-social-divider span{
  background:#0b0d10!important;
  color:#616974!important;
  font-size:6px!important;
}

.sike-app-auth-form label>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#818894!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.sike-app-auth-form input[type=text],
.sike-app-auth-form input[type=email],
.sike-app-auth-form input[type=password]{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:1px solid #292f36!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.sike-app-auth-form input:focus{
  border-color:rgba(255,103,59,.65)!important;
  box-shadow:0 0 0 3px rgba(255,103,59,.08)!important;
}
.sike-app-consent{
  margin-top:10px!important;
}
.sike-app-security-note{
  border-color:#252a31!important;
  background:#0c0f13!important;
  border-radius:12px!important;
}

/* The supporting sections now match the actual app, instead of a bright landing page. */
.sike-app-steps-section,
.sike-app-preview-section{
  width:min(1320px,100%)!important;
  margin:24px auto 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#101216!important;
}
.sike-app-steps-section{
  padding:28px!important;
}
.sike-app-section-heading span,
.sike-app-preview-copy>span{
  color:#ff754a!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-section-heading h2,
.sike-app-preview-copy h2{
  margin-top:8px!important;
  color:#f4f3f0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.sike-app-section-heading p,
.sike-app-preview-copy p{
  color:#858d97!important;
}
.sike-app-step-grid{
  gap:10px!important;
  margin-top:22px!important;
}
.sike-app-step-card{
  border:1px solid #242930!important;
  border-radius:17px!important;
  background:#0c0f13!important;
  box-shadow:none!important;
}
.sike-app-step-card.active{
  border-color:rgba(255,101,56,.32)!important;
  background:linear-gradient(145deg,rgba(255,101,56,.07),#0c0f13 48%)!important;
}
.sike-app-step-card.done{
  border-color:rgba(49,207,120,.22)!important;
}
.sike-app-step-card h3{
  color:#eef0f2!important;
}
.sike-app-step-card p{
  color:#777f89!important;
}
.sike-app-step-number{
  color:#ff7146!important;
}

.sike-app-preview-section{
  padding:28px!important;
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
.sike-app-preview-ui{
  border:1px solid #272d34!important;
  border-radius:20px!important;
  background:#0b0e12!important;
  box-shadow:none!important;
}
.sike-app-preview-copy a,
.sike-app-preview-copy button{
  color:#ff754a!important;
}

/* ------------------------- PHONE ------------------------- */
@media(max-width:760px){
  .sike-app-landing{
    padding:12px 10px 86px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,95,48,.14),transparent 25%),
      #090a0c!important;
  }

  .sike-app-landing-hero{
    padding:14px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:20px!important;
  }

  .sike-app-landing-copy{
    padding:10px 4px 4px!important;
  }
  .sike-app-kicker{
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  .sike-app-landing-copy h1{
    max-width:360px!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .sike-app-landing-copy p{
    margin-top:16px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  .sike-app-landing-badges{
    margin-top:16px!important;
    gap:5px!important;
  }
  .sike-app-landing-badges span{
    padding:7px 9px!important;
    font-size:6.5px!important;
  }

  /* Old duplicate hero thumbnails are hidden on phone;
     the clean device strip inside account card remains. */
  .sike-app-mini-device-stack{
    display:none!important;
  }

  .sike-app-entry-panel{
    padding:17px!important;
    border-radius:18px!important;
  }
  .sike-app-ready-icon{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:22px!important;
    margin-bottom:15px!important;
  }
  .sike-app-account-ready h2,
  .sike-app-auth-head h2{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .sike-app-account-ready p,
  .sike-app-auth-head p{
    font-size:11px!important;
  }
  .sike-app-account-row{
    display:block!important;
    padding:10px!important;
  }
  .sike-app-account-row i{
    display:block!important;
    margin-top:5px!important;
  }

  .sike-app-ready-devices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sike-app-ready-devices>span{
    height:64px!important;
    padding:6px!important;
    display:block!important;
    text-align:center!important;
  }
  .sike-app-ready-devices img{
    width:38px!important;
    height:38px!important;
    margin:auto!important;
  }
  .sike-app-ready-devices b{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:5.5px!important;
  }

  .sike-social-login-grid{
    grid-template-columns:1fr!important;
  }
  .sike-social-login-title small{
    display:none!important;
  }

  .sike-app-steps-section,
  .sike-app-preview-section{
    margin-top:12px!important;
    border-radius:19px!important;
  }
  .sike-app-steps-section{
    padding:16px!important;
  }
  .sike-app-step-grid{
    grid-template-columns:1fr!important;
  }
  .sike-app-step-card{
    min-height:0!important;
    padding:16px!important;
  }
  .sike-app-preview-section{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  .sike-app-preview-ui{
    min-height:260px!important;
  }
}

@media(max-width:390px){
  .sike-app-landing-copy h1{
    font-size:42px!important;
  }
  .sike-app-landing-hero{
    padding:11px!important;
  }
  .sike-app-entry-panel{
    padding:14px!important;
  }
  .sike-app-ready-devices>span{
    height:60px!important;
  }
}

/* Keep chat from visually dominating this onboarding page. */
body:has(.sike-app-landing) .chat-launcher{
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}


/* ===================================================================
   SIKE V42 — ORANGE APP LANDING / COMPLETELY NEW LAYOUT
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:#ff6633!important;
}
.sike-app-landing-v42{
  min-height:calc(100vh - 120px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 24px 72px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,212,163,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(255,75,43,.24),transparent 28%),
    linear-gradient(135deg,#ff8430 0%,#ff572f 48%,#ed3036 100%)!important;
}

.sike-v42-shell{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(13,15,18,.94)!important;
  box-shadow:0 32px 90px rgba(94,18,9,.26)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sike-v42-topline{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 3px 14px!important;
}
.sike-v42-label,
.sike-v42-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-v42-label i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2fd17a!important;
  box-shadow:0 0 0 5px rgba(47,209,122,.08)!important;
}
.sike-v42-label span,
.sike-v42-status span{
  color:#808894!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.sike-v42-status b{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#ff6239!important;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}

.sike-v42-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)!important;
  gap:16px!important;
}
.sike-v42-intro{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
}
.sike-v42-copy,
.sike-v42-device-stage,
.sike-v42-feature-strip,
.sike-v42-account{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12151a!important;
  border-radius:22px!important;
}

.sike-v42-copy{
  min-height:330px!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,91,43,.13),transparent 31%),
    #12151a!important;
}
.sike-v42-kicker{
  color:#ff7145!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.sike-v42-copy h1{
  margin:12px 0 0!important;
  color:#f8f5f0!important;
  font-size:clamp(56px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-v42-copy h1 em{
  color:#ff673d!important;
  font-style:normal!important;
}
.sike-v42-copy p{
  max-width:700px!important;
  margin:22px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.sike-v42-device-stage{
  min-height:190px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:.8fr 1.2fr!important;
  gap:16px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(120deg,rgba(255,102,56,.08),transparent 52%),
    #0e1115!important;
}
.sike-v42-device-copy span{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-v42-device-copy strong{
  display:block!important;
  margin-top:8px!important;
  color:#f0f1f3!important;
  font-size:17px!important;
}
.sike-v42-device-copy small{
  display:block!important;
  margin-top:7px!important;
  color:#717984!important;
  font-size:9px!important;
}
.sike-v42-device-art{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
}
.sike-v42-device-card{
  min-width:0!important;
  height:126px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #262c33!important;
  border-radius:16px!important;
  background:#15181d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sike-v42-device-card img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.sike-v42-device-card span{
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
}

.sike-v42-feature-strip{
  min-height:86px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.sike-v42-feature-strip>span{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  border-radius:14px!important;
  background:#0d1014!important;
}
.sike-v42-feature-strip i{
  grid-row:1/3!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#ff6339!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.sike-v42-feature-strip b{
  color:#f1f2f3!important;
  font-size:8px!important;
}
.sike-v42-feature-strip small{
  color:#6e7680!important;
  font-size:6.5px!important;
}

.sike-v42-account{
  min-width:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,57,.02)!important;
}
.sike-v42-account-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.sike-v42-avatar{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff7140,#e93439)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:0 14px 36px rgba(237,53,56,.18)!important;
}
.sike-v42-account-head span,
.sike-v42-auth-head>span,
.sike-v42-next-card>span{
  color:#ff7146!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-account-head h2,
.sike-v42-auth-head h2{
  margin:5px 0 0!important;
  color:#f7f5f1!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
.sike-v42-account-head p{
  margin:5px 0 0!important;
  color:#77808a!important;
  font-size:8px!important;
}
.sike-v42-account-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:18px!important;
}
.sike-v42-account-meta>div{
  padding:12px!important;
  border:1px solid #272d34!important;
  border-radius:13px!important;
  background:#0b0e12!important;
}
.sike-v42-account-meta span{
  display:block!important;
  color:#626b75!important;
  font-size:6px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-v42-account-meta b{
  display:block!important;
  margin-top:5px!important;
  color:#e7e9eb!important;
  font-size:9px!important;
}
.sike-v42-account-meta b.green{
  color:#34d17a!important;
}
.sike-v42-next-card{
  margin-top:9px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,101,56,.08),#0c0f13 56%)!important;
  border:1px solid rgba(255,102,57,.15)!important;
}
.sike-v42-next-card h3{
  margin:7px 0 0!important;
  color:#f3f4f5!important;
  font-size:18px!important;
}
.sike-v42-next-card p,
.sike-v42-auth-head p{
  margin:8px 0 0!important;
  color:#7e8691!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v42-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff6d3d,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 15px 30px rgba(238,52,57,.16)!important;
}
.sike-v42-primary b{
  font-size:17px!important;
}
.sike-v42-secondary{
  margin:12px auto 0!important;
  color:#727a84!important;
  font-size:7px!important;
  text-decoration:none!important;
}

.sike-v42-tabs{
  margin-top:20px!important;
}
.sike-v42-social{
  margin-top:10px!important;
}
.sike-v42-social-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v42-social-grid form{
  margin:0!important;
}
.sike-v42-social-grid button{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #2a3037!important;
  border-radius:11px!important;
  background:#0c0f13!important;
  color:#d8dce1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.sike-v42-social-grid i{
  font-size:13px!important;
  font-style:normal!important;
}
.sike-v42-social-grid span{
  font-size:7px!important;
  font-weight:800!important;
}
.sike-v42-divider{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  color:#656d77!important;
  font-size:6px!important;
}
.sike-v42-divider:before,
.sike-v42-divider:after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#242a31!important;
}
.sike-v42-form label>span{
  color:#7e8690!important;
}
.sike-v42-form input{
  background:#0b0e12!important;
  border-color:#292f36!important;
}

.sike-v42-bottom{
  width:min(1440px,100%)!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.sike-v42-bottom article{
  min-height:150px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:rgba(15,17,20,.92)!important;
  box-shadow:0 20px 50px rgba(105,23,12,.14)!important;
}
.sike-v42-bottom span{
  color:#ff7448!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-bottom h3{
  margin:10px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.sike-v42-bottom p{
  margin:8px 0 0!important;
  max-width:370px!important;
  color:#838b95!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* ---------------------- MOBILE ---------------------- */
@media(max-width:760px){
  .sike-app-landing-v42{
    padding:10px 8px 76px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,210,160,.13),transparent 24%),
      linear-gradient(160deg,#ff7e2f 0%,#ff5430 52%,#ec3439 100%)!important;
  }
  .sike-v42-shell{
    padding:11px!important;
    border-radius:19px!important;
  }
  .sike-v42-topline{
    min-height:34px!important;
    padding-bottom:8px!important;
  }
  .sike-v42-label span{
    font-size:6px!important;
  }
  .sike-v42-status span{
    display:none!important;
  }

  .sike-v42-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v42-intro{
    gap:9px!important;
  }
  .sike-v42-copy,
  .sike-v42-device-stage,
  .sike-v42-feature-strip,
  .sike-v42-account{
    border-radius:16px!important;
  }
  .sike-v42-copy{
    min-height:0!important;
    padding:22px 16px!important;
  }
  .sike-v42-copy h1{
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.89!important;
  }
  .sike-v42-copy p{
    margin-top:15px!important;
    font-size:12px!important;
  }

  .sike-v42-device-stage{
    min-height:0!important;
    padding:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .sike-v42-device-copy strong{
    font-size:13px!important;
  }
  .sike-v42-device-art{
    gap:6px!important;
  }
  .sike-v42-device-card{
    height:88px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .sike-v42-device-card img{
    width:52px!important;
    height:52px!important;
  }
  .sike-v42-device-card span{
    font-size:5.5px!important;
  }

  .sike-v42-feature-strip{
    min-height:0!important;
    padding:8px!important;
    gap:5px!important;
  }
  .sike-v42-feature-strip>span{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:4px!important;
    padding:9px!important;
  }
  .sike-v42-feature-strip i{
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
  }
  .sike-v42-feature-strip small{
    display:none!important;
  }

  .sike-v42-account{
    padding:16px!important;
  }
  .sike-v42-account-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .sike-v42-avatar{
    width:48px!important;height:48px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }
  .sike-v42-account-head h2,
  .sike-v42-auth-head h2{
    font-size:34px!important;
  }
  .sike-v42-account-meta{
    margin-top:13px!important;
  }
  .sike-v42-next-card{
    padding:13px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sike-v42-bottom{
    margin-top:9px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-v42-bottom article{
    min-height:0!important;
    padding:15px!important;
    border-radius:16px!important;
  }
  .sike-v42-bottom h3{
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .sike-v42-copy h1{
    font-size:42px!important;
  }
  .sike-v42-shell{
    padding:9px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===================================================================
   SIKE V43 — APP PAGE WITHOUT GREY BACKGROUND BOXES
   Keeps the orange SIKE background, removes heavy grey card fills.
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:
    radial-gradient(circle at 10% 8%,rgba(255,211,161,.15),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(255,78,45,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Outer shell becomes transparent / glass-light instead of grey block. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Remove the solid grey fills from all major app cards. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip,
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.36)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Intro hero is cleaner, with only a subtle orange glow. */
.sike-app-landing-v42 .sike-v42-copy{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,96,48,.10),transparent 34%),
    rgba(9,11,14,.28)!important;
}

/* Device section — no grey containers. */
.sike-app-landing-v42 .sike-v42-device-stage{
  background:
    linear-gradient(120deg,rgba(255,104,54,.06),transparent 58%),
    rgba(9,11,14,.24)!important;
}

.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(6,8,10,.32)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

/* Feature strip: remove separate grey tiles. */
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(7,9,11,.24)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Account panel stays readable but much more transparent. */
.sike-app-landing-v42 .sike-v42-account{
  background:rgba(6,8,10,.40)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(6,8,10,.28)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-next-card{
  background:
    linear-gradient(145deg,rgba(255,101,56,.07),rgba(6,8,10,.20) 62%)!important;
  border-color:rgba(255,106,59,.14)!important;
}

/* Login/create account UI: transparent dark controls, no grey slabs. */
.sike-app-landing-v42 .sike-app-auth-tabs{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-app-auth-tabs button.active{
  background:rgba(255,255,255,.07)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-form input{
  background:rgba(4,6,8,.30)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Bottom info cards blend into page instead of looking like grey boxes. */
.sike-app-landing-v42 .sike-v42-bottom{
  gap:8px!important;
}
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(8,10,12,.30)!important;
}

/* Mobile: even lighter card chrome, more open orange page. */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-shell{
    background:rgba(7,9,11,.20)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .sike-app-landing-v42 .sike-v42-copy,
  .sike-app-landing-v42 .sike-v42-device-stage,
  .sike-app-landing-v42 .sike-v42-account,
  .sike-app-landing-v42 .sike-v42-bottom article{
    background:rgba(7,9,11,.26)!important;
  }

  .sike-app-landing-v42 .sike-v42-feature-strip{
    background:transparent!important;
  }

  .sike-app-landing-v42 .sike-v42-device-card,
  .sike-app-landing-v42 .sike-v42-feature-strip>span{
    background:rgba(4,6,8,.20)!important;
  }
}


/* ===================================================================
   SIKE V44 — CLEAN APPLE / SOUNDBOKS INSPIRED RIGHT SIDEBAR
   =================================================================== */

/* Keep the open orange/red background from V43. */
.sike-app-landing-v42{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,220,178,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(255,65,40,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Main shell stays visually open. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.18)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Left side remains nearly borderless/open. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* RIGHT SIDEBAR:
   one premium light-grey Apple-like panel instead of many dark/grey blocks. */
.sike-app-landing-v42 .sike-v42-account{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(252,251,248,.97),rgba(235,235,232,.95))!important;
  box-shadow:
    0 28px 70px rgba(59,16,7,.20),
    inset 0 1px rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  color:#111318!important;
}

/* Soft inner sheen. */
.sike-app-landing-v42 .sike-v42-account:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.24),transparent 40%)!important;
}

/* All sidebar content above sheen. */
.sike-app-landing-v42 .sike-v42-account > *{
  position:relative!important;
  z-index:1!important;
}

/* Account header dark typography. */
.sike-app-landing-v42 .sike-v42-account-head span,
.sike-app-landing-v42 .sike-v42-auth-head>span,
.sike-app-landing-v42 .sike-v42-next-card>span{
  color:#ff5f38!important;
}
.sike-app-landing-v42 .sike-v42-account-head h2,
.sike-app-landing-v42 .sike-v42-auth-head h2{
  color:#0d0f12!important;
}
.sike-app-landing-v42 .sike-v42-account-head p,
.sike-app-landing-v42 .sike-v42-auth-head p{
  color:#73777e!important;
}

/* Cleaner avatar, less gaming, more premium hardware feel. */
.sike-app-landing-v42 .sike-v42-avatar{
  background:linear-gradient(145deg,#ff7040,#ef3738)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:
    0 12px 28px rgba(226,63,42,.20),
    inset 0 1px rgba(255,255,255,.28)!important;
}

/* Meta blocks become white floating cells. */
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.055)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta span{
  color:#8a8e94!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b{
  color:#181b20!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b.green{
  color:#24b86e!important;
}

/* Next-step area = minimal Apple Settings-style grouped section. */
.sike-app-landing-v42 .sike-v42-next-card{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid rgba(20,22,25,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.045)!important;
}
.sike-app-landing-v42 .sike-v42-next-card h3{
  color:#17191d!important;
  font-size:17px!important;
}
.sike-app-landing-v42 .sike-v42-next-card p{
  color:#777c84!important;
}

/* Primary CTA = clean SIKE orange, flatter and more premium. */
.sike-app-landing-v42 .sike-v42-primary{
  min-height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff6d3d,#f24337)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 12px 28px rgba(236,72,47,.20),
    inset 0 1px rgba(255,255,255,.20)!important;
}
.sike-app-landing-v42 .sike-v42-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.025)!important;
}
.sike-app-landing-v42 .sike-v42-secondary{
  color:#797d83!important;
}

/* Auth tab group within grey sidebar. */
.sike-app-landing-v42 .sike-v42-tabs{
  padding:4px!important;
  border:1px solid rgba(20,22,25,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
}
.sike-app-landing-v42 .sike-v42-tabs button{
  color:#8b8f95!important;
}
.sike-app-landing-v42 .sike-v42-tabs button.active{
  background:#fff!important;
  color:#111318!important;
  box-shadow:0 4px 14px rgba(20,22,25,.08)!important;
}

/* Social login buttons: white frosted cells. */
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(255,255,255,.76)!important;
  color:#1a1d21!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 5px 16px rgba(20,22,25,.045)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button:hover{
  background:#fff!important;
}

/* Divider and inputs. */
.sike-app-landing-v42 .sike-v42-divider{
  color:#858990!important;
}
.sike-app-landing-v42 .sike-v42-divider:before,
.sike-app-landing-v42 .sike-v42-divider:after{
  background:rgba(20,22,25,.10)!important;
}

.sike-app-landing-v42 .sike-v42-form label>span{
  color:#777c83!important;
}
.sike-app-landing-v42 .sike-v42-form input[type=text],
.sike-app-landing-v42 .sike-v42-form input[type=email],
.sike-app-landing-v42 .sike-v42-form input[type=password]{
  height:48px!important;
  border:1px solid rgba(20,22,25,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111318!important;
  box-shadow:inset 0 1px 1px rgba(18,20,23,.025)!important;
}
.sike-app-landing-v42 .sike-v42-form input::placeholder{
  color:#a1a5aa!important;
}
.sike-app-landing-v42 .sike-v42-form input:focus{
  background:#fff!important;
  border-color:rgba(255,96,52,.55)!important;
  box-shadow:0 0 0 4px rgba(255,96,52,.08)!important;
}
.sike-app-landing-v42 .sike-app-consent span{
  color:#7f8389!important;
}

/* Make the left device cards black/transparent instead of grey. */
.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(8,10,12,.50)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(8,10,12,.35)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* Bottom cards remain dark transparent and lightweight. */
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.42)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ------------------------- MOBILE ------------------------- */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-account{
    padding:18px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(250,249,246,.98),rgba(233,233,230,.97))!important;
    box-shadow:
      0 20px 45px rgba(57,15,6,.17),
      inset 0 1px rgba(255,255,255,.90)!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .sike-app-landing-v42 .sike-v42-avatar{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head h2,
  .sike-app-landing-v42 .sike-v42-auth-head h2{
    font-size:32px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-meta{
    gap:6px!important;
  }
  .sike-app-landing-v42 .sike-v42-account-meta>div,
  .sike-app-landing-v42 .sike-v42-next-card{
    border-radius:13px!important;
  }

  .sike-app-landing-v42 .sike-v42-primary{
    min-height:50px!important;
  }

  .sike-app-landing-v42 .sike-v42-social-grid{
    gap:6px!important;
  }
}

/* Soundboks-style restraint: keep corners strong, no excessive glass glow. */
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-account *{
  text-shadow:none!important;
}


/* ===================================================================
   SIKE V45 — COMPLETE APP PAGE REDESIGN
   =================================================================== */
body:has(.sike-app-v45){
  background:#ff6235!important;
}
.sike-app-v45{
  min-height:calc(100vh - 120px)!important;
  padding:30px 24px 72px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,210,165,.18),transparent 27%),
    radial-gradient(circle at 86% 10%,rgba(236,45,50,.25),transparent 32%),
    linear-gradient(135deg,#ff8130 0%,#ff5c32 46%,#e92f38 100%)!important;
}
.sike-v45-wrap{
  width:min(1420px,100%)!important;
  margin:0 auto!important;
}

/* HERO */
.sike-v45-hero{
  min-height:510px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:16px!important;
}
.sike-v45-hero-copy,
.sike-v45-product-cluster{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101216!important;
  box-shadow:0 28px 75px rgba(70,15,7,.18)!important;
}
.sike-v45-hero-copy{
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,91,47,.14),transparent 28%),
    #101216!important;
}
.sike-v45-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:20px!important;
}
.sike-v45-eyebrow i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#31d47c!important;
  box-shadow:0 0 0 5px rgba(49,212,124,.08)!important;
}
.sike-v45-eyebrow span{
  color:#ff7548!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-v45-eyebrow b{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#1b1f24!important;
  color:#818892!important;
  font-size:6px!important;
  letter-spacing:.08em!important;
}
.sike-v45-hero-copy h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(64px,6.4vw,105px)!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
.sike-v45-hero-copy h1 em{
  color:#ff6840!important;
  font-style:normal!important;
}
.sike-v45-hero-copy>p{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sike-v45-quickpoints{
  display:flex!important;
  gap:9px!important;
  margin-top:28px!important;
}
.sike-v45-quickpoints>span{
  min-width:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:30px auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 8px!important;
  border:1px solid #282d34!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-v45-quickpoints i{
  grid-row:1/3!important;
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-v45-quickpoints b{color:#f1f2f3!important;font-size:8px!important}
.sike-v45-quickpoints small{color:#6d7580!important;font-size:6px!important}

/* PRODUCT CLUSTER */
.sike-v45-product-cluster{
  padding:18px!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:10px!important;
  background:
    linear-gradient(160deg,#16191e 0%,#0b0d10 100%)!important;
}
.sike-v45-product-main{
  position:relative!important;
  min-height:330px!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #272c33!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,94,49,.09),transparent 40%),
    #0a0c0f!important;
}
.sike-v45-product-main>span{
  position:absolute!important;
  left:18px!important;top:16px!important;
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-product-main img{
  width:100%!important;
  height:245px!important;
  object-fit:contain!important;
  display:block!important;
  margin-top:10px!important;
}
.sike-v45-product-main strong{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.03em!important;
}
.sike-v45-product-main small{
  display:block!important;
  margin-top:3px!important;
  color:#747c86!important;
  font-size:8px!important;
}
.sike-v45-product-small{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sike-v45-product-small>div{
  min-height:84px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid #282d34!important;
  background:#101318!important;
}
.sike-v45-product-small img{
  width:64px!important;height:64px!important;object-fit:contain!important;border-radius:10px!important;
  background:#090b0e!important;
}
.sike-v45-product-small b{display:block!important;color:#e7e9ec!important;font-size:8px!important}
.sike-v45-product-small small{display:block!important;margin-top:4px!important;color:#6c7480!important;font-size:6px!important}

/* LOWER CONTENT */
.sike-v45-content{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;
  gap:16px!important;
}
.sike-v45-info{
  padding:30px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(11,13,16,.88)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.14)!important;
}
.sike-v45-info-head>span{
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-info-head h2{
  margin:9px 0 0!important;
  color:#f6f4f0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
}
.sike-v45-info-head p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#828a94!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.sike-v45-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
.sike-v45-info-grid article{
  min-height:130px!important;
  padding:16px!important;
  border:1px solid #252a31!important;
  border-radius:16px!important;
  background:#0d1014!important;
}
.sike-v45-info-grid i{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
}
.sike-v45-info-grid h3{
  margin:14px 0 0!important;
  color:#eceef0!important;
  font-size:11px!important;
}
.sike-v45-info-grid p{
  margin:6px 0 0!important;
  color:#737b85!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* ACCOUNT CARD */
.sike-v45-account{
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:linear-gradient(180deg,#f7f6f3 0%,#e9e9e6 100%)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.18)!important;
  color:#111318!important;
}
.sike-v45-account-status{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.sike-v45-avatar{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#ff7140,#ed3938)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sike-v45-account-status span,
.sike-v45-auth-head>span,
.sike-v45-action-block>span{
  color:#ff5e38!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v45-account-status h2,
.sike-v45-auth-head h2{
  margin:5px 0 0!important;
  color:#111318!important;
  font-size:34px!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
.sike-v45-account-status p{
  margin:4px 0 0!important;
  color:#7a7f86!important;
  font-size:8px!important;
}
.sike-v45-account-status .online{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#32cc78!important;
  box-shadow:0 0 0 5px rgba(50,204,120,.10)!important;
}
.sike-v45-account-lines{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-v45-account-lines>div{
  padding:13px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-account-lines span{
  display:block!important;color:#8b8f95!important;font-size:6px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.sike-v45-account-lines b{
  display:block!important;margin-top:5px!important;color:#1a1c20!important;font-size:9px!important;
}
.sike-v45-account-lines .green{color:#23b86d!important}
.sike-v45-action-block{
  margin-top:9px!important;
  padding:17px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-action-block h3{
  margin:7px 0 0!important;
  color:#17191d!important;
  font-size:19px!important;
}
.sike-v45-action-block p,
.sike-v45-auth-head p{
  margin:8px 0 0!important;
  color:#777d84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v45-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:14px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#ff6c3d,#ee3938)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(234,65,47,.18)!important;
}
.sike-v45-primary b{font-size:17px!important}
.sike-v45-signout{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  color:#777c83!important;
  font-size:7px!important;
  text-decoration:none!important;
}

/* AUTH */
.sike-v45-tabs{
  margin:18px 0 12px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(18,20,24,.08)!important;
}
.sike-v45-tabs button{color:#858990!important}
.sike-v45-tabs button.active{
  background:#fff!important;color:#111318!important;box-shadow:0 4px 12px rgba(18,20,24,.07)!important;
}
.sike-v45-socials{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v45-socials form{margin:0!important}
.sike-v45-socials button{
  width:100%!important;min-height:42px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  color:#1a1d21!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.sike-v45-socials i{font-size:13px!important;font-style:normal!important}
.sike-v45-socials span{font-size:7px!important;font-weight:800!important}
.sike-v45-divider{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:12px 0!important;color:#858990!important;font-size:6px!important;
}
.sike-v45-divider:before,.sike-v45-divider:after{
  content:""!important;flex:1!important;height:1px!important;background:rgba(18,20,24,.10)!important;
}
.sike-v45-form label>span{color:#777c83!important}
.sike-v45-form input[type=text],
.sike-v45-form input[type=email],
.sike-v45-form input[type=password]{
  height:46px!important;
  border-radius:12px!important;
  border:1px solid rgba(18,20,24,.10)!important;
  background:rgba(255,255,255,.75)!important;
  color:#111318!important;
}
.sike-v45-form input::placeholder{color:#a1a4a8!important}
.sike-v45-form input:focus{
  border-color:rgba(255,97,53,.55)!important;
  box-shadow:0 0 0 4px rgba(255,97,53,.08)!important;
  background:#fff!important;
}
.sike-v45-account .sike-app-consent span{color:#7d8288!important}

/* MOBILE */
@media(max-width:760px){
  .sike-app-v45{
    padding:10px 8px 78px!important;
  }
  .sike-v45-hero,
  .sike-v45-content{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v45-hero{
    min-height:0!important;
  }
  .sike-v45-hero-copy,
  .sike-v45-product-cluster,
  .sike-v45-info,
  .sike-v45-account{
    border-radius:20px!important;
  }
  .sike-v45-hero-copy{
    padding:24px 18px!important;
  }
  .sike-v45-hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
  }
  .sike-v45-hero-copy>p{
    margin-top:16px!important;
    font-size:12px!important;
  }
  .sike-v45-quickpoints{
    gap:5px!important;
    margin-top:18px!important;
  }
  .sike-v45-quickpoints>span{
    min-width:0!important;
    flex:1!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    padding:8px!important;
  }
  .sike-v45-quickpoints i{grid-row:auto!important}
  .sike-v45-quickpoints small{display:none!important}

  .sike-v45-product-main{
    min-height:230px!important;
  }
  .sike-v45-product-main img{
    height:170px!important;
  }
  .sike-v45-product-small>div{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:70px!important;
  }
  .sike-v45-product-small img{
    width:48px!important;height:48px!important;
  }

  .sike-v45-info{
    padding:18px!important;
  }
  .sike-v45-info-head h2{
    font-size:30px!important;
  }
  .sike-v45-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-v45-info-grid article{
    min-height:110px!important;
    padding:13px!important;
  }

  .sike-v45-account{
    padding:18px!important;
  }
  .sike-v45-account-status{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  .sike-v45-avatar{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .sike-v45-account-status h2,
  .sike-v45-auth-head h2{
    font-size:30px!important;
  }
}

@media(max-width:390px){
  .sike-v45-hero-copy h1{font-size:43px!important}
  .sike-v45-info-grid{grid-template-columns:1fr!important}
  .sike-v45-socials{grid-template-columns:1fr!important}
}


/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* ===================================================================
   SIKE APP V12 — MOBILE POLISH / FOOTER FIX
   Fixes the clipped floating footer shown in iPhone Safari and further
   simplifies the phone dashboard without changing desktop V10/V11.
   =================================================================== */

.sike-mobile-help-top{text-decoration:none}

@media(max-width:720px){

  /* Make the normal SIKE website header much smaller while inside the app. */
  .sike-ios-app-page .announcement{
    display:none!important;
  }
  .sike-ios-app-page .site-header{
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
    position:relative!important;
    top:auto!important;
    background:#08090b!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-ios-app-page .site-header .brand{
    width:auto!important;
    max-width:215px!important;
    margin:0!important;
  }
  .sike-ios-app-page .site-header .brand img{
    max-width:205px!important;
    width:100%!important;
    height:auto!important;
  }
  .sike-ios-app-page .site-header .desktop-nav,
  .sike-ios-app-page .site-header .icon-button{
    display:none!important;
  }
  .sike-ios-app-page .site-header .header-actions{
    gap:8px!important;
    margin-left:auto!important;
  }
  .sike-ios-app-page .site-header .cart-button{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
  }
  .sike-ios-app-page .site-header .cart-button span{display:none!important}
  .sike-ios-app-page .site-header .cart-button b{
    position:static!important;
    margin:0!important;
  }
  .sike-ios-app-page .site-header .menu-button{
    display:flex!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
  }

  /* App starts immediately after the compact site header. */
  .sike-ios-app{
    padding-top:0!important;
  }

  /* Cleaner app header: one row, no awkward black block. */
  .sike-ios-topbar{
    min-height:56px!important;
    padding:
      calc(8px + env(safe-area-inset-top))
      1px
      8px!important;
    margin:0!important;
  }
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-top-actions{
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  .sike-ios-account-pill{
    max-width:128px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .sike-mobile-help-top{
    display:grid!important;
    place-items:center!important;
  }

  /* Device selector should never create horizontal page overflow. */
  .sike-ios-device-switcher{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overscroll-behavior-inline:contain!important;
  }

  /* Product card reduced slightly so controls are reachable sooner. */
  .sike-ios-hero-card{
    padding:11px!important;
  }
  .sike-builder-live-stage{
    height:315px!important;
    min-height:315px!important;
  }
  .sike-builder-live-badge{
    max-width:165px!important;
  }
  .sike-ios-drag-hint{
    max-width:82%!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
  }

  /* Do not show exact-view builder buttons as a giant row on phone.
     Rotation still works by touch; full controls stay in Full Builder. */
  .sike-builder-live-frame{
    border-radius:17px!important;
  }

  /* More compact home status. */
  .sike-ios-status-row{
    margin-bottom:0!important;
  }
  .sike-ios-status-row>div:nth-child(3){
    display:none!important;
  }
  .sike-app-live-strip{
    margin-bottom:0!important;
  }

  /* Keep speaker controls close to the product instead of huge gaps. */
  .sike-ios-speaker-controls,
  .sike-ios-powercell-controls{
    margin-top:8px!important;
  }

  /* ---------------- Bottom navigation / footer fix ----------------
     Explicit width and box sizing override the old desktop sidebar width.
     Five items fit safely on iPhone and stay above Safari's browser chrome. */
  .sike-ios-tabbar{
    position:fixed!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;

    margin:0!important;
    padding:5px!important;
    transform:none!important;
    translate:none!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:3px!important;

    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:21px!important;

    background:rgba(12,14,18,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:
      0 18px 48px rgba(0,0,0,.48),
      inset 0 1px rgba(255,255,255,.04)!important;
    backdrop-filter:blur(28px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  }
  .sike-ios-tabbar .sike-app-nav-brand{
    display:none!important;
  }
  .sike-ios-tabbar button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:4px 1px!important;
    border:0!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:2px!important;
    overflow:hidden!important;
    color:#777f89!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .sike-ios-tabbar button i{
    font-size:17px!important;
    line-height:18px!important;
    width:auto!important;
    height:auto!important;
  }
  .sike-ios-tabbar button span{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:6px!important;
    line-height:8px!important;
    letter-spacing:0!important;
  }
  .sike-ios-tabbar button.active{
    background:linear-gradient(135deg,#ff6038,#e72f35)!important;
    color:#fff!important;
  }

  /* Ensure page content can scroll fully clear of the fixed nav. */
  .sike-ios-shell{
    padding-bottom:96px!important;
  }
  .sike-ios-view{
    padding-bottom:16px!important;
  }

  /* Slightly calmer cards on phone. */
  .sike-ios-card,
  .sike-ios-hero-card{
    border-color:rgba(255,255,255,.075)!important;
  }
}

@media(max-width:430px){
  .sike-ios-app-page .site-header{
    height:66px!important;
    min-height:66px!important;
    padding:0 10px!important;
  }
  .sike-ios-app-page .site-header .brand{
    max-width:185px!important;
  }
  .sike-ios-app-page .site-header .brand img{
    max-width:180px!important;
  }
  .sike-ios-app-page .site-header .cart-button,
  .sike-ios-app-page .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }

  .sike-ios-shell{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .sike-builder-live-stage{
    height:292px!important;
    min-height:292px!important;
  }
  .sike-ios-device-switcher button{
    min-width:132px!important;
    height:55px!important;
  }
  .device-thumb{
    width:39px!important;
    height:39px!important;
  }

  .sike-ios-tabbar{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    height:61px!important;
    min-height:61px!important;
    padding:4px!important;
  }
  .sike-ios-tabbar button{
    height:51px!important;
    min-height:51px!important;
  }
}

@media(max-width:370px){
  .sike-ios-account-pill{
    max-width:95px!important;
  }
  .sike-builder-live-stage{
    height:270px!important;
    min-height:270px!important;
  }
  .sike-ios-tabbar button span{
    font-size:5.5px!important;
  }
}


/* ===================================================================
   SIKE APP V13 — WARM ORANGE BACKGROUND / SOFTER OUTER BORDER
   Keeps V12 layout/functionality intact. Visual-only refinement:
   warmer orange background, less red/brown, and a much softer shell edge.
   =================================================================== */

body.sike-ios-app-page{
  background:#1a0d07!important;
}

.sike-ios-app{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,170,76,.42),transparent 31%),
    radial-gradient(circle at 88% 8%,rgba(255,105,42,.34),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(154,45,0,.18),transparent 46%),
    linear-gradient(145deg,#f47a2a 0%,#e85a20 30%,#b53b18 58%,#39120c 100%)!important;
}

/* Remove the heavy framed-box feeling. */
.sike-ios-shell{
  background:rgba(10,12,16,.88)!important;
  border:1px solid rgba(255,255,255,.035)!important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* Softer card outlines throughout the dashboard. */
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage,
.sike-ios-status-row>div,
.sike-ios-battery-grid div,
.sike-app-live-strip{
  border-color:rgba(255,255,255,.055)!important;
}

.sike-ios-hero-card,
.sike-ios-card{
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

/* Side navigation should visually float instead of looking boxed in. */
.sike-ios-tabbar{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}

/* Device tabs also get a quieter border. */
.sike-ios-device-switcher button{
  border-color:rgba(255,255,255,.055)!important;
}
.sike-ios-device-switcher button.active{
  border-color:rgba(255,146,89,.34)!important;
}

/* Reduce the hard line around the live model area. */
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    inset 0 -26px 62px rgba(0,0,0,.14)!important;
}

/* Slightly warmer SIKE accent so it matches the new orange canvas. */
.sike-ios-tabbar button.active,
.sike-ios-volume-quick button.active,
.sike-ios-segmented button.active,
.sike-ios-device-switcher button.active{
  background:linear-gradient(135deg,#ff7138,#ef3e30)!important;
}
.sike-ios-power.on{
  background:linear-gradient(90deg,#ff7138,#ff9438)!important;
}
.sike-ios-link-button,
.sike-app-live-strip a,
.sike-ios-page-head>button.text{
  color:#ff7a48!important;
}

/* Desktop outer area: more orange visible, less dark red/brown. */
@media(min-width:721px){
  .sike-ios-app{
    padding-top:34px!important;
    padding-bottom:56px!important;
  }
  .sike-ios-shell{
    border-radius:28px!important;
  }
}

/* Phone keeps the cleaner V12 structure but gains the warmer orange glow. */
@media(max-width:720px){
  body.sike-ios-app-page{
    background:#090a0d!important;
  }
  .sike-ios-app{
    background:
      radial-gradient(circle at 50% -8%,rgba(255,140,53,.28),transparent 31%),
      linear-gradient(180deg,#24110a 0%,#100c0d 26%,#090a0d 62%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    border:0!important;
    box-shadow:none!important;
  }
  .sike-ios-hero-card,
  .sike-ios-card,
  .sike-ios-device-switcher button,
  .sike-builder-live-stage{
    border-color:rgba(255,255,255,.05)!important;
  }
}


/* ===================================================================
   SIKE APP V14 — FULLSCREEN DASHBOARD + ABSTRACT ANIMATED BACKGROUND
   =================================================================== */

body.sike-ios-app-page{
  background:#0b0a0b!important;
}

/* Fullscreen app canvas */
.sike-ios-app{
  position:relative!important;
  min-height:calc(100vh - var(--site-header-height,132px))!important;
  width:100%!important;
  padding:22px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,#ff8a33 0%,#ef5b27 28%,#c43b1f 48%,#3a1310 74%,#0b0a0b 100%)!important;
}

/* Main dashboard nearly edge-to-edge */
.sike-ios-shell{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - var(--site-header-height,132px) - 44px)!important;
  margin:0!important;
  padding:20px!important;
  border-radius:24px!important;
  background:rgba(8,10,13,.82)!important;
  border:1px solid rgba(255,255,255,.025)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
}

/* Remove large dead space around the app */
@media(min-width:721px){
  .sike-ios-app{
    padding:18px!important;
  }
  .sike-ios-shell{
    min-height:calc(100vh - var(--site-header-height,132px) - 36px)!important;
  }
}

/* Abstract animated background */
.sike-abstract-bg{
  position:absolute!important;
  inset:-8%!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  filter:saturate(115%)!important;
}
.sike-abstract-bg .orb,
.sike-abstract-bg .beam,
.sike-abstract-bg .mesh{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
}
.sike-abstract-bg .orb{
  border-radius:50%!important;
  filter:blur(4px)!important;
  opacity:.48!important;
  mix-blend-mode:screen!important;
}
.sike-abstract-bg .orb-a{
  width:44vw!important;
  height:44vw!important;
  left:-10vw!important;
  top:-11vw!important;
  background:radial-gradient(circle at 35% 35%,rgba(255,199,91,.92),rgba(255,103,43,.45) 42%,transparent 72%)!important;
  animation:sikeOrbA 18s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-b{
  width:36vw!important;
  height:36vw!important;
  right:-8vw!important;
  top:5vw!important;
  background:radial-gradient(circle at 45% 45%,rgba(255,75,42,.72),rgba(181,32,30,.30) 52%,transparent 74%)!important;
  animation:sikeOrbB 22s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-c{
  width:34vw!important;
  height:34vw!important;
  left:38vw!important;
  bottom:-15vw!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,131,48,.52),rgba(120,18,17,.22) 55%,transparent 76%)!important;
  animation:sikeOrbC 26s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam{
  width:82vw!important;
  height:18vw!important;
  border-radius:50%!important;
  opacity:.18!important;
  filter:blur(26px)!important;
  background:linear-gradient(90deg,transparent,#ffab58 24%,#ff5a30 55%,transparent 100%)!important;
}
.sike-abstract-bg .beam-a{
  left:5vw!important;
  top:14vw!important;
  transform:rotate(-12deg)!important;
  animation:sikeBeamA 20s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam-b{
  right:-15vw!important;
  bottom:8vw!important;
  transform:rotate(14deg)!important;
  opacity:.11!important;
  animation:sikeBeamB 24s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .mesh{
  inset:0!important;
  opacity:.14!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%)!important;
  animation:sikeMesh 22s linear infinite!important;
}

@keyframes sikeOrbA{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(9vw,5vw,0) scale(1.16)}
}
@keyframes sikeOrbB{
  0%{transform:translate3d(0,0,0) scale(.95)}
  100%{transform:translate3d(-10vw,8vw,0) scale(1.12)}
}
@keyframes sikeOrbC{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-7vw,-7vw,0) scale(1.18)}
}
@keyframes sikeBeamA{
  0%{transform:rotate(-12deg) translate3d(-5vw,0,0)}
  100%{transform:rotate(-6deg) translate3d(8vw,4vw,0)}
}
@keyframes sikeBeamB{
  0%{transform:rotate(14deg) translate3d(0,0,0)}
  100%{transform:rotate(7deg) translate3d(-10vw,-4vw,0)}
}
@keyframes sikeMesh{
  from{background-position:0 0,0 0}
  to{background-position:42px 42px,42px 42px}
}

/* Refine fullscreen desktop spacing */
@media(min-width:1101px){
  .sike-ios-dashboard{
    gap:16px!important;
  }
  .sike-ios-main-column,
  .sike-ios-side-column{
    min-height:0!important;
  }
  .sike-ios-hero-card{
    min-height:calc(100vh - var(--site-header-height,132px) - 190px)!important;
  }
  .sike-builder-live-stage{
    height:calc(100vh - var(--site-header-height,132px) - 370px)!important;
    min-height:420px!important;
    max-height:650px!important;
  }
}

/* Keep background border almost invisible */
.sike-ios-shell,
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.035)!important;
}

/* Slight orange rim/glow instead of borders */
.sike-ios-shell:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,120,54,.035),
    inset 0 0 80px rgba(255,83,40,.025)!important;
}

/* Mobile remains fullscreen but abstract effect is calmer */
@media(max-width:720px){
  .sike-ios-app{
    min-height:100vh!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    background:
      linear-gradient(180deg,#1e0e09 0%,#0f0b0c 30%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    min-height:100vh!important;
    border-radius:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    background:rgba(8,10,13,.84)!important;
  }
  .sike-abstract-bg{
    inset:-20%!important;
    opacity:.75!important;
  }
  .sike-abstract-bg .mesh{
    opacity:.08!important;
    background-size:34px 34px!important;
  }
  .sike-abstract-bg .orb-a{
    width:110vw!important;height:110vw!important;
    left:-45vw!important;top:-38vw!important;
  }
  .sike-abstract-bg .orb-b{
    width:90vw!important;height:90vw!important;
    right:-45vw!important;top:18vw!important;
  }
  .sike-abstract-bg .orb-c{display:none!important}
  .sike-abstract-bg .beam{opacity:.08!important}
}

/* Respect reduced-motion accessibility */
@media(prefers-reduced-motion:reduce){
  .sike-abstract-bg *{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V15 — EMPTY ACCOUNT + SIKE MUSIC
   =================================================================== */

/* ----- No products by default ----- */
.sike-empty-devices{
  display:none;
  min-height:560px;
  border-radius:24px;
  padding:52px clamp(24px,5vw,76px);
  background:
    radial-gradient(circle at 15% 10%,rgba(255,119,49,.14),transparent 32%),
    linear-gradient(145deg,rgba(18,20,25,.94),rgba(8,10,13,.92));
  border:1px solid rgba(255,255,255,.045);
  position:relative;
  overflow:hidden;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
}
.no-devices .sike-empty-devices{display:flex}
.no-devices [data-view="home"]>.sike-ios-hero-card,
.no-devices [data-view="home"]>.sike-ios-speaker-controls,
.no-devices [data-view="home"]>.sike-ios-powercell-controls,
.no-devices [data-view="home"]>.sike-feature-dashboard-grid,
.no-devices [data-view="home"]>.sike-ios-device-card{display:none!important}
.sike-empty-devices:after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  right:-190px;top:-210px;
  background:radial-gradient(circle,rgba(255,119,48,.18),transparent 68%);
  animation:sikeEmptyGlow 8s ease-in-out infinite alternate;
}
@keyframes sikeEmptyGlow{to{transform:translate(-36px,48px) scale(1.12)}}
.sike-empty-orbit{
  width:126px;height:126px;position:relative;display:grid;place-items:center;margin-bottom:30px;
}
.sike-empty-orbit span{
  width:68px;height:68px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ff7136,#e53632);color:#fff;font-size:28px;font-weight:950;
  box-shadow:0 18px 50px rgba(229,54,47,.25)
}
.sike-empty-orbit i{
  position:absolute;inset:0;border:1px solid rgba(255,123,65,.22);border-radius:50%;
  animation:sikeOrbitSpin 8s linear infinite
}
.sike-empty-orbit i:nth-child(2){inset:14px;animation-duration:6s;animation-direction:reverse}
.sike-empty-orbit i:nth-child(3){inset:-13px;opacity:.4;animation-duration:11s}
.sike-empty-orbit i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8247;top:9px;left:50%}
@keyframes sikeOrbitSpin{to{transform:rotate(360deg)}}
.sike-empty-devices>.eyebrow{color:#ff7445;font-size:9px;letter-spacing:.18em;font-weight:900}
.sike-empty-devices h2{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.055em;color:#fff;max-width:720px;margin:10px 0 14px}
.sike-empty-devices>p{max-width:620px;color:#8b929c;font-size:13px;line-height:1.55;margin:0}
.sike-empty-actions{display:flex;gap:9px;margin-top:26px}
.sike-empty-actions .sike-ios-primary,.sike-empty-music-btn{min-height:46px;padding:0 18px;border-radius:13px;border:0;font-weight:900;font-size:9px;letter-spacing:.05em;cursor:pointer}
.sike-empty-actions .sike-ios-primary{background:linear-gradient(135deg,#ff7138,#e93631);color:#fff}
.sike-empty-music-btn{background:#15191f;border:1px solid #2b3037;color:#fff}
.sike-empty-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}
.sike-empty-points span{display:flex;align-items:center;gap:8px;color:#757d87;font-size:8px;padding:8px 10px;border-radius:999px;background:#0c0f13;border:1px solid #262b32}
.sike-empty-points i{font-style:normal;color:#ff7445;font-weight:900}

.sike-add-device-chip{border-style:dashed!important}
.sike-add-device-chip .device-add-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0c0f13;border:1px solid #2a3037;color:#ff7445;font-size:20px
}

/* ----- Pairing modal ----- */
.sike-pair-modal{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease
}
.sike-pair-modal[hidden]{display:none!important}
.sike-pair-modal.show{opacity:1}
.sike-pair-card{
  width:min(620px,100%);border-radius:26px;padding:24px;position:relative;
  background:linear-gradient(145deg,#171a20,#0c0f13);
  border:1px solid #30353d;box-shadow:0 34px 90px rgba(0,0,0,.48);
  transform:translateY(16px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1)
}
.sike-pair-modal.show .sike-pair-card{transform:none}
.sike-pair-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:12px;border:1px solid #30353c;background:#0d1014;color:#fff;font-size:20px;cursor:pointer}
.sike-pair-head>span{color:#ff7044;font-size:8px;letter-spacing:.17em;font-weight:900}
.sike-pair-head h3{font-size:34px;color:#fff;letter-spacing:-.045em;margin:6px 0}
.sike-pair-head p{color:#858d97;font-size:10px;max-width:480px;line-height:1.5}
.sike-pair-scan{display:flex;align-items:center;gap:9px;margin:18px 0;padding:10px 12px;border-radius:13px;background:#0c0f13;border:1px solid #282d34;color:#7c848e;font-size:8px}
.sike-pair-scan i{width:8px;height:8px;border-radius:50%;background:#2bd179;box-shadow:0 0 0 0 rgba(43,209,121,.3);animation:sikePairPulse 1.4s infinite}
@keyframes sikePairPulse{50%{box-shadow:0 0 0 8px rgba(43,209,121,0)}}
.sike-pair-scan b{margin-left:auto;color:#ff7445;font-size:7px;letter-spacing:.12em}
.sike-pair-products{display:grid;grid-template-columns:1fr;gap:8px}
.sike-pair-products button{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;text-align:left;background:#11151a;border:1px solid #292f36;color:#fff;border-radius:16px;padding:9px 12px;cursor:pointer;transition:.16s}
.sike-pair-products button:hover{transform:translateY(-1px);border-color:#724233;background:#15181d}
.pair-img{width:58px;height:48px;border-radius:12px;background:#080a0d;display:grid;place-items:center;overflow:hidden}
.pair-img img{max-width:90%;max-height:90%;object-fit:contain}
.sike-pair-products b{display:block;font-size:11px}.sike-pair-products small{display:block;color:#7c848e;font-size:8px;margin-top:3px}
.sike-pair-products em{font-style:normal;width:32px;height:32px;border-radius:10px;background:#ff5b36;display:grid;place-items:center;font-size:16px}
.sike-pair-foot{display:block;color:#606873;font-size:7px;margin-top:12px}

/* ----- SIKE Music ----- */
.sike-music-view{position:relative}
.sike-music-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:12px;min-height:660px}
.sike-music-library,.sike-music-main,.sike-music-player-card{
  background:rgba(11,13,17,.88);border:1px solid rgba(255,255,255,.045);border-radius:22px
}
.sike-music-library{padding:16px;display:flex;flex-direction:column}
.sike-music-brand{display:flex;gap:9px;align-items:center;padding-bottom:15px;border-bottom:1px solid #252a31}
.music-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#ff7138,#e43132);display:grid;place-items:center;color:#fff;font-weight:950}
.sike-music-brand b{display:block;color:#fff;font-size:10px}.sike-music-brand small{display:block;color:#6f7781;font-size:7px;margin-top:2px}
.sike-music-library nav{display:grid;gap:4px;margin-top:13px}
.sike-music-library nav button,.sike-music-playlist-block button{
  display:flex;align-items:center;gap:9px;min-height:38px;border:0;border-radius:11px;background:transparent;color:#777f89;text-align:left;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-library nav button.active{background:#181c22;color:#fff}.sike-music-library nav i{font-style:normal;font-size:13px}
.sike-music-playlist-block{margin-top:20px}.sike-music-playlist-block>span{font-size:7px;letter-spacing:.13em;color:#606873;font-weight:900;padding:0 9px}
.sike-music-playlist-block button{width:100%;color:#727a84}
.sike-music-main{padding:16px;overflow:hidden}
.sike-music-hero{
  min-height:190px;border-radius:19px;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,160,73,.28),transparent 32%),
    linear-gradient(135deg,#ff6d34 0%,#d8392e 43%,#3b1615 100%)
}
.sike-music-hero>div:first-child{position:relative;z-index:2}
.sike-music-hero span{font-size:7px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.68)}
.sike-music-hero h3{font-size:34px;line-height:.94;letter-spacing:-.05em;color:#fff;margin:8px 0 10px}
.sike-music-hero p{font-size:9px;line-height:1.5;color:rgba(255,255,255,.7);max-width:440px;margin:0}
.sike-music-wave{display:flex;align-items:center;gap:5px;height:90px;opacity:.56}
.sike-music-wave i{width:4px;border-radius:6px;background:#fff;animation:sikeWave 1.1s ease-in-out infinite alternate}
.sike-music-wave i:nth-child(1){height:24%}.sike-music-wave i:nth-child(2){height:62%;animation-delay:.1s}.sike-music-wave i:nth-child(3){height:38%;animation-delay:.2s}.sike-music-wave i:nth-child(4){height:88%;animation-delay:.3s}.sike-music-wave i:nth-child(5){height:48%;animation-delay:.4s}.sike-music-wave i:nth-child(6){height:75%;animation-delay:.5s}.sike-music-wave i:nth-child(7){height:30%;animation-delay:.6s}.sike-music-wave i:nth-child(8){height:58%;animation-delay:.7s}.sike-music-wave i:nth-child(9){height:20%;animation-delay:.8s}
@keyframes sikeWave{to{transform:scaleY(.45);opacity:.55}}
.sike-music-search{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#0b0e12;border:1px solid #282d34;border-radius:14px;padding:5px 5px 5px 12px}
.sike-music-search>span{color:#707985;font-size:17px}.sike-music-search input{height:40px;background:transparent;border:0;outline:0;color:#fff;font-size:10px}
.sike-music-search button,.sike-music-url-entry button{height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff6938,#e63532);color:#fff;padding:0 14px;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-api-note{margin-top:9px;padding:10px 12px;border-radius:13px;background:#10141a;border:1px solid #282d34;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.sike-music-api-note>span{color:#ff7044;font-size:7px;letter-spacing:.13em;font-weight:900}.sike-music-api-note p{font-size:7px;color:#737b85;margin:0}.sike-music-api-note button{background:transparent;border:0;color:#fff;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-api-note.connected{border-color:rgba(43,209,121,.28)}.sike-music-api-note.connected>span{color:#2bd179}
.sike-music-section{margin-top:18px}.sike-music-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}
.sike-music-section-head span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-section-head h4{font-size:18px;color:#fff;margin:3px 0 0}.sike-music-section-head small{font-size:7px;color:#67707a}
.sike-music-url-entry{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:9px}.sike-music-url-entry input{height:42px;border:1px solid #292e35;border-radius:12px;background:#0b0e12;color:#fff;padding:0 12px;outline:0;font-size:8px}.sike-music-url-entry input.invalid{border-color:#ff4e3b;animation:sikeShake .3s}
@keyframes sikeShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.sike-music-results{display:grid;gap:6px;max-height:480px;overflow:auto;padding-right:3px}
.sike-music-track{min-height:62px;border-radius:13px;padding:6px;display:grid;grid-template-columns:54px 1fr 34px;gap:9px;align-items:center;background:#0d1014;border:1px solid #242930}
.track-play{position:relative;width:54px;height:50px;border:0;border-radius:10px;overflow:hidden;background:#080a0d;padding:0;cursor:pointer}.track-play img{width:100%;height:100%;object-fit:cover}.track-play i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.22);color:#fff;font-style:normal;opacity:0;transition:.15s}.track-play:hover i{opacity:1}
.sike-music-track b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-music-track small{display:block;color:#707985;font-size:7px;margin-top:3px}
.track-queue{width:32px;height:32px;border-radius:10px;border:1px solid #2a3037;background:#11151a;color:#9aa1aa;cursor:pointer}
.sike-music-placeholder{min-height:180px;border:1px dashed #2b3037;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px;color:#707985}.sike-music-placeholder>span{font-size:30px;color:#ff7044}.sike-music-placeholder b{color:#fff;font-size:11px;margin-top:7px}.sike-music-placeholder small{max-width:340px;font-size:8px;line-height:1.5;margin-top:5px}.sike-music-placeholder.loading>span{animation:sikeSpin 1s linear infinite}@keyframes sikeSpin{to{transform:rotate(360deg)}}.sike-music-placeholder.error>span{color:#ff4e3b}
.sike-music-player-card{padding:12px;height:max-content;position:sticky;top:12px}
.sike-music-player-screen{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#050607;position:relative}.sike-music-player-screen iframe{width:100%;height:100%;border:0}.sike-music-player-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#21130f,#08090b 70%);color:#777f89}.sike-music-player-empty.hidden{display:none}.sike-music-player-empty span{font-size:30px;color:#ff7044}.sike-music-player-empty b{font-size:11px;color:#fff}.sike-music-player-empty small{font-size:7px;margin-top:4px}
.sike-music-now{padding:14px 4px 8px}.sike-music-now>span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-now h4{font-size:15px;color:#fff;line-height:1.15;margin:6px 0 3px}.sike-music-now p{font-size:8px;color:#737b85;margin:0}
.sike-music-player-actions{display:flex;gap:6px;padding:5px 4px 10px}.sike-music-player-actions button{width:38px;height:38px;border-radius:12px;background:#11151a;border:1px solid #292e35;color:#fff;font-size:16px;cursor:pointer}.sike-music-player-actions button.active{color:#ff5640}
.sike-music-device-output{display:flex;gap:9px;align-items:center;background:#0b0e12;border:1px solid #262b32;border-radius:13px;padding:10px}.sike-music-device-output>i{width:8px;height:8px;border-radius:50%;background:#2bd179}.sike-music-device-output b{display:block;color:#fff;font-size:8px}.sike-music-device-output small{display:block;color:#6d7580;font-size:7px;margin-top:2px}

/* Music API modal */
.sike-music-api-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.72);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px;opacity:0;transition:.18s}.sike-music-api-modal[hidden]{display:none!important}.sike-music-api-modal.show{opacity:1}
.sike-music-api-card{width:min(500px,100%);position:relative;border-radius:24px;padding:24px;background:#15181d;border:1px solid #30353d;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sike-music-api-card>span{font-size:7px;letter-spacing:.15em;color:#ff7044;font-weight:900}.sike-music-api-card h3{font-size:27px;color:#fff;margin:6px 0}.sike-music-api-card p{font-size:9px;color:#828a94;line-height:1.5}.sike-music-api-card label{display:block;margin-top:14px}.sike-music-api-card label small{display:block;font-size:7px;color:#737b85;margin-bottom:5px}.sike-music-api-card input{width:100%;height:44px;border-radius:12px;background:#0b0e12;border:1px solid #2a3037;color:#fff;padding:0 12px;box-sizing:border-box}
.sike-music-api-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border-radius:11px;background:#0b0e12;border:1px solid #2a3037;color:#fff;font-size:18px}.sike-music-api-actions{display:flex;gap:7px;margin-top:10px}.sike-music-api-actions button{height:38px;border-radius:10px;padding:0 12px;border:1px solid #2a3037;background:#0c0f13;color:#fff;font-size:8px;font-weight:900}.sike-music-api-actions button:first-child{background:linear-gradient(135deg,#ff6938,#e63532);border-color:transparent}.sike-music-api-status{display:block;color:#6f7781;font-size:7px;margin-top:9px}

@media(max-width:1180px){
  .sike-music-shell{grid-template-columns:150px minmax(0,1fr) 260px}
}
@media(max-width:900px){
  .sike-music-shell{grid-template-columns:1fr}
  .sike-music-library{display:none}
  .sike-music-player-card{position:relative;top:auto;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px}
  .sike-music-player-screen{width:150px}.sike-music-now{padding:5px}.sike-music-player-actions{padding:0}.sike-music-device-output{grid-column:1/-1}
}
@media(max-width:720px){
  .sike-empty-devices{min-height:470px;padding:34px 18px;border-radius:20px}
  .sike-empty-orbit{width:92px;height:92px;margin-bottom:22px}.sike-empty-orbit span{width:54px;height:54px;border-radius:18px;font-size:22px}
  .sike-empty-devices h2{font-size:40px}.sike-empty-devices>p{font-size:10px}.sike-empty-actions{width:100%;display:grid;grid-template-columns:1fr}.sike-empty-points{display:grid;gap:6px}
  .sike-pair-card{padding:18px;border-radius:21px}.sike-pair-head h3{font-size:28px}
  .sike-music-shell{display:block}.sike-music-main{padding:10px;border-radius:18px}.sike-music-hero{min-height:150px;padding:18px}.sike-music-hero h3{font-size:29px}.sike-music-wave{display:none}
  .sike-music-api-note{grid-template-columns:1fr auto}.sike-music-api-note p{display:none}
  .sike-music-player-card{margin-top:9px;grid-template-columns:112px 1fr auto;padding:9px;border-radius:18px}.sike-music-player-screen{width:112px}.sike-music-now h4{font-size:12px}.sike-music-player-actions button{width:34px;height:34px}
  .sike-music-results{max-height:none}
  .sike-ios-tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .sike-ios-tabbar button span{font-size:5.5px!important}
}
@media(max-width:430px){
  .sike-music-player-card{grid-template-columns:92px 1fr}.sike-music-player-screen{width:92px}.sike-music-player-actions{grid-column:1/-1}.sike-music-device-output{grid-column:1/-1}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .sike-empty-orbit i,.sike-empty-devices:after,.sike-music-wave i,.sike-pair-scan i{animation:none!important}
}


/* ===================================================================
   SIKE APP V16 — CONNECTED DEVICES ONLY + PROFESSIONAL SCAN FIRST
   =================================================================== */

/* Critical: author styles must never override the HTML hidden attribute. */
.sike-ios-device-switcher [hidden],
.sike-device-strip [hidden]{
  display:none!important;
}

/* Device row: scan first, connected products after it. */
.sike-device-strip{
  display:grid!important;
  grid-template-columns:minmax(260px,.82fr) repeat(3,minmax(190px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.sike-device-strip>.sike-scan-device-card{
  order:-100!important;
}
.sike-device-strip>.sike-connected-device-card{
  min-width:0!important;
}

/* Premium scan card */
.sike-scan-device-card{
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,148,70,.22),transparent 38%),
    linear-gradient(135deg,#1b1718 0%,#13161b 58%,#101318 100%)!important;
  border:1px solid rgba(255,122,66,.22)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 10px 28px rgba(0,0,0,.13)!important;
  color:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  position:relative!important;
}
.sike-scan-device-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.035) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
}
.sike-scan-device-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,125,66,.40)!important;
}
.sike-scan-device-card:hover:after{
  animation:sikeScanSheen .8s ease forwards!important;
}
@keyframes sikeScanSheen{to{transform:translateX(120%)}}

.sike-scan-radar{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#ff7138,#e83931)!important;
  box-shadow:0 8px 22px rgba(230,57,45,.24)!important;
}
.sike-scan-radar i{
  position:absolute!important;
  inset:8px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  animation:sikeRadarPulse 1.8s ease-out infinite!important;
}
.sike-scan-radar i:nth-child(2){
  inset:3px!important;
  animation-delay:.55s!important;
  opacity:.55!important;
}
.sike-scan-radar b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}
@keyframes sikeRadarPulse{
  0%{transform:scale(.72);opacity:.9}
  100%{transform:scale(1.25);opacity:0}
}
.device-scanning .sike-scan-radar{
  animation:sikeScanning 1.1s ease-in-out!important;
}
@keyframes sikeScanning{
  0%,100%{box-shadow:0 8px 22px rgba(230,57,45,.24)}
  50%{box-shadow:0 0 0 9px rgba(255,105,52,.10),0 8px 32px rgba(236,62,45,.38)}
}

.sike-scan-copy{
  min-width:0!important;
  display:block!important;
}
.sike-scan-copy small{
  display:block!important;
  color:#ff8054!important;
  font-size:6.5px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  margin-bottom:3px!important;
}
.sike-scan-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  display:block!important;
  color:#747c86!important;
  font-size:7px!important;
  font-style:normal!important;
  margin-top:4px!important;
}
.sike-scan-action{
  display:grid!important;
  place-items:center!important;
  height:30px!important;
  min-width:48px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  background:rgba(255,103,54,.12)!important;
  border:1px solid rgba(255,112,59,.24)!important;
  color:#ff8055!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}

/* Connected product cards are intentionally quieter than Scan. */
.sike-connected-device-card{
  min-height:74px!important;
  padding:9px 11px!important;
  border-radius:18px!important;
  background:#12151a!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.sike-connected-device-card.active{
  background:linear-gradient(135deg,#ff6638,#ed3b32)!important;
  border-color:rgba(255,156,103,.32)!important;
}
.sike-connected-device-card .device-thumb{
  width:48px!important;
  height:48px!important;
}

/* If there are many connected devices, keep the row tidy rather than widening the page. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(190px,1fr))!important;
  }
}

/* Tablet/mobile: scan is always the first full-width action. */
@media(max-width:900px){
  .sike-device-strip{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    padding-bottom:3px!important;
  }
  .sike-device-strip::-webkit-scrollbar{display:none!important}
  .sike-scan-device-card{
    flex:0 0 min(82vw,330px)!important;
    min-width:min(82vw,330px)!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-card{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
}

/* Phone: stronger hierarchy, smaller footprint. */
@media(max-width:720px){
  .sike-device-strip{
    padding:9px 0 5px!important;
  }
  .sike-scan-device-card{
    min-height:62px!important;
    flex-basis:min(88vw,315px)!important;
    min-width:min(88vw,315px)!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:8px 9px!important;
    border-radius:16px!important;
  }
  .sike-scan-radar{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .sike-scan-copy strong{font-size:10px!important}
  .sike-scan-copy em{font-size:6.5px!important}
  .sike-scan-action{
    height:28px!important;
    min-width:42px!important;
    padding:0 7px!important;
  }
  .sike-connected-device-card{
    min-height:62px!important;
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:43px!important;
    height:43px!important;
  }
}

/* Pairing modal polish */
.sike-pair-scan{
  background:
    linear-gradient(90deg,rgba(43,209,121,.05),transparent),
    #0c0f13!important;
}


/* ===================================================================
   SIKE MUSIC V18 — TRUE FULLSCREEN STREAMING UI
   Spotify-inspired information architecture, original SIKE styling.
   =================================================================== */

/* Fullscreen mode hides the normal website/app chrome. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  overflow:hidden!important;
  height:100%!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .announcement,
body.sike-music-fullscreen-active .site-header,
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  padding:0!important;
  background:#050607!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  height:100%!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
}

/* Fullscreen layout: rail / content / now playing + fixed transport bar */
.sike-music-fullscreen{
  --music-bg:#070809;
  --music-panel:#111315;
  --music-panel-2:#17191c;
  --music-border:rgba(255,255,255,.06);
  --music-orange:#ff6538;
  --music-red:#ef3436;
  --music-muted:#8b9199;
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 360px;
  grid-template-rows:minmax(0,1fr) 88px;
  gap:8px;
  width:100%;
  height:100dvh;
  padding:8px;
  box-sizing:border-box;
  background:#050607;
  color:#fff;
  overflow:hidden;
}

/* Left rail */
.sike-music-rail{
  grid-column:1;
  grid-row:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:12px 8px;
  border-radius:18px;
  background:linear-gradient(180deg,#0c0e10,#090a0c);
  border:1px solid var(--music-border);
}
.sike-music-rail-brand{
  width:100%;
  display:grid;
  place-items:center;
  gap:5px;
  padding:2px 0 12px;
  border-bottom:1px solid var(--music-border);
}
.sike-music-rail-brand>span{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--music-orange),var(--music-red));
  color:#fff;font-size:20px;font-weight:950;
  box-shadow:0 10px 28px rgba(239,53,50,.24);
}
.sike-music-rail-brand>b{
  font-size:6px;line-height:1.1;text-align:center;letter-spacing:.13em;color:#9ba1aa;
}
.sike-music-rail nav{
  width:100%;display:grid;gap:5px;
}
.sike-music-rail nav button,
.sike-music-exit{
  width:100%;height:58px;border:0;border-radius:15px;
  background:transparent;color:#737a84;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  cursor:pointer;
}
.sike-music-rail nav button i,.sike-music-exit i{font-size:17px;font-style:normal}
.sike-music-rail nav button span,.sike-music-exit span{font-size:6px;font-weight:800}
.sike-music-rail nav button.active,
.sike-music-rail nav button:hover,
.sike-music-exit:hover{
  background:#1a1d21;color:#fff;
}
.sike-music-rail nav button.active i{color:var(--music-orange)}
.sike-music-mini-library{
  width:100%;
  display:grid;gap:8px;
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid var(--music-border);
}
.sike-music-mini-library>span{font-size:5px;letter-spacing:.12em;color:#59616b;text-align:center;font-weight:900}
.sike-music-mini-library button{
  width:54px;height:54px;margin:auto;padding:0;border:0;border-radius:14px;background:#14171a;
  display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer;
}
.sike-music-mini-library button i{position:absolute;inset:0}
.sike-music-mini-library button i.drive{background:linear-gradient(145deg,#ff7a34,#b11d3b)}
.sike-music-mini-library button i.night{background:linear-gradient(145deg,#36225f,#111727)}
.sike-music-mini-library button i.bass{background:linear-gradient(145deg,#0d8c88,#1b253a)}
.sike-music-mini-library button em{position:relative;z-index:2;color:#fff;font-size:6px;font-style:normal;font-weight:900;text-shadow:0 1px 4px #000}
.sike-music-exit{margin-top:auto}

/* Center home */
.sike-music-home{
  grid-column:2;
  grid-row:1;
  min-width:0;min-height:0;
  display:flex;flex-direction:column;
  border-radius:18px;
  background:
    radial-gradient(circle at 68% -20%,rgba(255,103,56,.14),transparent 30%),
    linear-gradient(180deg,#17191b 0%,#101214 23%,#0e1012 100%);
  border:1px solid var(--music-border);
  overflow:hidden;
}
.sike-music-topbar{
  flex:0 0 68px;
  display:grid;
  grid-template-columns:auto minmax(280px,620px) 1fr;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  background:rgba(13,15,17,.72);
  border-bottom:1px solid rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.sike-music-nav-arrows button{
  width:40px;height:40px;border-radius:50%;border:0;background:#090a0c;color:#fff;font-size:22px;cursor:pointer
}
.sike-music-search-top{
  margin:0!important;
  height:44px!important;
  border-radius:999px!important;
  background:#242629!important;
  border:1px solid transparent!important;
  padding:2px 4px 2px 13px!important;
}
.sike-music-search-top:focus-within{border-color:#5d6268!important;background:#2b2d30!important}
.sike-music-search-top input{height:38px!important;font-size:11px!important}
.sike-music-search-top button{height:36px!important;border-radius:999px!important;padding:0 16px!important}
.sike-music-top-actions{justify-self:end;display:flex;gap:8px;align-items:center}
.sike-music-api-pill{
  height:38px;padding:0 13px;border-radius:999px;border:1px solid #33373d;background:#101215;color:#fff;
  display:flex;align-items:center;gap:7px;font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-api-pill i{width:7px;height:7px;border-radius:50%;background:#ff7144}
.sike-music-account-dot{
  width:38px;height:38px;border-radius:50%;border:4px solid #16191c;
  background:linear-gradient(145deg,#ff7138,#e73733);color:#fff;font-weight:950;cursor:pointer
}
.sike-music-scroll{
  min-height:0;overflow:auto;padding:18px 18px 30px;
  scrollbar-width:thin;scrollbar-color:#41454a transparent;
}
.sike-music-filter-pills{display:flex;gap:8px;margin-bottom:14px}
.sike-music-filter-pills button{
  height:34px;padding:0 15px;border-radius:999px;border:0;background:#2b2d30;color:#fff;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-filter-pills button.active{background:#fff;color:#111}

/* Quick tiles */
.sike-music-quick-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px
}
.sike-music-quick-grid button{
  min-width:0;height:64px;padding:0;border:0;border-radius:7px;overflow:hidden;
  background:#2b2d30;color:#fff;display:grid;grid-template-columns:64px 1fr 42px;align-items:center;text-align:left;cursor:pointer;
  transition:background .15s ease
}
.sike-music-quick-grid button:hover{background:#393b3e}
.quick-art{width:64px;height:64px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:950}
.quick-art.liked{background:linear-gradient(145deg,#6848ff,#c5f4e6)}
.quick-art.drive{background:linear-gradient(145deg,#ff7936,#b81d42)}
.quick-art.night{background:linear-gradient(145deg,#291b53,#11111d)}
.quick-art.bass{background:linear-gradient(145deg,#008f88,#25324f)}
.quick-art.house{background:linear-gradient(145deg,#dd6c15,#2f1610)}
.quick-art.outdoor{background:linear-gradient(145deg,#667d2f,#213d2c)}
.sike-music-quick-grid b{font-size:10px;padding:0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-quick-grid button>i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--music-orange);font-style:normal;
  opacity:0;transform:translateY(5px);transition:.16s
}
.sike-music-quick-grid button:hover>i{opacity:1;transform:none}

/* Feature hero */
.sike-music-featured{
  min-height:260px;
  border-radius:18px;
  display:flex;align-items:flex-end;justify-content:space-between;
  padding:28px;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,168,81,.26),transparent 30%),
    linear-gradient(130deg,#ff6937 0%,#df3532 40%,#5c1f1a 70%,#171315 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.sike-music-featured-copy{position:relative;z-index:2;max-width:560px}
.sike-music-featured-copy>span{font-size:7px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.7)}
.sike-music-featured-copy h3{font-size:48px;line-height:.91;letter-spacing:-.055em;margin:9px 0 14px;color:#fff}
.sike-music-featured-copy p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.72);max-width:460px}
.sike-music-featured-copy>div{display:flex;gap:8px;margin-top:18px}
.sike-music-featured-copy button{height:40px;padding:0 15px;border-radius:999px;border:0;background:#fff;color:#151515;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-featured-copy button+button{background:rgba(0,0,0,.32);color:#fff;border:1px solid rgba(255,255,255,.16)}
.sike-music-eq-art{height:160px;display:flex;align-items:center;gap:7px;opacity:.64;transform:rotate(-7deg);margin-right:30px}
.sike-music-eq-art i{width:7px;border-radius:8px;background:#fff;animation:sikeFullWave 1.2s ease-in-out infinite alternate}
.sike-music-eq-art i:nth-child(1){height:25%}.sike-music-eq-art i:nth-child(2){height:50%;animation-delay:.1s}.sike-music-eq-art i:nth-child(3){height:80%;animation-delay:.2s}.sike-music-eq-art i:nth-child(4){height:40%;animation-delay:.3s}.sike-music-eq-art i:nth-child(5){height:95%;animation-delay:.4s}.sike-music-eq-art i:nth-child(6){height:60%;animation-delay:.5s}.sike-music-eq-art i:nth-child(7){height:35%;animation-delay:.6s}.sike-music-eq-art i:nth-child(8){height:78%;animation-delay:.7s}.sike-music-eq-art i:nth-child(9){height:48%;animation-delay:.8s}.sike-music-eq-art i:nth-child(10){height:88%;animation-delay:.9s}.sike-music-eq-art i:nth-child(11){height:30%;animation-delay:1s}
@keyframes sikeFullWave{to{transform:scaleY(.42);opacity:.45}}

/* Results */
.sike-music-made-for{margin-top:26px!important}
.sike-music-card-results{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
}
.sike-music-card-results .sike-music-track{
  min-width:0!important;min-height:215px!important;padding:10px!important;
  display:grid!important;grid-template-columns:1fr 34px!important;grid-template-rows:auto 1fr!important;
  border-radius:12px!important;background:#17191c!important;border:0!important;
}
.sike-music-card-results .track-play{
  grid-column:1/-1!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:8px!important;
}
.sike-music-card-results .sike-music-track>div{min-width:0;padding-top:8px}
.sike-music-card-results .sike-music-track b{font-size:9px!important}
.sike-music-card-results .track-queue{align-self:center}
.sike-music-card-results .sike-music-placeholder{grid-column:1/-1}

/* Right now-playing panel */
.sike-music-now-panel{
  grid-column:3;grid-row:1;
  min-height:0;overflow:auto;
  border-radius:18px;padding:14px;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,91,49,.09),transparent 30%),
    linear-gradient(180deg,#151719,#0c0e10 72%);
  border:1px solid var(--music-border)
}
.sike-music-now-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sike-music-now-header span{display:block;font-size:6px;letter-spacing:.13em;color:#69717b}
.sike-music-now-header b{display:block;font-size:11px;color:#fff;margin-top:3px}
.sike-music-now-header button{width:36px;height:36px;border-radius:50%;border:0;background:#24272b;color:#fff;cursor:pointer}
.sike-music-big-screen{aspect-ratio:1/1!important;border-radius:14px!important}
.sike-music-now{
  display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:16px 2px!important;
  border-bottom:1px solid var(--music-border)
}
.sike-music-now h4{font-size:22px!important;letter-spacing:-.035em;margin:0 0 4px!important}
.sike-music-now p{font-size:9px!important}
.sike-music-now>button{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #30343a;background:#15181c;color:#fff;font-size:17px;cursor:pointer
}
.sike-music-related{padding-top:15px}
.sike-music-related>span{font-size:7px;letter-spacing:.13em;color:#777f89;font-weight:900}
.sike-music-device-output{margin-top:8px!important}
.sike-music-side-art{
  margin-top:12px;min-height:180px;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.72)),
    radial-gradient(circle at 70% 20%,rgba(255,134,59,.5),transparent 31%),
    linear-gradient(145deg,#4c1e17,#111317)
}
.sike-music-side-art span{font-size:8px;letter-spacing:.17em;color:#ff7b48;font-weight:900}
.sike-music-side-art b{font-size:28px;line-height:.86;letter-spacing:-.05em;color:#fff;margin-top:7px}

/* Fixed bottom transport */
.sike-music-playerbar{
  grid-column:1/-1;grid-row:2;
  height:88px;min-height:88px;
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr) minmax(220px,1fr);
  align-items:center;gap:20px;
  padding:8px 16px;
  border-radius:16px;
  background:#08090b;
  border:1px solid var(--music-border)
}
.sike-music-playerbar-track{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;align-items:center}
.mini-cover{width:54px;height:54px;border-radius:6px;background:linear-gradient(145deg,#ff6b37,#612034);display:grid;place-items:center;font-size:18px;overflow:hidden}
.mini-cover img{width:100%;height:100%;object-fit:cover}
.sike-music-playerbar-track b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-playerbar-track small{display:block;color:#7b828b;font-size:7px;margin-top:3px}
.sike-music-playerbar-track>button{border:0;background:transparent;color:#a2a7ad;font-size:17px;cursor:pointer}
.sike-music-transport{min-width:0;display:grid;gap:5px}
.transport-buttons{display:flex;justify-content:center;align-items:center;gap:17px}
.transport-buttons button{border:0;background:transparent;color:#8b929a;font-size:14px;cursor:pointer}
.transport-buttons button.active{color:#ff7042}
.transport-buttons .play{width:38px;height:38px;border-radius:50%;background:#fff;color:#111;font-size:13px;display:grid;place-items:center}
.sike-music-progress{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center}
.sike-music-progress span{font-size:6px;color:#767d85;text-align:center}
.sike-music-progress input,.sike-music-player-tools input{accent-color:#fff;height:3px}
.sike-music-player-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.sike-music-player-tools button{border:0;background:transparent;color:#9ba1a8;font-size:17px}
.sike-music-player-tools span{font-size:6px;color:#6e757e}
.sike-music-player-tools input{width:120px}

/* API settings floats above fullscreen */
.sike-music-api-modal{z-index:20000!important}

/* Desktop responsive */
@media(max-width:1350px){
  .sike-music-fullscreen{grid-template-columns:76px minmax(0,1fr) 300px}
  .sike-music-card-results{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sike-music-featured-copy h3{font-size:42px}
}
@media(max-width:1100px){
  .sike-music-fullscreen{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 84px}
  .sike-music-now-panel{display:none}
  .sike-music-home{grid-column:2}
  .sike-music-playerbar{grid-column:1/-1}
  .sike-music-card-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Phone/tablet: fullscreen remains, rail becomes compact top/bottom experience */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-ios-shell{padding:0!important}
  .sike-music-fullscreen{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) 76px;
    gap:0;padding:0;
  }
  .sike-music-rail{display:none}
  .sike-music-home{
    grid-column:1;grid-row:1;
    border:0;border-radius:0
  }
  .sike-music-topbar{
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:7px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;
    flex-basis:auto;min-height:58px
  }
  .sike-music-nav-arrows button{width:34px;height:34px}
  .sike-music-search-top{height:38px!important}
  .sike-music-search-top input{height:32px!important;font-size:9px!important}
  .sike-music-search-top button{display:none}
  .sike-music-api-pill{width:34px;height:34px;padding:0;border-radius:50%;justify-content:center}
  .sike-music-api-pill span{display:none}
  .sike-music-account-dot{display:none}
  .sike-music-scroll{padding:11px 10px 24px}
  .sike-music-filter-pills{overflow:auto;scrollbar-width:none}.sike-music-filter-pills::-webkit-scrollbar{display:none}
  .sike-music-quick-grid{display:flex;overflow:auto;gap:7px;scrollbar-width:none}
  .sike-music-quick-grid::-webkit-scrollbar{display:none}
  .sike-music-quick-grid button{flex:0 0 210px}
  .sike-music-featured{min-height:205px;padding:20px}
  .sike-music-featured-copy h3{font-size:38px}
  .sike-music-featured-copy p{font-size:8px}
  .sike-music-eq-art{display:none}
  .sike-music-card-results{display:flex!important;overflow:auto!important;gap:9px!important;scrollbar-width:none}
  .sike-music-card-results::-webkit-scrollbar{display:none}
  .sike-music-card-results .sike-music-track{flex:0 0 155px!important;min-height:205px!important}
  .sike-music-card-results .sike-music-placeholder{flex:0 0 100%!important}
  .sike-music-now-panel{display:none}
  .sike-music-playerbar{
    grid-column:1;grid-row:2;
    height:76px;min-height:76px;border-radius:0;border-width:1px 0 0;
    grid-template-columns:minmax(0,1fr) auto;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom));
    gap:10px
  }
  .sike-music-playerbar-track{grid-template-columns:46px minmax(0,1fr) 30px}
  .mini-cover{width:46px;height:46px}
  .sike-music-transport{display:block}
  .transport-buttons button:not(.play){display:none}
  .transport-buttons{gap:0}
  .transport-buttons .play{width:38px;height:38px}
  .sike-music-progress,.sike-music-player-tools{display:none}
}

@media(prefers-reduced-motion:reduce){
  .sike-music-eq-art i{animation:none!important}
}


/* ===================================================================
   SIKE MUSIC V19 — EXACT SITE HEADER + EXACT SITE FOOTER
   Full viewport music workspace between the shared SIKEVENTURES chrome.
   =================================================================== */

/* MUSIC no longer takes over <html>/<body>; the shared index header stays. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  height:auto!important;
  min-height:100%!important;
  overflow:auto!important;
  background:#050607!important;
}

/* Explicitly restore the exact shared website chrome. */
body.sike-music-fullscreen-active .announcement{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-header{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-footer{
  display:block!important;
}
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  /* Keep app demo corner/ribbon behavior from the normal site CSS. */
}

/* App wrapper becomes a full-width music viewport below the website header. */
body.sike-music-fullscreen-active .sike-ios-app{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050607!important;
  overflow:visible!important;
}

/* Normal SIKE App dashboard chrome is hidden only INSIDE the app workspace. */
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  width:100%!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
}

/* Full width, no artificial outer margins. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100%!important;
  height:calc(100dvh - 132px)!important;
  min-height:680px!important;
  padding:8px!important;
  border-radius:0!important;
}

/* Footer starts immediately after the music viewport and is EXACT shared footer. */
body.sike-music-fullscreen-active .site-footer{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
}

/* Main content uses more of wide screens. */
@media(min-width:1400px){
  .sike-music-fullscreen{
    grid-template-columns:88px minmax(0,1fr) minmax(330px,22vw)!important;
  }
  .sike-music-scroll{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .sike-music-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sike-music-card-results{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* Website header stays visually identical to index, including mobile menu. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .announcement{
    display:none!important; /* matches the site's own compact phone behavior */
  }
  body.sike-music-fullscreen-active .site-header{
    display:flex!important;
    position:relative!important;
    top:auto!important;
  }

  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-height:calc(100dvh - 66px)!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    height:calc(100dvh - 66px)!important;
    min-height:560px!important;
  }

  /* Phone: use full available width and a cleaner music layout. */
  .sike-music-home{
    width:100%!important;
  }
  .sike-music-scroll{
    padding:10px 10px 18px!important;
  }
  .sike-music-featured{
    min-height:185px!important;
    border-radius:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:34px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:190px!important;
    height:58px!important;
    grid-template-columns:58px 1fr 36px!important;
  }
  .quick-art{
    width:58px!important;
    height:58px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:145px!important;
    min-height:190px!important;
  }

  /* Bottom player stays above iPhone safe area inside music workspace. */
  .sike-music-playerbar{
    padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  }

  /* Exact shared footer remains normal and scrollable below Music. */
  body.sike-music-fullscreen-active .site-footer{
    display:block!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    min-height:520px!important;
  }
  .sike-music-featured{
    padding:16px!important;
  }
  .sike-music-featured-copy h3{
    font-size:30px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V20 — TRUE EDGE-TO-EDGE HORIZONTAL LAYOUT
   Removes the remaining left/right dead space shown in V19.
   =================================================================== */

body.sike-music-fullscreen-active{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

body.sike-music-fullscreen-active .sike-ios-app,
body.sike-music-fullscreen-active .sike-ios-shell,
body.sike-music-fullscreen-active .sike-ios-dashboard,
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}

body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:6px!important;
  gap:6px!important;
  box-sizing:border-box!important;

  /* narrower left rail so content starts immediately */
  grid-template-columns:74px minmax(0,1fr) minmax(320px,22vw)!important;
}

/* Left rail sits directly against viewport edge. */
body.sike-music-fullscreen-active .sike-music-rail{
  margin:0!important;
  border-radius:0 16px 16px 0!important;
  border-left:0!important;
  width:74px!important;
  min-width:74px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

/* Remove any inherited wrapper indentation. */
body.sike-music-fullscreen-active .sike-music-home{
  margin:0!important;
  min-width:0!important;
}
body.sike-music-fullscreen-active .sike-music-now-panel{
  margin:0!important;
}

/* Bottom transport stretches completely from left to right. */
body.sike-music-fullscreen-active .sike-music-playerbar{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}

/* Make the center feel wider on common desktop resolutions. */
@media(min-width:1101px) and (max-width:1399px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 300px!important;
  }
}
@media(min-width:1400px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(320px,20vw)!important;
  }
}

/* Tablet: even tighter rail. */
@media(max-width:1100px) and (min-width:721px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  body.sike-music-fullscreen-active .sike-music-rail{
    width:64px!important;
    min-width:64px!important;
  }
}

/* Mobile remains truly edge-to-edge. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100vw!important;
    max-width:100vw!important;
    padding:0!important;
    gap:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-home{
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V21 — TRUE CENTERING FIX
   The remaining offset came from the normal SIKE App CSS grid:
   .sike-ios-view was still assigned to grid-column:2.
   Music mode now fully escapes that dashboard grid.
   =================================================================== */

body.sike-music-fullscreen-active .sike-ios-shell{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  column-gap:0!important;
  row-gap:0!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
}

body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  padding:0!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
}

/* Music canvas is now mathematically aligned to viewport edges. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  position:relative!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
}

/* Prevent any legacy app-side column widths from leaking into MUSIC. */
body.sike-music-fullscreen-active .sike-ios-main-column,
body.sike-music-fullscreen-active .sike-ios-side-column{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Keep the center workspace balanced between rail and Now Playing panel. */
@media(min-width:1101px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(300px,20vw)!important;
  }
}

/* On common 1366–1920 desktop widths, slightly reduce the right panel so
   the visual center remains the music content rather than being pulled right. */
@media(min-width:1101px) and (max-width:1920px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 290px!important;
  }
}

/* Tablet/mobile stay edge-to-edge with no inherited grid column. */
@media(max-width:1100px){
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-width:100vw!important;
  }
}


/* ===================================================================
   SIKE MUSIC V22 — MOBILE FIX / IPHONE-FIRST POLISH
   Built directly on V21. Desktop remains unchanged.
   =================================================================== */

@media(max-width:720px){

  html.sike-music-fullscreen-active,
  body.sike-music-fullscreen-active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#050607!important;
  }

  /* Shared site header: compact and predictable on phone. */
  body.sike-music-fullscreen-active .site-header{
    height:64px!important;
    min-height:64px!important;
    padding:0 10px!important;
    background:#070809!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:178px!important;
    width:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:174px!important;
    width:100%!important;
    height:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .desktop-nav,
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
  body.sike-music-fullscreen-active .site-header .header-actions{
    margin-left:auto!important;
    gap:7px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button span{
    display:none!important;
  }

  /* Music fills all remaining space under header. */
  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - 64px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 72px!important;
    background:#050607!important;
    overflow:hidden!important;
  }

  /* Hide desktop-only sidebars/panels. */
  .sike-music-rail,
  .sike-music-now-panel{
    display:none!important;
  }

  .sike-music-home{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 72% -15%,rgba(255,93,44,.12),transparent 28%),
      linear-gradient(180deg,#151719 0%,#0d0f11 25%,#0a0c0e 100%)!important;
  }

  /* Compact top search area. */
  .sike-music-topbar{
    position:sticky!important;
    top:0!important;
    z-index:15!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    background:rgba(9,11,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  .sike-music-nav-arrows button{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    font-size:20px!important;
  }
  .sike-music-search-top{
    height:38px!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 8px!important;
    border-radius:999px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .sike-music-search-top span{
    font-size:14px!important;
  }
  .sike-music-search-top input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    font-size:9px!important;
  }
  .sike-music-search-top button{
    display:none!important;
  }
  .sike-music-top-actions{
    width:36px!important;
    display:block!important;
  }
  .sike-music-api-pill{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
  }
  .sike-music-api-pill span{
    display:none!important;
  }
  .sike-music-account-dot{
    display:none!important;
  }

  /* Main scrolling content */
  .sike-music-scroll{
    height:calc(100% - 58px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 10px 18px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-music-filter-pills{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    margin:0 0 10px!important;
    padding-bottom:1px!important;
    scrollbar-width:none!important;
  }
  .sike-music-filter-pills::-webkit-scrollbar{display:none!important}
  .sike-music-filter-pills button{
    flex:0 0 auto!important;
    height:32px!important;
    padding:0 13px!important;
    font-size:7px!important;
  }

  /* Quick playlists -> smooth horizontal rail. */
  .sike-music-quick-grid{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-bottom:14px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-quick-grid::-webkit-scrollbar{display:none!important}
  .sike-music-quick-grid button{
    flex:0 0 188px!important;
    width:188px!important;
    min-width:188px!important;
    height:56px!important;
    grid-template-columns:56px minmax(0,1fr) 30px!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  .quick-art{
    width:56px!important;
    height:56px!important;
    font-size:18px!important;
  }
  .sike-music-quick-grid b{
    font-size:8px!important;
    padding:0 8px!important;
  }
  .sike-music-quick-grid button>i{
    width:28px!important;
    height:28px!important;
    opacity:1!important;
    transform:none!important;
    font-size:8px!important;
  }

  /* Hero is shorter and phone-scaled. */
  .sike-music-featured{
    min-height:176px!important;
    border-radius:15px!important;
    padding:17px!important;
    margin-bottom:16px!important;
  }
  .sike-music-featured-copy{
    max-width:100%!important;
  }
  .sike-music-featured-copy>span{
    font-size:6px!important;
  }
  .sike-music-featured-copy h3{
    font-size:31px!important;
    line-height:.92!important;
    margin:7px 0 9px!important;
  }
  .sike-music-featured-copy p{
    font-size:7px!important;
    max-width:92%!important;
  }
  .sike-music-featured-copy>div{
    margin-top:12px!important;
  }
  .sike-music-featured-copy button{
    height:34px!important;
    padding:0 11px!important;
    font-size:7px!important;
  }
  .sike-music-eq-art{
    display:none!important;
  }

  /* Start listening section */
  .sike-music-made-for{
    margin-top:0!important;
  }
  .sike-music-section-head{
    margin-bottom:7px!important;
  }
  .sike-music-section-head h4{
    font-size:16px!important;
  }
  .sike-music-url-entry{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  .sike-music-url-entry input{
    min-width:0!important;
    width:100%!important;
    height:39px!important;
    font-size:7px!important;
    padding:0 10px!important;
  }
  .sike-music-url-entry button{
    height:39px!important;
    padding:0 11px!important;
  }
  .sike-music-api-note{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:8px 9px!important;
    margin-top:6px!important;
  }
  .sike-music-api-note p{
    display:none!important;
  }

  /* Search results -> cards rail instead of cramped grid. */
  .sike-music-card-results{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-card-results::-webkit-scrollbar{display:none!important}
  .sike-music-card-results .sike-music-track{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    min-height:184px!important;
    padding:8px!important;
    scroll-snap-align:start!important;
  }
  .sike-music-card-results .track-play{
    width:100%!important;
    aspect-ratio:1!important;
  }
  .sike-music-card-results .sike-music-track b{
    font-size:8px!important;
  }
  .sike-music-card-results .sike-music-track small{
    font-size:6.5px!important;
  }
  .sike-music-card-results .sike-music-placeholder{
    flex:0 0 100%!important;
    min-height:130px!important;
  }

  /* Bottom now-playing bar: clean and never clipped. */
  .sike-music-playerbar{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:6px 9px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(7,8,10,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-music-playerbar-track{
    min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) 28px!important;
    gap:8px!important;
  }
  .mini-cover{
    width:44px!important;
    height:44px!important;
    border-radius:8px!important;
  }
  .sike-music-playerbar-track b{
    font-size:8px!important;
  }
  .sike-music-playerbar-track small{
    font-size:6px!important;
  }
  .sike-music-playerbar-track>button{
    font-size:15px!important;
  }
  .sike-music-transport{
    display:block!important;
  }
  .transport-buttons{
    display:block!important;
  }
  .transport-buttons button:not(.play){
    display:none!important;
  }
  .transport-buttons .play{
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .sike-music-progress,
  .sike-music-player-tools{
    display:none!important;
  }

  /* API modal fits phone properly. */
  .sike-music-api-modal{
    padding:12px!important;
  }
  .sike-music-api-card{
    width:100%!important;
    max-width:100%!important;
    padding:19px!important;
    border-radius:20px!important;
  }
  .sike-music-api-card h3{
    font-size:24px!important;
  }

  /* Footer: exact shared footer, stacked nicely on phone. */
  body.sike-music-fullscreen-active .site-footer{
    margin:0!important;
  }
}

/* Small iPhones */
@media(max-width:430px){
  body.sike-music-fullscreen-active .site-header{
    height:60px!important;
    min-height:60px!important;
    padding:0 8px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:158px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:154px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    height:calc(100dvh - 60px)!important;
  }

  .sike-music-topbar{
    min-height:54px!important;
    height:54px!important;
    padding:7px!important;
  }
  .sike-music-scroll{
    height:calc(100% - 54px)!important;
    padding:8px 8px 16px!important;
  }
  .sike-music-featured{
    min-height:164px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:134px!important;
    width:134px!important;
    min-width:134px!important;
  }
}

/* Very small devices */
@media(max-width:360px){
  .sike-music-featured-copy h3{font-size:25px!important}
  .sike-music-featured-copy p{display:none!important}
  .sike-music-quick-grid button{
    flex-basis:164px!important;
    width:164px!important;
    min-width:164px!important;
  }
}


/* SIKE MUSIC V23 — secure server-side YouTube API status */
.sike-music-server-api-ready{
  display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;
  border-radius:14px;background:#0c1110;border:1px solid rgba(43,209,121,.24)
}
.sike-music-server-api-ready>i{
  width:10px;height:10px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 7px rgba(43,209,121,.09)
}
.sike-music-server-api-ready b{display:block;color:#fff;font-size:9px}
.sike-music-server-api-ready small{display:block;color:#747d85;font-size:7px;margin-top:3px}


/* ===================================================================
   SIKE MUSIC V24 — NO LIVECHAT IN MUSIC + MOBILE VIDEO PLAYER
   =================================================================== */

/* Hide all known SIKE livechat widget surfaces only while Music is active. */
body.sike-music-fullscreen-active .livechat,
body.sike-music-fullscreen-active .live-chat,
body.sike-music-fullscreen-active .chat-widget,
body.sike-music-fullscreen-active .chat-launcher,
body.sike-music-fullscreen-active .chat-button,
body.sike-music-fullscreen-active .support-chat,
body.sike-music-fullscreen-active .sike-chat,
body.sike-music-fullscreen-active .sike-livechat,
body.sike-music-fullscreen-active [data-livechat],
body.sike-music-fullscreen-active [data-chat-widget],
body.sike-music-fullscreen-active [class*="livechat"],
body.sike-music-fullscreen-active [class*="chat-widget"]{
  display:none!important;
}

/* Track title is now a real player action. */
.sike-track-meta{min-width:0}
.sike-track-title{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font:inherit;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.sike-track-title:hover{
  text-decoration:underline;
}
.sike-music-player-screen.focus-pulse{
  animation:sikePlayerFocus .6s ease;
}
@keyframes sikePlayerFocus{
  0%{box-shadow:0 0 0 0 rgba(255,101,56,.0)}
  40%{box-shadow:0 0 0 8px rgba(255,101,56,.16)}
  100%{box-shadow:0 0 0 0 rgba(255,101,56,0)}
}

/* Mobile fullscreen player sheet */
.sike-music-mobile-player-sheet{
  display:none;
}

@media(max-width:720px){

  /* Even cleaner overall mobile music canvas */
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-bottom:22px!important;
  }

  .sike-music-featured{
    min-height:156px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-featured-copy p{
    max-width:95%!important;
  }

  .sike-music-quick-grid button{
    flex-basis:172px!important;
    width:172px!important;
    min-width:172px!important;
  }

  .sike-music-card-results .sike-music-track{
    flex-basis:138px!important;
    width:138px!important;
    min-width:138px!important;
    min-height:176px!important;
  }
  .sike-track-title{
    font-size:8px!important;
  }

  /* Bottom player track clearly opens the full video sheet */
  .sike-music-playerbar-track{
    cursor:pointer!important;
    border-radius:10px!important;
    padding:3px!important;
    margin-left:-3px!important;
  }
  .sike-music-playerbar-track:active{
    background:rgba(255,255,255,.04)!important;
  }

  .sike-music-mobile-player-sheet{
    display:flex;
    position:fixed;
    z-index:25000;
    left:0;right:0;bottom:0;
    height:calc(100dvh - 60px);
    flex-direction:column;
    padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    background:
      radial-gradient(circle at 50% 17%,rgba(255,103,54,.20),transparent 35%),
      linear-gradient(180deg,#161214 0%,#0d0f12 48%,#08090b 100%);
    transform:translateY(105%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .sike-music-mobile-player-sheet.open{
    transform:translateY(0);
    pointer-events:auto;
  }

  .sike-music-mobile-player-head{
    display:grid;
    grid-template-columns:40px 1fr 40px;
    align-items:center;
    gap:8px;
    min-height:48px;
  }
  .sike-music-mobile-player-head button{
    width:38px;height:38px;border-radius:50%;
    border:0;background:#202328;color:#fff;font-size:17px;
  }
  .sike-music-mobile-player-head>div{
    text-align:center;
  }
  .sike-music-mobile-player-head small{
    display:block;font-size:6px;letter-spacing:.13em;color:#7c838c;
  }
  .sike-music-mobile-player-head b{
    display:block;font-size:9px;margin-top:2px;color:#fff;
  }

  /* The actual live iframe remains the canonical player; this sheet
     visually frames the same now-playing state for mobile. */
  .sike-music-mobile-video-mirror{
    margin-top:10px;
    aspect-ratio:16/10;
    border-radius:20px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,92,48,.15),transparent 33%),
      #060708;
    border:1px solid rgba(255,255,255,.06);
    display:grid;
    place-items:center;
    overflow:hidden;
    position:relative;
  }
  .sike-music-mobile-video-mirror:before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent,rgba(255,255,255,.025));
  }
  .sike-music-mobile-video-note{
    position:relative;z-index:2;
    text-align:center;padding:22px;
  }
  .sike-music-mobile-video-note span{
    display:block;color:#ff7144;font-size:7px;letter-spacing:.14em;font-weight:900;
  }
  .sike-music-mobile-video-note p{
    color:#737b85;font-size:8px;line-height:1.5;max-width:260px;margin:7px auto 0;
  }

  .sike-music-mobile-now-copy{
    padding:20px 2px 12px;
  }
  .sike-music-mobile-now-copy h3{
    margin:0;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.035em;
  }
  .sike-music-mobile-now-copy p{
    margin:6px 0 0;color:#7c838d;font-size:9px;
  }

  .sike-music-mobile-sheet-controls{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
  }
  .sike-music-mobile-sheet-controls button{
    width:42px;height:42px;border-radius:50%;
    border:0;background:transparent;color:#b5bac1;font-size:16px;
  }
  .sike-music-mobile-sheet-controls button.main{
    width:58px;height:58px;background:#fff;color:#111;font-size:18px;
  }
}

@media(max-width:390px){
  .sike-music-mobile-player-sheet{
    height:calc(100dvh - 58px);
    padding-left:11px;
    padding-right:11px;
  }
  .sike-music-featured{
    min-height:148px!important;
  }
  .sike-music-featured-copy h3{
    font-size:26px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V25 — COLLAPSIBLE + CUSTOM USER BANNER
   =================================================================== */

.sike-music-featured{
  --sike-banner-overlay:.32;
  isolation:isolate;
  transition:min-height .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1);
}
.sike-music-banner-image,
.sike-music-banner-shade{
  position:absolute;inset:0;pointer-events:none;
}
.sike-music-banner-image{
  z-index:0;
  background-size:cover;
  background-position:center center;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .3s ease,transform .7s ease;
}
.sike-music-featured.has-custom-image .sike-music-banner-image{
  opacity:1;
  transform:scale(1);
}
.sike-music-banner-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(12,8,8,.78) 0%,rgba(14,8,8,.42) 52%,rgba(10,7,7,.12) 100%),
    rgba(8,8,8,var(--sike-banner-overlay));
}
.sike-music-featured:not(.has-custom-image) .sike-music-banner-shade{
  background:linear-gradient(90deg,rgba(255,90,50,.04),rgba(10,8,8,.12));
}
.sike-music-featured-copy,.sike-music-eq-art{
  position:relative;z-index:3;
}
.sike-music-banner-toolbar{
  position:absolute;z-index:8;top:13px;right:13px;display:flex;gap:6px
}
.sike-music-banner-tool{
  min-height:34px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(10,12,15,.68);color:#fff;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-banner-tool.icon{width:34px;padding:0;font-size:15px}
.sike-music-banner-tool:hover{background:rgba(20,23,27,.86)}
.sike-music-banner-collapsed-copy{display:none;position:relative;z-index:4;width:100%;align-items:center;justify-content:space-between}
.sike-music-banner-collapsed-copy span{display:block;color:#ff7a4a;font-size:6px;letter-spacing:.14em;font-weight:900}
.sike-music-banner-collapsed-copy b{display:block;color:#fff;font-size:15px;margin-top:2px}
.sike-music-banner-collapsed-copy button{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,15,.64);color:#fff;padding:0 12px;font-size:7px;font-weight:850}

.sike-music-featured.is-collapsed{
  min-height:64px!important;
  height:64px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.sike-music-featured.is-collapsed .sike-music-featured-copy,
.sike-music-featured.is-collapsed .sike-music-eq-art{display:none!important}
.sike-music-featured.is-collapsed .sike-music-banner-collapsed-copy{display:flex}
.sike-music-featured.is-collapsed .sike-music-banner-toolbar .sike-music-banner-tool:not(.icon){display:none}
.sike-music-featured.is-collapsed .sike-music-banner-shade{background:rgba(7,8,10,.48)}

.sike-music-banner-editor{
  margin:-10px 0 20px;
  padding:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  background:#111419;
  border:1px solid transparent;
  transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin .28s ease;
}
.sike-music-banner-editor[hidden]{display:none!important}
.sike-music-banner-editor.open{
  max-height:620px;
  opacity:1;
  padding:17px;
  margin:-8px 0 20px;
  border-color:#292f36;
}
.sike-music-banner-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sike-music-banner-editor-head span{font-size:6px;letter-spacing:.15em;color:#ff7446;font-weight:900}
.sike-music-banner-editor-head h4{margin:4px 0 0;color:#fff;font-size:18px}
.sike-music-banner-editor-head>button{width:34px;height:34px;border-radius:11px;border:1px solid #30363d;background:#0b0e12;color:#fff;font-size:18px}
.sike-music-banner-editor-grid{display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:10px;margin-top:14px}
.sike-banner-upload{
  min-height:112px;border:1px dashed #3a4048;border-radius:14px;background:#0b0e12;
  display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer
}
.sike-banner-upload input{display:none}
.sike-banner-upload .upload-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6d39,#e93632);color:#fff;font-size:20px}
.sike-banner-upload b{display:block;color:#fff;font-size:9px}.sike-banner-upload small{display:block;color:#707985;font-size:7px;margin-top:4px}
.sike-banner-fields{display:grid;gap:8px}
.sike-banner-fields label,.sike-banner-look label{display:block}
.sike-banner-fields small,.sike-banner-look small{display:block;color:#6d7580;font-size:6px;letter-spacing:.1em;font-weight:900;margin-bottom:5px}
.sike-banner-fields input,.sike-banner-look select{
  width:100%;height:39px;box-sizing:border-box;border-radius:10px;border:1px solid #2a3037;background:#0b0e12;color:#fff;padding:0 10px;font-size:8px;outline:0
}
.sike-banner-look{display:grid;align-content:start;gap:12px}
.sike-banner-look input[type=range]{width:100%;accent-color:#ff6039}
.sike-music-banner-editor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.sike-music-banner-editor-actions button{height:38px;border-radius:10px;padding:0 13px;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-banner-editor-actions .secondary{background:#0c0f13;color:#a1a7af;border:1px solid #2a3037}
.sike-music-banner-editor-actions .primary{background:linear-gradient(135deg,#ff6938,#e63632);color:#fff;border:0}

/* Mobile banner/editor */
@media(max-width:720px){
  .sike-music-banner-toolbar{top:8px;right:8px}
  .sike-music-banner-tool{min-height:30px;padding:0 9px}
  .sike-music-banner-tool span{display:none}
  .sike-music-banner-tool.icon{width:30px}
  .sike-music-featured.is-collapsed{
    min-height:58px!important;height:58px!important;padding:9px 11px!important
  }
  .sike-music-banner-collapsed-copy b{font-size:12px}
  .sike-music-banner-collapsed-copy button{height:30px;padding:0 9px}
  .sike-music-banner-collapsed-copy button span{display:none}

  .sike-music-banner-editor.open{
    max-height:1000px;
    padding:13px;
    margin:-6px 0 14px;
    border-radius:0 0 15px 15px
  }
  .sike-music-banner-editor-grid{grid-template-columns:1fr;gap:9px}
  .sike-banner-upload{min-height:76px}
  .sike-banner-fields{gap:7px}
  .sike-banner-look{grid-template-columns:1fr 1fr;gap:9px}
  .sike-music-banner-editor-actions{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:390px){
  .sike-music-banner-editor-head h4{font-size:16px}
  .sike-banner-look{grid-template-columns:1fr}
}


/* ===================================================================
   SIKE V27 — SIGNED-IN USER IN SHARED TOP NAV
   =================================================================== */

.site-header .header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.site-user-pill{
  min-width:0;
  height:48px;
  max-width:230px;
  padding:5px 10px 5px 5px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:15px;
  background:#111419;
  border:1px solid #292e35;
  color:#fff;
  text-decoration:none;
  box-sizing:border-box;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}
.site-user-pill:hover{
  transform:translateY(-1px);
  background:#171a1f;
  border-color:#3a4048;
}
.site-user-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#ff6d39,#e63632);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(231,56,48,.18);
}
.site-user-copy{
  min-width:0;
  display:block;
  line-height:1.05;
}
.site-user-copy strong{
  display:block;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.site-user-copy small{
  display:block;
  margin-top:4px;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#737b85;
  font-size:6.5px;
  font-weight:700;
}
.site-user-chevron{
  margin-left:auto;
  color:#626a74;
  font-size:9px;
  font-style:normal;
}

/* Slight provider identity without disturbing SIKE styling. */
.site-user-pill.provider-facebook .site-user-avatar{background:linear-gradient(145deg,#2476f2,#1555ba)}
.site-user-pill.provider-google .site-user-avatar{background:linear-gradient(145deg,#f4f4f4,#d9d9d9);color:#222}
.site-user-pill.provider-apple .site-user-avatar{background:linear-gradient(145deg,#292b2e,#050607)}
.site-user-pill.provider-spotify .site-user-avatar{background:linear-gradient(145deg,#1ed760,#12933f);color:#07110a}
.site-user-pill.provider-microsoft .site-user-avatar{background:linear-gradient(145deg,#f05a28,#d83a21)}

/* SIKE MUSIC header now has a proper visual balance on large screens. */
body.sike-music-fullscreen-active .site-header .header-actions{
  margin-left:auto!important;
}
body.sike-music-fullscreen-active .site-user-pill{
  display:flex!important;
}

/* In the internal music topbar, the S account dot becomes a compact shortcut. */
.sike-music-account-dot{
  display:grid;
  place-items:center;
  text-decoration:none;
}

/* Laptop widths: keep name, hide provider label first. */
@media(max-width:1260px) and (min-width:721px){
  .site-user-pill{
    max-width:165px;
    padding-right:8px;
  }
  .site-user-copy strong{max-width:92px}
  .site-user-copy small{display:none}
  .site-user-chevron{display:none}
}

/* Mobile: avatar stays in nav, name moves into menu-friendly compact mode. */
@media(max-width:720px){
  .site-header .header-actions{
    gap:6px!important;
  }
  .site-user-pill{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
    justify-content:center!important;
  }
  .site-user-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  .site-user-copy,
  .site-user-chevron{
    display:none!important;
  }

  /* Avoid too many right-side buttons: search is already available in menu. */
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
}

/* Very small phones: retain user + cart + menu without overflow. */
@media(max-width:390px){
  .site-user-pill{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .site-user-avatar{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
}


/* ===================================================================
   SIKE APP V28 — PERSISTENT MUSIC / ACTIVE SPEAKER / MINIMIZABLE PLAYER
   =================================================================== */

/* Keep the YouTube iframe alive when returning to Dashboard.
   It is moved offscreen instead of display:none while a track exists. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-music-view:not(.active){
  display:block!important;
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:2px!important;
  height:2px!important;
  min-width:2px!important;
  min-height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Dashboard speaker is visibly active while music plays. */
.device-playing-music .sike-ios-hero-card{
  border-color:rgba(255,101,56,.18)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,101,56,.045),
    inset 0 0 80px rgba(255,82,42,.025)!important;
}
.device-playing-music .sike-builder-live-stage:after{
  content:"";
  position:absolute;
  inset:auto 12% 2% 12%;
  height:22%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,92,44,.15),transparent 68%);
  filter:blur(12px);
  animation:sikeActiveSpeakerGlow 1.9s ease-in-out infinite alternate;
}
@keyframes sikeActiveSpeakerGlow{
  from{opacity:.45;transform:scale(.92)}
  to{opacity:1;transform:scale(1.08)}
}

.sike-dashboard-now-playing{
  min-height:66px;
  margin:8px 0 10px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,98,52,.09),transparent 42%),
    #0d1014;
  border:1px solid rgba(255,102,55,.18);
}
.sike-dashboard-now-playing[hidden]{display:none!important}
.sike-dashboard-now-cover{
  width:50px;height:50px;border-radius:11px;overflow:hidden;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6639,#682134);
  color:#fff;font-size:18px
}
.sike-dashboard-now-cover img{width:100%;height:100%;object-fit:cover}
.sike-dashboard-now-copy{min-width:0}
.sike-dashboard-now-copy small{
  display:flex;align-items:center;gap:6px;color:#ff794c;
  font-size:6px;letter-spacing:.12em;font-weight:900
}
.sike-dashboard-now-copy small i{
  width:7px;height:7px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 5px rgba(43,209,121,.08)
}
.sike-dashboard-now-copy strong{
  display:block;margin-top:4px;color:#fff;font-size:10px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-copy>span{
  display:block;margin-top:3px;color:#727b85;font-size:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-bars{height:30px;display:flex;align-items:center;gap:3px}
.sike-dashboard-now-bars i{
  width:3px;border-radius:5px;background:#ff6840;
  animation:sikeDashboardBars .8s ease-in-out infinite alternate
}
.sike-dashboard-now-bars i:nth-child(1){height:28%;animation-delay:.05s}
.sike-dashboard-now-bars i:nth-child(2){height:75%;animation-delay:.18s}
.sike-dashboard-now-bars i:nth-child(3){height:48%;animation-delay:.28s}
.sike-dashboard-now-bars i:nth-child(4){height:88%;animation-delay:.4s}
@keyframes sikeDashboardBars{to{transform:scaleY(.38);opacity:.55}}
.sike-dashboard-now-playing>button{
  height:34px;padding:0 12px;border-radius:10px;
  border:1px solid #2e343b;background:#15181d;color:#fff;
  font-size:7px;font-weight:900;cursor:pointer
}

/* Persistent global player */
.sike-global-music-player{
  position:fixed;
  z-index:18000;
  left:18px;
  right:18px;
  bottom:16px;
  min-height:68px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto minmax(180px,.6fr);
  gap:16px;
  align-items:center;
  border-radius:18px;
  background:rgba(7,9,12,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  transition:
    transform .26s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease,
    width .25s ease,
    left .25s ease,
    right .25s ease;
}
.sike-global-music-player[hidden]{display:none!important}
.sike-music-fullscreen-active .sike-global-music-player{display:none!important}

.sike-global-player-track{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
  align-items:center;
  cursor:pointer
}
.sike-global-player-cover{
  width:50px;height:50px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(145deg,#ff6938,#3a1721);
  color:#fff;font-size:18px
}
.sike-global-player-cover img{width:100%;height:100%;object-fit:cover}
.sike-global-player-copy{min-width:0}
.sike-global-player-copy small{display:block;color:#ff7346;font-size:6px;letter-spacing:.13em;font-weight:900}
.sike-global-player-copy strong{
  display:block;color:#fff;font-size:9px;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-global-player-copy span{
  display:block;color:#737b85;font-size:7px;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.sike-global-player-controls{
  display:flex;align-items:center;justify-content:center;gap:12px
}
.sike-global-player-controls button{
  width:34px;height:34px;border-radius:50%;
  border:0;background:transparent;color:#949ba4;font-size:12px;cursor:pointer
}
.sike-global-player-controls .main{
  width:44px;height:44px;background:#fff;color:#111;font-size:13px
}

.sike-global-player-output{
  justify-self:end;display:flex;align-items:center;gap:10px
}
.sike-global-player-output>span{
  display:flex;align-items:center;gap:7px;
  color:#838b94;font-size:7px
}
.sike-global-player-output i{
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-player-output b{color:#fff;font-size:7px}
.sike-global-player-output>button{
  width:34px;height:34px;border-radius:11px;
  border:1px solid #2b3138;background:#111419;color:#fff;font-size:15px;cursor:pointer
}

.sike-global-player-mini{
  display:none;
}

/* Minimized state: compact floating music capsule. */
.sike-global-music-player.is-minimized{
  left:auto;
  right:18px;
  width:58px;
  min-height:58px;
  height:58px;
  padding:0;
  border-radius:19px;
  grid-template-columns:1fr;
  overflow:hidden
}
.sike-global-music-player.is-minimized>.sike-global-player-track,
.sike-global-music-player.is-minimized>.sike-global-player-controls,
.sike-global-music-player.is-minimized>.sike-global-player-output{
  display:none!important
}
.sike-global-music-player.is-minimized .sike-global-player-mini{
  width:100%;height:100%;padding:0;border:0;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6638,#d92f35);
  color:#fff;cursor:pointer;position:relative
}
.sike-global-player-mini span{font-size:20px}
.sike-global-player-mini i{
  position:absolute;right:8px;top:8px;
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-music-player.is-paused .sike-global-player-mini i{
  background:#8a919a
}

/* Reserve bottom space so player never covers dashboard content. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:100px!important
}

/* Mobile global player */
@media(max-width:720px){
  .sike-dashboard-now-playing{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:58px;padding:7px;border-radius:14px
  }
  .sike-dashboard-now-cover{width:44px;height:44px}
  .sike-dashboard-now-bars{display:none}
  .sike-dashboard-now-playing>button{
    width:34px;padding:0;font-size:0
  }
  .sike-dashboard-now-playing>button:after{
    content:"♫";font-size:13px
  }

  .sike-global-music-player{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    min-height:62px;
    padding:6px 8px;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
    border-radius:18px
  }
  .sike-global-player-track{
    grid-template-columns:44px minmax(0,1fr);gap:8px
  }
  .sike-global-player-cover{width:44px;height:44px}
  .sike-global-player-controls button:not(.main){display:none}
  .sike-global-player-controls{gap:0}
  .sike-global-player-controls .main{width:40px;height:40px}
  .sike-global-player-output{
    position:absolute;right:8px;top:-39px
  }
  .sike-global-player-output>span{display:none}
  .sike-global-player-output>button{
    width:32px;height:32px;border-radius:11px;
    background:rgba(13,16,20,.92)
  }
  .sike-global-music-player.is-minimized{
    right:8px;
    left:auto;
    width:54px;
    height:54px;
    min-height:54px;
    bottom:calc(8px + env(safe-area-inset-bottom))
  }
  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:92px!important
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-dashboard-now-bars i,
  .device-playing-music .sike-builder-live-stage:after{
    animation:none!important
  }
}


/* ===================================================================
   SIKE APP V29 — DASHBOARD LAYOUT RECOVERY
   Fixes V28 hero-grid break caused by Now Playing being inserted as
   a fourth direct grid child.
   =================================================================== */

/* Restore the original, stable 3-row hero layout exactly. */
.sike-ios-hero-card{
  grid-template-rows:auto minmax(300px,1fr) auto!important;
}

/* 3D model stage remains the flexible middle row. */
.sike-builder-live-stage{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Now Playing is now a floating glass card OVER the 3D viewport. */
.sike-builder-live-stage .sike-dashboard-now-playing{
  position:absolute!important;
  z-index:24!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;

  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto auto!important;
  gap:9px!important;
  align-items:center!important;

  border-radius:15px!important;
  background:rgba(8,11,15,.88)!important;
  border:1px solid rgba(255,111,61,.20)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.035)!important;

  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing[hidden]{
  display:none!important;
}

.sike-builder-live-stage .sike-dashboard-now-cover{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy strong{
  max-width:100%!important;
  font-size:9px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy>span{
  font-size:6.5px!important;
}
.sike-builder-live-stage .sike-dashboard-now-bars{
  height:26px!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing>button{
  height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}

/* Move builder drag hint slightly up when music is active, so elements
   never overlap each other. */
.device-playing-music .sike-ios-drag-hint{
  bottom:82px!important;
}

/* Live-model badge always stays above model but clear of playback card. */
.sike-builder-live-badge{
  z-index:25!important;
}

/* Don't let the glow pseudo-element obscure player controls. */
.device-playing-music .sike-builder-live-stage:after{
  z-index:2!important;
}
.sike-builder-live-frame{
  position:relative!important;
  z-index:3!important;
}

/* Cleaner persistent player: less tall and less dominant than V28. */
.sike-global-music-player{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:60px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,.45fr)!important;
  gap:12px!important;
}
.sike-global-player-cover{
  width:46px!important;
  height:46px!important;
}
.sike-global-player-track{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.sike-global-player-controls .main{
  width:40px!important;
  height:40px!important;
}
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:86px!important;
}

/* Make sure the dashboard itself remains a balanced two-column desktop grid. */
@media(min-width:1101px){
  .sike-ios-view[data-view="home"].active{
    align-items:start!important;
  }
  .sike-ios-hero-card{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:auto minmax(360px,1fr) auto!important;
  }
}

/* Phone: compact floating player inside model, no layout growth. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-builder-live-stage{
    position:relative!important;
    height:300px!important;
    min-height:300px!important;
  }

  .sike-builder-live-stage .sike-dashboard-now-playing{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:50px!important;
    padding:5px 6px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-cover{
    width:40px!important;
    height:40px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-bars{
    display:none!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    font-size:0!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button:after{
    content:"♫"!important;
    font-size:12px!important;
  }
  .device-playing-music .sike-ios-drag-hint{
    display:none!important;
  }

  .sike-global-music-player{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;
    padding:5px 7px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:6px!important;
    border-radius:17px!important;
  }
  .sike-global-player-cover{
    width:42px!important;
    height:42px!important;
  }
  .sike-global-player-track{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .sike-global-player-controls .main{
    width:38px!important;
    height:38px!important;
  }
  .sike-global-player-output{
    right:6px!important;
    top:-36px!important;
  }

  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:82px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .sike-builder-live-stage{
    height:275px!important;
    min-height:275px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy small{
    font-size:5.5px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy strong{
    font-size:8px!important;
  }
}


/* ===================================================================
   SIKE V30 — AUDIO REACTIVE 3D SPEAKER
   Visual prototype: drivers/cones react to playback volume + sound mode.
   =================================================================== */

.lab-cabinet{
  --audio-level:.65;
  --audio-high-level:.45;
  --audio-speed:.62s;
}

/* Actual speaker driver assemblies pulse along their own Z-axis visually. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  transform-origin:50% 50%;
  animation:sikeWooferExcursion var(--audio-speed) cubic-bezier(.3,.02,.35,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  transform-origin:50% 50%;
  animation:sikeConeExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  transform-origin:50% 50%;
  animation:sikeCapExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  transform-origin:50% 50%;
  animation:sikeHighDriverExcursion calc(var(--audio-speed) * .72) ease-in-out infinite alternate;
}

@keyframes sikeWooferExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .018)));
    filter:brightness(.88);
  }
  47%{
    transform:scale(1);
    filter:brightness(1);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .055)));
    filter:brightness(calc(1 + (var(--audio-level) * .10)));
  }
}
@keyframes sikeConeExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .035)));
    box-shadow:inset 0 0 calc(7px + 12px * var(--audio-level)) rgba(0,0,0,.95);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .072)));
    box-shadow:inset 0 0 calc(4px + 5px * var(--audio-level)) rgba(0,0,0,.70);
  }
}
@keyframes sikeCapExcursion{
  0%{transform:scale(calc(1 - (var(--audio-level) * .022)))}
  100%{transform:scale(calc(1 + (var(--audio-level) * .085)))}
}
@keyframes sikeHighDriverExcursion{
  0%{transform:scale(calc(1 - (var(--audio-high-level) * .014)))}
  100%{transform:scale(calc(1 + (var(--audio-high-level) * .032)))}
}

/* Make bass pressure visible even through the protective grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 29%,rgba(255,255,255,calc(.015 + var(--audio-high-level) * .028)) 0 8%,transparent 20%),
    radial-gradient(circle at 50% 67%,rgba(255,92,45,calc(.02 + var(--audio-level) * .065)) 0 10%,transparent 30%);
  mix-blend-mode:screen;
  animation:sikeGrillePressure var(--audio-speed) ease-in-out infinite alternate;
}
@keyframes sikeGrillePressure{
  0%{opacity:.35;transform:scale(.992)}
  100%{opacity:1;transform:scale(calc(1 + var(--audio-level) * .004))}
}

/* Tiny cabinet pressure movement. Kept intentionally subtle. */
.lab-cabinet.sike-audio-playing .grille-mesh{
  animation:sikeGrilleMeshVibe calc(var(--audio-speed) * .5) linear infinite alternate;
}
@keyframes sikeGrilleMeshVibe{
  from{background-position:0 0;filter:brightness(.98)}
  to{background-position:0 .35px;filter:brightness(calc(1 + var(--audio-level) * .035))}
}

/* Profiles visibly change driver behavior. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-cone{
  animation-timing-function:cubic-bezier(.18,.02,.27,1);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"] .lab-grille:after{
  opacity:.32;
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"] .lab-grille:after{
  filter:saturate(1.12);
}

/* Dashboard model-stage glow now follows actual audio playback. */
.device-playing-music .sike-builder-live-stage{
  --speaker-active-glow:rgba(255,86,40,.13);
}
.device-playing-music .sike-builder-live-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12% 19% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--speaker-active-glow),transparent 69%);
  filter:blur(24px);
  animation:sikeStageBeat .72s ease-in-out infinite alternate;
}
@keyframes sikeStageBeat{
  from{opacity:.3;transform:scale(.96)}
  to{opacity:.9;transform:scale(1.04)}
}

/* Muted / stopped speaker instantly settles. */
.lab-cabinet:not(.sike-audio-playing) .driver-frame,
.lab-cabinet:not(.sike-audio-playing) .driver-cone,
.lab-cabinet:not(.sike-audio-playing) .driver-cap,
.lab-cabinet:not(.sike-audio-playing) .grille-mesh{
  animation:none!important;
  transform:none;
}

/* Keep animation lighter on phones, but still clearly visible. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing{
    --audio-speed:max(.34s,var(--audio-speed));
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lab-cabinet.sike-audio-playing .driver-frame,
  .lab-cabinet.sike-audio-playing .driver-cone,
  .lab-cabinet.sike-audio-playing .driver-cap,
  .lab-cabinet.sike-audio-playing .grille-mesh,
  .lab-cabinet.sike-audio-playing .lab-grille:after,
  .device-playing-music .sike-builder-live-stage:before{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V31 — FULL 3D PRODUCT + INTERACTIVE CONTROL PANEL
   =================================================================== */

/* Always show the entire 3D speaker in the Sike App live model viewport. */
.sike-builder-live-stage{
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  overflow:hidden!important;
}
.sike-builder-live-frame.sike-builder-full-product{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  transform:none!important;
}

/* Give the embedded Builder enough breathing room to fit the full cabinet. */
.sike-builder-live-stage iframe{
  object-fit:contain!important;
}

/* Control knob interaction feedback */
.lab-control-knob,
.control-knob,
.volume-knob,
.knob-core,
.lab-knob,
[data-volume-knob]{
  transform-origin:50% 50%!important;
  transition:transform .08s linear,filter .16s ease!important;
}
.lab-control-knob:hover,
.control-knob:hover,
.volume-knob:hover,
.knob-core:hover,
.lab-knob:hover,
[data-volume-knob]:hover{
  filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,164,255,.16))!important;
}

/* Powered control panel gets a subtle live-state glow */
.lab-cabinet.sike-panel-powered .lab-control-panel,
.lab-cabinet.sike-panel-powered .control-panel{
  filter:brightness(1.03)!important;
}

/* Mobile: full product still fits without giant empty areas */
@media(max-width:720px){
  .sike-builder-live-stage{
    min-height:390px!important;
    height:56vh!important;
    max-height:560px!important;
  }
  .sike-builder-live-frame.sike-builder-full-product{
    min-height:100%!important;
  }
}

@media(max-width:430px){
  .sike-builder-live-stage{
    min-height:350px!important;
    height:52vh!important;
    max-height:500px!important;
  }
}


/* ===================================================================
   SIKE V32 — CONTROL PANEL FULL VOLUME SYNC + MUSIC LED REACTION
   =================================================================== */

/* The real circular control panel is the master physical volume interface. */
.reference-control-panel .volume-ring,
.rgb-control-panel .volume-ring,
[data-volume-ring]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
.reference-control-panel .volume-ring:active,
.rgb-control-panel .volume-ring:active,
[data-volume-ring]:active{
  cursor:grabbing!important;
}

/* Powered panel has subtle instrument illumination. */
[data-volume-ring].is-panel-powered{
  filter:
    brightness(1.04)
    drop-shadow(0 0 5px rgba(66,151,255,.10))!important;
}
[data-volume-ring]:not(.is-panel-powered){
  filter:saturate(.45) brightness(.72)!important;
}

/* Existing LEDs remain a true volume meter:
   active count is generated by JS from 0–100%. */
[data-volume-ring] .knob-led{
  transition:
    opacity .12s ease,
    filter .12s ease,
    fill .12s ease!important;
}

/* While SIKE MUSIC is actually playing, ONLY the illuminated volume LEDs
   breathe/chase subtly. The amount of lit LEDs still matches the real volume. */
[data-volume-ring].is-music-playing .knob-led.is-active{
  animation:sikeControlLedBeat var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
  transform-origin:center!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+1){
  animation-delay:-.13s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+2){
  animation-delay:-.27s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n){
  animation-delay:-.39s!important;
}

@keyframes sikeControlLedBeat{
  0%{
    opacity:.52;
    filter:
      brightness(.90)
      drop-shadow(0 0 1px var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(.88);
  }
  100%{
    opacity:1;
    filter:
      brightness(calc(1.12 + var(--music-level,.7) * .32))
      drop-shadow(0 0 calc(2px + var(--music-level,.7) * 4px) var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(calc(1 + var(--music-level,.7) * .16));
  }
}

/* Small pulse in the metal ring itself so the panel clearly looks live. */
[data-volume-ring].is-music-playing:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(102,176,255,.22)!important;
  box-shadow:
    inset 0 0 9px rgba(64,143,255,.10),
    0 0 8px rgba(64,143,255,.08)!important;
  animation:sikeControlRingLive var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
}
@keyframes sikeControlRingLive{
  from{opacity:.28;transform:scale(.985)}
  to{opacity:.85;transform:scale(1.015)}
}

/* Paused track: keep only a tiny status glow, no beat animation. */
[data-volume-ring].is-music-paused .knob-led.is-active{
  animation:none!important;
  opacity:.42!important;
}
[data-volume-ring].is-music-paused:after{
  animation:none!important;
  opacity:.16!important;
}

/* Volume zero means no active LEDs and therefore no fake beat. */
[data-volume-ring][aria-valuenow="0"].is-music-playing:after{
  opacity:.12!important;
  animation:none!important;
}

/* Mobile/touch: slightly larger hit area without changing visible design. */
@media(max-width:720px){
  [data-volume-ring]:before{
    cursor:grab!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  [data-volume-ring].is-music-playing .knob-led.is-active,
  [data-volume-ring].is-music-playing:after{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V33 — SMOOTH 3D / LOW-JITTER INTERACTION
   =================================================================== */

/* Keep the complete 3D cabinet on its own compositor layer. */
.lab-scene,
.lab-cabinet,
.lab-cabinet *,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.lab-cabinet{
  will-change:transform;
  transform-style:preserve-3d;
  contain:layout style;
}

/* Individual moving pieces should be composited instead of repainted. */
.lab-cabinet .lab-part,
.lab-cabinet .battery-part,
.lab-cabinet .handle-part,
.lab-cabinet .control-part,
.lab-cabinet .lab-driver-low,
.lab-cabinet .lab-driver-high{
  will-change:transform;
}

/* During manual rotation, remove repaint-heavy visual filters/shadows.
   They come back immediately when the pointer is released. */
body.sike-3d-dragging .lab-cabinet,
body.sike-3d-dragging .lab-cabinet *{
  transition:none!important;
}

body.sike-3d-dragging .lab-cabinet.sike-audio-playing .lab-grille:after,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .grille-mesh{
  animation-play-state:paused!important;
}

body.sike-3d-dragging .lab-cabinet{
  filter:none!important;
}

body.sike-3d-dragging .lab-scene{
  cursor:grabbing!important;
}

/* Smoother touch/phone handling. */
.lab-scene,
.sike-builder-live-stage{
  touch-action:none;
  overscroll-behavior:contain;
}

/* Avoid accidental text selection while rotating. */
.lab-scene,
.lab-scene *{
  user-select:none;
  -webkit-user-select:none;
}

/* GPU-friendly control panel LEDs. */
[data-volume-ring],
[data-volume-ring] .knob-led{
  will-change:transform,opacity;
}

/* On lower-powered mobile devices, keep bass animation visible but lighter. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .device-playing-music .sike-builder-live-stage:before{
    filter:blur(14px)!important;
  }
}

/* Very small devices: reduce expensive visual effects further. */
@media(max-width:430px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    opacity:.45!important;
  }
  [data-volume-ring].is-music-playing .knob-led.is-active{
    filter:none!important;
  }
}


/* SIKE V33 ZOOM FIX — mouse wheel + trackpad + touch pinch */
[data-product-lab] .lab-scene,
.product-lab .lab-scene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
[data-product-lab] .lab-scene:hover,
.product-lab .lab-scene:hover{
  cursor:grab;
}
[data-product-lab] .lab-scene.dragging,
.product-lab .lab-scene.dragging{
  cursor:grabbing!important;
}


/* ===================================================================
   SIKE V36 — PRODUCT CENTERING + SMOOTHER 3D INTERACTION
   =================================================================== */

/* Keep the whole model centered vertically instead of sitting at the bottom. */
.lab-speaker{
  top:50%!important;
  left:50%!important;
  transform:
    translate(-50%, calc(-50% + var(--scene-y,-7%)))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))
    scale(var(--scene-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Make the stage feel balanced and keep the model visually centered. */
.sike-builder-live-stage{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Remove expensive effects while the user is actively rotating/zooming. */
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *,
body.sike-model-interacting .lab-scene{
  transition:none!important;
}
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .grille-mesh,
body.sike-model-interacting [data-volume-ring].is-music-playing .knob-led{
  animation-play-state:paused!important;
}

/* Smooth compositor path for the model itself. */
.lab-speaker,
.lab-cabinet{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lab-speaker{
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}

/* Desktop: slightly more centered and not too low. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 5%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}

/* Tablet/mobile keep the entire product visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 2%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}


/* ===================================================================
   SIKE V37 — TRUE CENTER + ZERO-LAG TRANSFORM FIX
   =================================================================== */

/*
  The .lab-scene already centers .lab-speaker with CSS Grid.
  Do NOT add left:50% / top:50% to the relatively positioned speaker.
  That double-centers it and pushes the product to the right.
*/
.lab-speaker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;

  /* only vertical lift; horizontal centering comes from lab-scene grid */
  transform:
    translate3d(0,var(--scene-y,-5%),0)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))!important;

  transform-origin:50% 50% 0!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;

  /*
    JS already interpolates rotation/zoom with requestAnimationFrame.
    A CSS .45s transform transition on every RAF frame creates the
    sluggish/jittery "rubber band" feeling. Disable transform transition.
  */
  transition:
    width .24s ease,
    height .24s ease!important;

  will-change:transform!important;
}

/* Keep the scene itself responsible for exact centering. */
.lab-scene{
  display:grid!important;
  place-items:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Desktop: slightly raise product, NEVER shift it horizontally. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate3d(0,-5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:761px){
  .lab-speaker{
    transform:
      translate3d(0,-3%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Mobile: keep whole product centered and visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate3d(0,-1.5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* The app's iframe must remain centered in its own viewport. */
.sike-builder-live-stage{
  position:relative!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  margin:0!important;
  transform:none!important;
}

/* During interaction keep animation/render work light. */
.lab-scene.dragging .lab-speaker,
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}

/* Prevent text/layout paint from interfering with pointer movement. */
.lab-scene{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
}


/* ===================================================================
   SIKE V38 — STRONGER ALWAYS-VISIBLE PLAYBACK MOTION
   =================================================================== */

/*
  Visual playback movement no longer becomes almost invisible at low volume.
  The JS supplies a minimum --audio-level while music is actively playing.
*/

.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  animation:sikeWooferV38 var(--audio-speed,.48s) cubic-bezier(.24,.02,.30,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  animation:sikeConeV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  animation:sikeDustCapV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  animation:sikeHighV38 calc(var(--audio-speed,.48s) * .72) ease-in-out infinite alternate!important;
}

@keyframes sikeWooferV38{
  0%{
    transform:
      translateZ(calc(-2px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .050)));
    filter:brightness(.80);
  }
  100%{
    transform:
      translateZ(calc(5px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .125)));
    filter:brightness(calc(1 + (var(--audio-level,.7) * .15)));
  }
}

@keyframes sikeConeV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .075)));
    filter:brightness(.74) contrast(1.06);
  }
  100%{
    transform:
      translateZ(calc(8px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .175)));
    filter:brightness(calc(1.04 + (var(--audio-level,.7) * .19))) contrast(1.10);
  }
}

@keyframes sikeDustCapV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .060)));
  }
  100%{
    transform:
      translateZ(calc(10px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .215)));
  }
}

@keyframes sikeHighV38{
  0%{
    transform:translateZ(-1px) scale(calc(1 - (var(--audio-high-level,.5) * .025)));
  }
  100%{
    transform:translateZ(3px) scale(calc(1 + (var(--audio-high-level,.5) * .070)));
  }
}

/* More obvious pressure behind the front grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  background:
    radial-gradient(circle at 50% 28%,
      rgba(255,255,255,calc(.020 + var(--audio-high-level,.5) * .060)) 0 9%,
      transparent 23%),
    radial-gradient(circle at 50% 67%,
      rgba(255,84,36,calc(.040 + var(--audio-level,.7) * .145)) 0 13%,
      transparent 36%)!important;
  animation:sikeGrillePulseV38 calc(var(--audio-speed,.48s) * .95) ease-in-out infinite alternate!important;
}

@keyframes sikeGrillePulseV38{
  from{opacity:.42;transform:scale(.992)}
  to{opacity:1;transform:scale(calc(1 + var(--audio-level,.7) * .007))}
}

/* Stronger distinction between modes while still moving at low volume. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"]{
  --audio-level:calc(var(--audio-level) * 1.18);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"]{
  --audio-level:calc(var(--audio-level) * 1.08);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"]{
  --audio-level:calc(var(--audio-level) * .78);
}

/*
  Preserve smooth model interaction: pause reactive animation while the user
  is actively rotating/zooming, then resume immediately afterwards.
*/
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-grille:after{
  animation-play-state:paused!important;
}

/* Mobile: strong enough to see, but avoid extra expensive filters. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
    filter:none!important;
  }
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    mix-blend-mode:normal!important;
    filter:none!important;
  }
}


/* ===================================================================
   SIKE V38 MOBILE CONTROL PANEL SYNC FIX
   =================================================================== */

[data-volume-ring]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  overscroll-behavior:contain!important;
}

/* On phone the physical ring keeps the same visual size, but gets a larger
   invisible touch target so the control is actually usable with a thumb. */
@media(max-width:760px){
  [data-volume-ring]{
    position:relative!important;
    cursor:ns-resize!important;
  }
  [data-volume-ring]::before{
    content:"";
    position:absolute;
    inset:-18px!important;
    border-radius:50%;
    background:transparent;
    pointer-events:auto;
  }
  [data-volume-ring].is-touch-adjusting{
    filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,159,255,.20))!important;
  }
  [data-volume-ring].is-touch-adjusting .knob-led.is-active{
    opacity:1!important;
  }
}

/* Prevent the parent 3D scene from rotating while the user is adjusting volume. */
[data-volume-ring],
[data-volume-ring] *{
  touch-action:none!important;
}


/* ===================================================================
   SIKE V41 — CLEAN APP ENTRY / ACCOUNT LANDING
   Rebuilds app.php visually while preserving all auth/demo functionality.
   =================================================================== */

body:has(.sike-app-landing){
  background:#0a0b0d!important;
  color:#f7f5f1!important;
}
body:has(.sike-app-landing) .site-header{
  background:rgba(7,8,10,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.sike-v7-status-note{
  display:none!important;
}

.sike-app-landing{
  --app-orange:#ff6538;
  --app-red:#ef3535;
  --app-ink:#0d0f12;
  --app-panel:#12151a;
  --app-panel-2:#171a20;
  --app-line:rgba(255,255,255,.08);
  --app-muted:#8b929c;

  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:34px 28px 80px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,91,48,.15),transparent 26%),
    radial-gradient(circle at 90% 16%,rgba(217,36,49,.12),transparent 28%),
    #0a0b0d!important;
}

.sike-app-landing-hero{
  position:relative!important;
  width:min(1320px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #101216!important;
  box-shadow:0 26px 80px rgba(0,0,0,.32)!important;
}
.sike-app-landing-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,91,46,.13),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(216,38,50,.09),transparent 27%)!important;
}
.sike-app-landing-glow{
  display:none!important;
}

.sike-app-landing-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 12px 16px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:0 0 18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,101,56,.22)!important;
  border-radius:999px!important;
  background:rgba(255,101,56,.07)!important;
  color:#ff7b52!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d27b!important;
  box-shadow:0 0 0 5px rgba(52,210,123,.08)!important;
}

.sike-app-landing-copy h1{
  max-width:780px!important;
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(54px,6.1vw,94px)!important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-app-landing-copy h1 em{
  color:#ff6a3e!important;
  font-style:normal!important;
}
.sike-app-landing-copy p{
  max-width:720px!important;
  margin:24px 0 0!important;
  color:#9da3ac!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.sike-app-landing-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
}
.sike-app-landing-badges span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#15181d!important;
  color:#d6d9de!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}
.sike-app-mini-device-stack{
  margin-top:24px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.sike-app-mini-device-stack>div{
  width:86px!important;
  height:64px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:5px!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0c0e11!important;
  box-shadow:none!important;
}
.sike-app-mini-device-stack img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:8px!important;
}
.sike-app-mini-device-stack b{
  color:#c8ccd2!important;
  font-size:7px!important;
  line-height:1.05!important;
}

/* Right-side account/auth panel */
.sike-app-entry-panel{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(11,13,16,.94)!important;
  padding:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.sike-app-account-ready{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-ready-icon{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:linear-gradient(145deg,#37d37e,#1aac62)!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(37,202,111,.18)!important;
}
.sike-app-account-ready>span,
.sike-app-auth-head>span{
  color:#ff754a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-app-account-ready h2,
.sike-app-auth-head h2{
  margin:9px 0 0!important;
  color:#f6f5f2!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}
.sike-app-account-ready p,
.sike-app-auth-head p{
  margin:14px 0 0!important;
  color:#858d98!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.sike-app-account-row{
  margin-top:20px!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #272c33!important;
  border-radius:13px!important;
  background:#0d1014!important;
}
.sike-app-account-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#d4d8dd!important;
  font-size:9px!important;
}
.sike-app-account-row i{
  flex:0 0 auto!important;
  color:#35d27c!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.sike-app-ready-devices{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:10px 0 0!important;
}
.sike-app-ready-devices>span{
  min-width:0!important;
  height:72px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111419!important;
}
.sike-app-ready-devices img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#0a0c0f!important;
}
.sike-app-ready-devices b{
  min-width:0!important;
  color:#c7cbd1!important;
  font-size:7px!important;
  line-height:1.1!important;
}

.sike-app-continue-button,
.sike-app-auth-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff6b3b,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 30px rgba(237,52,56,.16)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-app-continue-button:hover,
.sike-app-auth-submit:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.sike-app-continue-button b,
.sike-app-auth-submit b{
  font-size:18px!important;
}
.sike-app-signout{
  margin:11px auto 0!important;
  color:#747b85!important;
  font-size:8px!important;
  text-decoration:none!important;
}

/* Logged-out auth cleaned up too */
.sike-app-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:20px 0 12px!important;
  padding:4px!important;
  border:1px solid #252a31!important;
  border-radius:13px!important;
  background:#090b0e!important;
}
.sike-app-auth-tabs button{
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#747c86!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-app-auth-tabs button.active{
  background:#171a1f!important;
  color:#fff!important;
}

.sike-social-login-block{
  margin-top:10px!important;
}
.sike-social-login-title{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.sike-social-login-title span{
  color:#7c838d!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.sike-social-login-title small{
  color:#5f6670!important;
  font-size:6px!important;
}
.sike-social-login-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-social-login{
  width:100%!important;
  min-height:42px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid #292e35!important;
  background:#111419!important;
  color:#e4e6e9!important;
  box-shadow:none!important;
}
.sike-social-login:hover{
  border-color:#3b424c!important;
  background:#171b20!important;
}
.sike-social-login i{
  font-size:13px!important;
}
.sike-social-login span{
  font-size:7px!important;
}
.sike-social-login b{
  font-size:5px!important;
}
.sike-social-divider{
  margin:12px 0!important;
}
.sike-social-divider:before{
  border-color:#242930!important;
}
.sike-social-divider span{
  background:#0b0d10!important;
  color:#616974!important;
  font-size:6px!important;
}

.sike-app-auth-form label>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#818894!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.sike-app-auth-form input[type=text],
.sike-app-auth-form input[type=email],
.sike-app-auth-form input[type=password]{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:1px solid #292f36!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.sike-app-auth-form input:focus{
  border-color:rgba(255,103,59,.65)!important;
  box-shadow:0 0 0 3px rgba(255,103,59,.08)!important;
}
.sike-app-consent{
  margin-top:10px!important;
}
.sike-app-security-note{
  border-color:#252a31!important;
  background:#0c0f13!important;
  border-radius:12px!important;
}

/* The supporting sections now match the actual app, instead of a bright landing page. */
.sike-app-steps-section,
.sike-app-preview-section{
  width:min(1320px,100%)!important;
  margin:24px auto 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#101216!important;
}
.sike-app-steps-section{
  padding:28px!important;
}
.sike-app-section-heading span,
.sike-app-preview-copy>span{
  color:#ff754a!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-section-heading h2,
.sike-app-preview-copy h2{
  margin-top:8px!important;
  color:#f4f3f0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.sike-app-section-heading p,
.sike-app-preview-copy p{
  color:#858d97!important;
}
.sike-app-step-grid{
  gap:10px!important;
  margin-top:22px!important;
}
.sike-app-step-card{
  border:1px solid #242930!important;
  border-radius:17px!important;
  background:#0c0f13!important;
  box-shadow:none!important;
}
.sike-app-step-card.active{
  border-color:rgba(255,101,56,.32)!important;
  background:linear-gradient(145deg,rgba(255,101,56,.07),#0c0f13 48%)!important;
}
.sike-app-step-card.done{
  border-color:rgba(49,207,120,.22)!important;
}
.sike-app-step-card h3{
  color:#eef0f2!important;
}
.sike-app-step-card p{
  color:#777f89!important;
}
.sike-app-step-number{
  color:#ff7146!important;
}

.sike-app-preview-section{
  padding:28px!important;
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
.sike-app-preview-ui{
  border:1px solid #272d34!important;
  border-radius:20px!important;
  background:#0b0e12!important;
  box-shadow:none!important;
}
.sike-app-preview-copy a,
.sike-app-preview-copy button{
  color:#ff754a!important;
}

/* ------------------------- PHONE ------------------------- */
@media(max-width:760px){
  .sike-app-landing{
    padding:12px 10px 86px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,95,48,.14),transparent 25%),
      #090a0c!important;
  }

  .sike-app-landing-hero{
    padding:14px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:20px!important;
  }

  .sike-app-landing-copy{
    padding:10px 4px 4px!important;
  }
  .sike-app-kicker{
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  .sike-app-landing-copy h1{
    max-width:360px!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .sike-app-landing-copy p{
    margin-top:16px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  .sike-app-landing-badges{
    margin-top:16px!important;
    gap:5px!important;
  }
  .sike-app-landing-badges span{
    padding:7px 9px!important;
    font-size:6.5px!important;
  }

  /* Old duplicate hero thumbnails are hidden on phone;
     the clean device strip inside account card remains. */
  .sike-app-mini-device-stack{
    display:none!important;
  }

  .sike-app-entry-panel{
    padding:17px!important;
    border-radius:18px!important;
  }
  .sike-app-ready-icon{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:22px!important;
    margin-bottom:15px!important;
  }
  .sike-app-account-ready h2,
  .sike-app-auth-head h2{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .sike-app-account-ready p,
  .sike-app-auth-head p{
    font-size:11px!important;
  }
  .sike-app-account-row{
    display:block!important;
    padding:10px!important;
  }
  .sike-app-account-row i{
    display:block!important;
    margin-top:5px!important;
  }

  .sike-app-ready-devices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sike-app-ready-devices>span{
    height:64px!important;
    padding:6px!important;
    display:block!important;
    text-align:center!important;
  }
  .sike-app-ready-devices img{
    width:38px!important;
    height:38px!important;
    margin:auto!important;
  }
  .sike-app-ready-devices b{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:5.5px!important;
  }

  .sike-social-login-grid{
    grid-template-columns:1fr!important;
  }
  .sike-social-login-title small{
    display:none!important;
  }

  .sike-app-steps-section,
  .sike-app-preview-section{
    margin-top:12px!important;
    border-radius:19px!important;
  }
  .sike-app-steps-section{
    padding:16px!important;
  }
  .sike-app-step-grid{
    grid-template-columns:1fr!important;
  }
  .sike-app-step-card{
    min-height:0!important;
    padding:16px!important;
  }
  .sike-app-preview-section{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  .sike-app-preview-ui{
    min-height:260px!important;
  }
}

@media(max-width:390px){
  .sike-app-landing-copy h1{
    font-size:42px!important;
  }
  .sike-app-landing-hero{
    padding:11px!important;
  }
  .sike-app-entry-panel{
    padding:14px!important;
  }
  .sike-app-ready-devices>span{
    height:60px!important;
  }
}

/* Keep chat from visually dominating this onboarding page. */
body:has(.sike-app-landing) .chat-launcher{
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}


/* ===================================================================
   SIKE V42 — ORANGE APP LANDING / COMPLETELY NEW LAYOUT
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:#ff6633!important;
}
.sike-app-landing-v42{
  min-height:calc(100vh - 120px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 24px 72px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,212,163,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(255,75,43,.24),transparent 28%),
    linear-gradient(135deg,#ff8430 0%,#ff572f 48%,#ed3036 100%)!important;
}

.sike-v42-shell{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(13,15,18,.94)!important;
  box-shadow:0 32px 90px rgba(94,18,9,.26)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sike-v42-topline{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 3px 14px!important;
}
.sike-v42-label,
.sike-v42-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-v42-label i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2fd17a!important;
  box-shadow:0 0 0 5px rgba(47,209,122,.08)!important;
}
.sike-v42-label span,
.sike-v42-status span{
  color:#808894!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.sike-v42-status b{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#ff6239!important;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}

.sike-v42-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)!important;
  gap:16px!important;
}
.sike-v42-intro{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
}
.sike-v42-copy,
.sike-v42-device-stage,
.sike-v42-feature-strip,
.sike-v42-account{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12151a!important;
  border-radius:22px!important;
}

.sike-v42-copy{
  min-height:330px!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,91,43,.13),transparent 31%),
    #12151a!important;
}
.sike-v42-kicker{
  color:#ff7145!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.sike-v42-copy h1{
  margin:12px 0 0!important;
  color:#f8f5f0!important;
  font-size:clamp(56px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-v42-copy h1 em{
  color:#ff673d!important;
  font-style:normal!important;
}
.sike-v42-copy p{
  max-width:700px!important;
  margin:22px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.sike-v42-device-stage{
  min-height:190px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:.8fr 1.2fr!important;
  gap:16px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(120deg,rgba(255,102,56,.08),transparent 52%),
    #0e1115!important;
}
.sike-v42-device-copy span{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-v42-device-copy strong{
  display:block!important;
  margin-top:8px!important;
  color:#f0f1f3!important;
  font-size:17px!important;
}
.sike-v42-device-copy small{
  display:block!important;
  margin-top:7px!important;
  color:#717984!important;
  font-size:9px!important;
}
.sike-v42-device-art{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
}
.sike-v42-device-card{
  min-width:0!important;
  height:126px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #262c33!important;
  border-radius:16px!important;
  background:#15181d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sike-v42-device-card img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.sike-v42-device-card span{
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
}

.sike-v42-feature-strip{
  min-height:86px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.sike-v42-feature-strip>span{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  border-radius:14px!important;
  background:#0d1014!important;
}
.sike-v42-feature-strip i{
  grid-row:1/3!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#ff6339!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.sike-v42-feature-strip b{
  color:#f1f2f3!important;
  font-size:8px!important;
}
.sike-v42-feature-strip small{
  color:#6e7680!important;
  font-size:6.5px!important;
}

.sike-v42-account{
  min-width:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,57,.02)!important;
}
.sike-v42-account-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.sike-v42-avatar{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff7140,#e93439)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:0 14px 36px rgba(237,53,56,.18)!important;
}
.sike-v42-account-head span,
.sike-v42-auth-head>span,
.sike-v42-next-card>span{
  color:#ff7146!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-account-head h2,
.sike-v42-auth-head h2{
  margin:5px 0 0!important;
  color:#f7f5f1!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
.sike-v42-account-head p{
  margin:5px 0 0!important;
  color:#77808a!important;
  font-size:8px!important;
}
.sike-v42-account-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:18px!important;
}
.sike-v42-account-meta>div{
  padding:12px!important;
  border:1px solid #272d34!important;
  border-radius:13px!important;
  background:#0b0e12!important;
}
.sike-v42-account-meta span{
  display:block!important;
  color:#626b75!important;
  font-size:6px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-v42-account-meta b{
  display:block!important;
  margin-top:5px!important;
  color:#e7e9eb!important;
  font-size:9px!important;
}
.sike-v42-account-meta b.green{
  color:#34d17a!important;
}
.sike-v42-next-card{
  margin-top:9px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,101,56,.08),#0c0f13 56%)!important;
  border:1px solid rgba(255,102,57,.15)!important;
}
.sike-v42-next-card h3{
  margin:7px 0 0!important;
  color:#f3f4f5!important;
  font-size:18px!important;
}
.sike-v42-next-card p,
.sike-v42-auth-head p{
  margin:8px 0 0!important;
  color:#7e8691!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v42-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff6d3d,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 15px 30px rgba(238,52,57,.16)!important;
}
.sike-v42-primary b{
  font-size:17px!important;
}
.sike-v42-secondary{
  margin:12px auto 0!important;
  color:#727a84!important;
  font-size:7px!important;
  text-decoration:none!important;
}

.sike-v42-tabs{
  margin-top:20px!important;
}
.sike-v42-social{
  margin-top:10px!important;
}
.sike-v42-social-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v42-social-grid form{
  margin:0!important;
}
.sike-v42-social-grid button{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #2a3037!important;
  border-radius:11px!important;
  background:#0c0f13!important;
  color:#d8dce1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.sike-v42-social-grid i{
  font-size:13px!important;
  font-style:normal!important;
}
.sike-v42-social-grid span{
  font-size:7px!important;
  font-weight:800!important;
}
.sike-v42-divider{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  color:#656d77!important;
  font-size:6px!important;
}
.sike-v42-divider:before,
.sike-v42-divider:after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#242a31!important;
}
.sike-v42-form label>span{
  color:#7e8690!important;
}
.sike-v42-form input{
  background:#0b0e12!important;
  border-color:#292f36!important;
}

.sike-v42-bottom{
  width:min(1440px,100%)!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.sike-v42-bottom article{
  min-height:150px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:rgba(15,17,20,.92)!important;
  box-shadow:0 20px 50px rgba(105,23,12,.14)!important;
}
.sike-v42-bottom span{
  color:#ff7448!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-bottom h3{
  margin:10px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.sike-v42-bottom p{
  margin:8px 0 0!important;
  max-width:370px!important;
  color:#838b95!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* ---------------------- MOBILE ---------------------- */
@media(max-width:760px){
  .sike-app-landing-v42{
    padding:10px 8px 76px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,210,160,.13),transparent 24%),
      linear-gradient(160deg,#ff7e2f 0%,#ff5430 52%,#ec3439 100%)!important;
  }
  .sike-v42-shell{
    padding:11px!important;
    border-radius:19px!important;
  }
  .sike-v42-topline{
    min-height:34px!important;
    padding-bottom:8px!important;
  }
  .sike-v42-label span{
    font-size:6px!important;
  }
  .sike-v42-status span{
    display:none!important;
  }

  .sike-v42-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v42-intro{
    gap:9px!important;
  }
  .sike-v42-copy,
  .sike-v42-device-stage,
  .sike-v42-feature-strip,
  .sike-v42-account{
    border-radius:16px!important;
  }
  .sike-v42-copy{
    min-height:0!important;
    padding:22px 16px!important;
  }
  .sike-v42-copy h1{
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.89!important;
  }
  .sike-v42-copy p{
    margin-top:15px!important;
    font-size:12px!important;
  }

  .sike-v42-device-stage{
    min-height:0!important;
    padding:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .sike-v42-device-copy strong{
    font-size:13px!important;
  }
  .sike-v42-device-art{
    gap:6px!important;
  }
  .sike-v42-device-card{
    height:88px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .sike-v42-device-card img{
    width:52px!important;
    height:52px!important;
  }
  .sike-v42-device-card span{
    font-size:5.5px!important;
  }

  .sike-v42-feature-strip{
    min-height:0!important;
    padding:8px!important;
    gap:5px!important;
  }
  .sike-v42-feature-strip>span{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:4px!important;
    padding:9px!important;
  }
  .sike-v42-feature-strip i{
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
  }
  .sike-v42-feature-strip small{
    display:none!important;
  }

  .sike-v42-account{
    padding:16px!important;
  }
  .sike-v42-account-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .sike-v42-avatar{
    width:48px!important;height:48px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }
  .sike-v42-account-head h2,
  .sike-v42-auth-head h2{
    font-size:34px!important;
  }
  .sike-v42-account-meta{
    margin-top:13px!important;
  }
  .sike-v42-next-card{
    padding:13px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sike-v42-bottom{
    margin-top:9px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-v42-bottom article{
    min-height:0!important;
    padding:15px!important;
    border-radius:16px!important;
  }
  .sike-v42-bottom h3{
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .sike-v42-copy h1{
    font-size:42px!important;
  }
  .sike-v42-shell{
    padding:9px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===================================================================
   SIKE V43 — APP PAGE WITHOUT GREY BACKGROUND BOXES
   Keeps the orange SIKE background, removes heavy grey card fills.
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:
    radial-gradient(circle at 10% 8%,rgba(255,211,161,.15),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(255,78,45,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Outer shell becomes transparent / glass-light instead of grey block. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Remove the solid grey fills from all major app cards. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip,
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.36)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Intro hero is cleaner, with only a subtle orange glow. */
.sike-app-landing-v42 .sike-v42-copy{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,96,48,.10),transparent 34%),
    rgba(9,11,14,.28)!important;
}

/* Device section — no grey containers. */
.sike-app-landing-v42 .sike-v42-device-stage{
  background:
    linear-gradient(120deg,rgba(255,104,54,.06),transparent 58%),
    rgba(9,11,14,.24)!important;
}

.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(6,8,10,.32)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

/* Feature strip: remove separate grey tiles. */
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(7,9,11,.24)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Account panel stays readable but much more transparent. */
.sike-app-landing-v42 .sike-v42-account{
  background:rgba(6,8,10,.40)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(6,8,10,.28)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-next-card{
  background:
    linear-gradient(145deg,rgba(255,101,56,.07),rgba(6,8,10,.20) 62%)!important;
  border-color:rgba(255,106,59,.14)!important;
}

/* Login/create account UI: transparent dark controls, no grey slabs. */
.sike-app-landing-v42 .sike-app-auth-tabs{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-app-auth-tabs button.active{
  background:rgba(255,255,255,.07)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-form input{
  background:rgba(4,6,8,.30)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Bottom info cards blend into page instead of looking like grey boxes. */
.sike-app-landing-v42 .sike-v42-bottom{
  gap:8px!important;
}
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(8,10,12,.30)!important;
}

/* Mobile: even lighter card chrome, more open orange page. */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-shell{
    background:rgba(7,9,11,.20)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .sike-app-landing-v42 .sike-v42-copy,
  .sike-app-landing-v42 .sike-v42-device-stage,
  .sike-app-landing-v42 .sike-v42-account,
  .sike-app-landing-v42 .sike-v42-bottom article{
    background:rgba(7,9,11,.26)!important;
  }

  .sike-app-landing-v42 .sike-v42-feature-strip{
    background:transparent!important;
  }

  .sike-app-landing-v42 .sike-v42-device-card,
  .sike-app-landing-v42 .sike-v42-feature-strip>span{
    background:rgba(4,6,8,.20)!important;
  }
}


/* ===================================================================
   SIKE V44 — CLEAN APPLE / SOUNDBOKS INSPIRED RIGHT SIDEBAR
   =================================================================== */

/* Keep the open orange/red background from V43. */
.sike-app-landing-v42{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,220,178,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(255,65,40,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Main shell stays visually open. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.18)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Left side remains nearly borderless/open. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* RIGHT SIDEBAR:
   one premium light-grey Apple-like panel instead of many dark/grey blocks. */
.sike-app-landing-v42 .sike-v42-account{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(252,251,248,.97),rgba(235,235,232,.95))!important;
  box-shadow:
    0 28px 70px rgba(59,16,7,.20),
    inset 0 1px rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  color:#111318!important;
}

/* Soft inner sheen. */
.sike-app-landing-v42 .sike-v42-account:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.24),transparent 40%)!important;
}

/* All sidebar content above sheen. */
.sike-app-landing-v42 .sike-v42-account > *{
  position:relative!important;
  z-index:1!important;
}

/* Account header dark typography. */
.sike-app-landing-v42 .sike-v42-account-head span,
.sike-app-landing-v42 .sike-v42-auth-head>span,
.sike-app-landing-v42 .sike-v42-next-card>span{
  color:#ff5f38!important;
}
.sike-app-landing-v42 .sike-v42-account-head h2,
.sike-app-landing-v42 .sike-v42-auth-head h2{
  color:#0d0f12!important;
}
.sike-app-landing-v42 .sike-v42-account-head p,
.sike-app-landing-v42 .sike-v42-auth-head p{
  color:#73777e!important;
}

/* Cleaner avatar, less gaming, more premium hardware feel. */
.sike-app-landing-v42 .sike-v42-avatar{
  background:linear-gradient(145deg,#ff7040,#ef3738)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:
    0 12px 28px rgba(226,63,42,.20),
    inset 0 1px rgba(255,255,255,.28)!important;
}

/* Meta blocks become white floating cells. */
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.055)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta span{
  color:#8a8e94!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b{
  color:#181b20!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b.green{
  color:#24b86e!important;
}

/* Next-step area = minimal Apple Settings-style grouped section. */
.sike-app-landing-v42 .sike-v42-next-card{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid rgba(20,22,25,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.045)!important;
}
.sike-app-landing-v42 .sike-v42-next-card h3{
  color:#17191d!important;
  font-size:17px!important;
}
.sike-app-landing-v42 .sike-v42-next-card p{
  color:#777c84!important;
}

/* Primary CTA = clean SIKE orange, flatter and more premium. */
.sike-app-landing-v42 .sike-v42-primary{
  min-height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff6d3d,#f24337)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 12px 28px rgba(236,72,47,.20),
    inset 0 1px rgba(255,255,255,.20)!important;
}
.sike-app-landing-v42 .sike-v42-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.025)!important;
}
.sike-app-landing-v42 .sike-v42-secondary{
  color:#797d83!important;
}

/* Auth tab group within grey sidebar. */
.sike-app-landing-v42 .sike-v42-tabs{
  padding:4px!important;
  border:1px solid rgba(20,22,25,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
}
.sike-app-landing-v42 .sike-v42-tabs button{
  color:#8b8f95!important;
}
.sike-app-landing-v42 .sike-v42-tabs button.active{
  background:#fff!important;
  color:#111318!important;
  box-shadow:0 4px 14px rgba(20,22,25,.08)!important;
}

/* Social login buttons: white frosted cells. */
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(255,255,255,.76)!important;
  color:#1a1d21!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 5px 16px rgba(20,22,25,.045)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button:hover{
  background:#fff!important;
}

/* Divider and inputs. */
.sike-app-landing-v42 .sike-v42-divider{
  color:#858990!important;
}
.sike-app-landing-v42 .sike-v42-divider:before,
.sike-app-landing-v42 .sike-v42-divider:after{
  background:rgba(20,22,25,.10)!important;
}

.sike-app-landing-v42 .sike-v42-form label>span{
  color:#777c83!important;
}
.sike-app-landing-v42 .sike-v42-form input[type=text],
.sike-app-landing-v42 .sike-v42-form input[type=email],
.sike-app-landing-v42 .sike-v42-form input[type=password]{
  height:48px!important;
  border:1px solid rgba(20,22,25,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111318!important;
  box-shadow:inset 0 1px 1px rgba(18,20,23,.025)!important;
}
.sike-app-landing-v42 .sike-v42-form input::placeholder{
  color:#a1a5aa!important;
}
.sike-app-landing-v42 .sike-v42-form input:focus{
  background:#fff!important;
  border-color:rgba(255,96,52,.55)!important;
  box-shadow:0 0 0 4px rgba(255,96,52,.08)!important;
}
.sike-app-landing-v42 .sike-app-consent span{
  color:#7f8389!important;
}

/* Make the left device cards black/transparent instead of grey. */
.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(8,10,12,.50)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(8,10,12,.35)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* Bottom cards remain dark transparent and lightweight. */
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.42)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ------------------------- MOBILE ------------------------- */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-account{
    padding:18px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(250,249,246,.98),rgba(233,233,230,.97))!important;
    box-shadow:
      0 20px 45px rgba(57,15,6,.17),
      inset 0 1px rgba(255,255,255,.90)!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .sike-app-landing-v42 .sike-v42-avatar{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head h2,
  .sike-app-landing-v42 .sike-v42-auth-head h2{
    font-size:32px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-meta{
    gap:6px!important;
  }
  .sike-app-landing-v42 .sike-v42-account-meta>div,
  .sike-app-landing-v42 .sike-v42-next-card{
    border-radius:13px!important;
  }

  .sike-app-landing-v42 .sike-v42-primary{
    min-height:50px!important;
  }

  .sike-app-landing-v42 .sike-v42-social-grid{
    gap:6px!important;
  }
}

/* Soundboks-style restraint: keep corners strong, no excessive glass glow. */
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-account *{
  text-shadow:none!important;
}


/* ===================================================================
   SIKE V45 — COMPLETE APP PAGE REDESIGN
   =================================================================== */
body:has(.sike-app-v45){
  background:#ff6235!important;
}
.sike-app-v45{
  min-height:calc(100vh - 120px)!important;
  padding:30px 24px 72px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,210,165,.18),transparent 27%),
    radial-gradient(circle at 86% 10%,rgba(236,45,50,.25),transparent 32%),
    linear-gradient(135deg,#ff8130 0%,#ff5c32 46%,#e92f38 100%)!important;
}
.sike-v45-wrap{
  width:min(1420px,100%)!important;
  margin:0 auto!important;
}

/* HERO */
.sike-v45-hero{
  min-height:510px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:16px!important;
}
.sike-v45-hero-copy,
.sike-v45-product-cluster{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101216!important;
  box-shadow:0 28px 75px rgba(70,15,7,.18)!important;
}
.sike-v45-hero-copy{
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,91,47,.14),transparent 28%),
    #101216!important;
}
.sike-v45-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:20px!important;
}
.sike-v45-eyebrow i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#31d47c!important;
  box-shadow:0 0 0 5px rgba(49,212,124,.08)!important;
}
.sike-v45-eyebrow span{
  color:#ff7548!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-v45-eyebrow b{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#1b1f24!important;
  color:#818892!important;
  font-size:6px!important;
  letter-spacing:.08em!important;
}
.sike-v45-hero-copy h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(64px,6.4vw,105px)!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
.sike-v45-hero-copy h1 em{
  color:#ff6840!important;
  font-style:normal!important;
}
.sike-v45-hero-copy>p{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sike-v45-quickpoints{
  display:flex!important;
  gap:9px!important;
  margin-top:28px!important;
}
.sike-v45-quickpoints>span{
  min-width:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:30px auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 8px!important;
  border:1px solid #282d34!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-v45-quickpoints i{
  grid-row:1/3!important;
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-v45-quickpoints b{color:#f1f2f3!important;font-size:8px!important}
.sike-v45-quickpoints small{color:#6d7580!important;font-size:6px!important}

/* PRODUCT CLUSTER */
.sike-v45-product-cluster{
  padding:18px!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:10px!important;
  background:
    linear-gradient(160deg,#16191e 0%,#0b0d10 100%)!important;
}
.sike-v45-product-main{
  position:relative!important;
  min-height:330px!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #272c33!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,94,49,.09),transparent 40%),
    #0a0c0f!important;
}
.sike-v45-product-main>span{
  position:absolute!important;
  left:18px!important;top:16px!important;
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-product-main img{
  width:100%!important;
  height:245px!important;
  object-fit:contain!important;
  display:block!important;
  margin-top:10px!important;
}
.sike-v45-product-main strong{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.03em!important;
}
.sike-v45-product-main small{
  display:block!important;
  margin-top:3px!important;
  color:#747c86!important;
  font-size:8px!important;
}
.sike-v45-product-small{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sike-v45-product-small>div{
  min-height:84px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid #282d34!important;
  background:#101318!important;
}
.sike-v45-product-small img{
  width:64px!important;height:64px!important;object-fit:contain!important;border-radius:10px!important;
  background:#090b0e!important;
}
.sike-v45-product-small b{display:block!important;color:#e7e9ec!important;font-size:8px!important}
.sike-v45-product-small small{display:block!important;margin-top:4px!important;color:#6c7480!important;font-size:6px!important}

/* LOWER CONTENT */
.sike-v45-content{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;
  gap:16px!important;
}
.sike-v45-info{
  padding:30px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(11,13,16,.88)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.14)!important;
}
.sike-v45-info-head>span{
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-info-head h2{
  margin:9px 0 0!important;
  color:#f6f4f0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
}
.sike-v45-info-head p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#828a94!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.sike-v45-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
.sike-v45-info-grid article{
  min-height:130px!important;
  padding:16px!important;
  border:1px solid #252a31!important;
  border-radius:16px!important;
  background:#0d1014!important;
}
.sike-v45-info-grid i{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
}
.sike-v45-info-grid h3{
  margin:14px 0 0!important;
  color:#eceef0!important;
  font-size:11px!important;
}
.sike-v45-info-grid p{
  margin:6px 0 0!important;
  color:#737b85!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* ACCOUNT CARD */
.sike-v45-account{
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:linear-gradient(180deg,#f7f6f3 0%,#e9e9e6 100%)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.18)!important;
  color:#111318!important;
}
.sike-v45-account-status{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.sike-v45-avatar{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#ff7140,#ed3938)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sike-v45-account-status span,
.sike-v45-auth-head>span,
.sike-v45-action-block>span{
  color:#ff5e38!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v45-account-status h2,
.sike-v45-auth-head h2{
  margin:5px 0 0!important;
  color:#111318!important;
  font-size:34px!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
.sike-v45-account-status p{
  margin:4px 0 0!important;
  color:#7a7f86!important;
  font-size:8px!important;
}
.sike-v45-account-status .online{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#32cc78!important;
  box-shadow:0 0 0 5px rgba(50,204,120,.10)!important;
}
.sike-v45-account-lines{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-v45-account-lines>div{
  padding:13px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-account-lines span{
  display:block!important;color:#8b8f95!important;font-size:6px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.sike-v45-account-lines b{
  display:block!important;margin-top:5px!important;color:#1a1c20!important;font-size:9px!important;
}
.sike-v45-account-lines .green{color:#23b86d!important}
.sike-v45-action-block{
  margin-top:9px!important;
  padding:17px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-action-block h3{
  margin:7px 0 0!important;
  color:#17191d!important;
  font-size:19px!important;
}
.sike-v45-action-block p,
.sike-v45-auth-head p{
  margin:8px 0 0!important;
  color:#777d84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v45-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:14px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#ff6c3d,#ee3938)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(234,65,47,.18)!important;
}
.sike-v45-primary b{font-size:17px!important}
.sike-v45-signout{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  color:#777c83!important;
  font-size:7px!important;
  text-decoration:none!important;
}

/* AUTH */
.sike-v45-tabs{
  margin:18px 0 12px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(18,20,24,.08)!important;
}
.sike-v45-tabs button{color:#858990!important}
.sike-v45-tabs button.active{
  background:#fff!important;color:#111318!important;box-shadow:0 4px 12px rgba(18,20,24,.07)!important;
}
.sike-v45-socials{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v45-socials form{margin:0!important}
.sike-v45-socials button{
  width:100%!important;min-height:42px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  color:#1a1d21!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.sike-v45-socials i{font-size:13px!important;font-style:normal!important}
.sike-v45-socials span{font-size:7px!important;font-weight:800!important}
.sike-v45-divider{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:12px 0!important;color:#858990!important;font-size:6px!important;
}
.sike-v45-divider:before,.sike-v45-divider:after{
  content:""!important;flex:1!important;height:1px!important;background:rgba(18,20,24,.10)!important;
}
.sike-v45-form label>span{color:#777c83!important}
.sike-v45-form input[type=text],
.sike-v45-form input[type=email],
.sike-v45-form input[type=password]{
  height:46px!important;
  border-radius:12px!important;
  border:1px solid rgba(18,20,24,.10)!important;
  background:rgba(255,255,255,.75)!important;
  color:#111318!important;
}
.sike-v45-form input::placeholder{color:#a1a4a8!important}
.sike-v45-form input:focus{
  border-color:rgba(255,97,53,.55)!important;
  box-shadow:0 0 0 4px rgba(255,97,53,.08)!important;
  background:#fff!important;
}
.sike-v45-account .sike-app-consent span{color:#7d8288!important}

/* MOBILE */
@media(max-width:760px){
  .sike-app-v45{
    padding:10px 8px 78px!important;
  }
  .sike-v45-hero,
  .sike-v45-content{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v45-hero{
    min-height:0!important;
  }
  .sike-v45-hero-copy,
  .sike-v45-product-cluster,
  .sike-v45-info,
  .sike-v45-account{
    border-radius:20px!important;
  }
  .sike-v45-hero-copy{
    padding:24px 18px!important;
  }
  .sike-v45-hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
  }
  .sike-v45-hero-copy>p{
    margin-top:16px!important;
    font-size:12px!important;
  }
  .sike-v45-quickpoints{
    gap:5px!important;
    margin-top:18px!important;
  }
  .sike-v45-quickpoints>span{
    min-width:0!important;
    flex:1!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    padding:8px!important;
  }
  .sike-v45-quickpoints i{grid-row:auto!important}
  .sike-v45-quickpoints small{display:none!important}

  .sike-v45-product-main{
    min-height:230px!important;
  }
  .sike-v45-product-main img{
    height:170px!important;
  }
  .sike-v45-product-small>div{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:70px!important;
  }
  .sike-v45-product-small img{
    width:48px!important;height:48px!important;
  }

  .sike-v45-info{
    padding:18px!important;
  }
  .sike-v45-info-head h2{
    font-size:30px!important;
  }
  .sike-v45-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-v45-info-grid article{
    min-height:110px!important;
    padding:13px!important;
  }

  .sike-v45-account{
    padding:18px!important;
  }
  .sike-v45-account-status{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  .sike-v45-avatar{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .sike-v45-account-status h2,
  .sike-v45-auth-head h2{
    font-size:30px!important;
  }
}

@media(max-width:390px){
  .sike-v45-hero-copy h1{font-size:43px!important}
  .sike-v45-info-grid{grid-template-columns:1fr!important}
  .sike-v45-socials{grid-template-columns:1fr!important}
}


/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* ===================================================================
   SIKE APP V14 — FULLSCREEN DASHBOARD + ABSTRACT ANIMATED BACKGROUND
   =================================================================== */

body.sike-ios-app-page{
  background:#0b0a0b!important;
}

/* Fullscreen app canvas */
.sike-ios-app{
  position:relative!important;
  min-height:calc(100vh - var(--site-header-height,132px))!important;
  width:100%!important;
  padding:22px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,#ff8a33 0%,#ef5b27 28%,#c43b1f 48%,#3a1310 74%,#0b0a0b 100%)!important;
}

/* Main dashboard nearly edge-to-edge */
.sike-ios-shell{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - var(--site-header-height,132px) - 44px)!important;
  margin:0!important;
  padding:20px!important;
  border-radius:24px!important;
  background:rgba(8,10,13,.82)!important;
  border:1px solid rgba(255,255,255,.025)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
}

/* Remove large dead space around the app */
@media(min-width:721px){
  .sike-ios-app{
    padding:18px!important;
  }
  .sike-ios-shell{
    min-height:calc(100vh - var(--site-header-height,132px) - 36px)!important;
  }
}

/* Abstract animated background */
.sike-abstract-bg{
  position:absolute!important;
  inset:-8%!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  filter:saturate(115%)!important;
}
.sike-abstract-bg .orb,
.sike-abstract-bg .beam,
.sike-abstract-bg .mesh{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
}
.sike-abstract-bg .orb{
  border-radius:50%!important;
  filter:blur(4px)!important;
  opacity:.48!important;
  mix-blend-mode:screen!important;
}
.sike-abstract-bg .orb-a{
  width:44vw!important;
  height:44vw!important;
  left:-10vw!important;
  top:-11vw!important;
  background:radial-gradient(circle at 35% 35%,rgba(255,199,91,.92),rgba(255,103,43,.45) 42%,transparent 72%)!important;
  animation:sikeOrbA 18s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-b{
  width:36vw!important;
  height:36vw!important;
  right:-8vw!important;
  top:5vw!important;
  background:radial-gradient(circle at 45% 45%,rgba(255,75,42,.72),rgba(181,32,30,.30) 52%,transparent 74%)!important;
  animation:sikeOrbB 22s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .orb-c{
  width:34vw!important;
  height:34vw!important;
  left:38vw!important;
  bottom:-15vw!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,131,48,.52),rgba(120,18,17,.22) 55%,transparent 76%)!important;
  animation:sikeOrbC 26s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam{
  width:82vw!important;
  height:18vw!important;
  border-radius:50%!important;
  opacity:.18!important;
  filter:blur(26px)!important;
  background:linear-gradient(90deg,transparent,#ffab58 24%,#ff5a30 55%,transparent 100%)!important;
}
.sike-abstract-bg .beam-a{
  left:5vw!important;
  top:14vw!important;
  transform:rotate(-12deg)!important;
  animation:sikeBeamA 20s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .beam-b{
  right:-15vw!important;
  bottom:8vw!important;
  transform:rotate(14deg)!important;
  opacity:.11!important;
  animation:sikeBeamB 24s ease-in-out infinite alternate!important;
}
.sike-abstract-bg .mesh{
  inset:0!important;
  opacity:.14!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%)!important;
  animation:sikeMesh 22s linear infinite!important;
}

@keyframes sikeOrbA{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(9vw,5vw,0) scale(1.16)}
}
@keyframes sikeOrbB{
  0%{transform:translate3d(0,0,0) scale(.95)}
  100%{transform:translate3d(-10vw,8vw,0) scale(1.12)}
}
@keyframes sikeOrbC{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-7vw,-7vw,0) scale(1.18)}
}
@keyframes sikeBeamA{
  0%{transform:rotate(-12deg) translate3d(-5vw,0,0)}
  100%{transform:rotate(-6deg) translate3d(8vw,4vw,0)}
}
@keyframes sikeBeamB{
  0%{transform:rotate(14deg) translate3d(0,0,0)}
  100%{transform:rotate(7deg) translate3d(-10vw,-4vw,0)}
}
@keyframes sikeMesh{
  from{background-position:0 0,0 0}
  to{background-position:42px 42px,42px 42px}
}

/* Refine fullscreen desktop spacing */
@media(min-width:1101px){
  .sike-ios-dashboard{
    gap:16px!important;
  }
  .sike-ios-main-column,
  .sike-ios-side-column{
    min-height:0!important;
  }
  .sike-ios-hero-card{
    min-height:calc(100vh - var(--site-header-height,132px) - 190px)!important;
  }
  .sike-builder-live-stage{
    height:calc(100vh - var(--site-header-height,132px) - 370px)!important;
    min-height:420px!important;
    max-height:650px!important;
  }
}

/* Keep background border almost invisible */
.sike-ios-shell,
.sike-ios-hero-card,
.sike-ios-card,
.sike-ios-device-switcher button,
.sike-ios-tabbar,
.sike-builder-live-stage{
  border-color:rgba(255,255,255,.035)!important;
}

/* Slight orange rim/glow instead of borders */
.sike-ios-shell:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,120,54,.035),
    inset 0 0 80px rgba(255,83,40,.025)!important;
}

/* Mobile remains fullscreen but abstract effect is calmer */
@media(max-width:720px){
  .sike-ios-app{
    min-height:100vh!important;
    padding:0 0 calc(82px + env(safe-area-inset-bottom))!important;
    background:
      linear-gradient(180deg,#1e0e09 0%,#0f0b0c 30%,#090a0d 100%)!important;
  }
  .sike-ios-shell{
    min-height:100vh!important;
    border-radius:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    background:rgba(8,10,13,.84)!important;
  }
  .sike-abstract-bg{
    inset:-20%!important;
    opacity:.75!important;
  }
  .sike-abstract-bg .mesh{
    opacity:.08!important;
    background-size:34px 34px!important;
  }
  .sike-abstract-bg .orb-a{
    width:110vw!important;height:110vw!important;
    left:-45vw!important;top:-38vw!important;
  }
  .sike-abstract-bg .orb-b{
    width:90vw!important;height:90vw!important;
    right:-45vw!important;top:18vw!important;
  }
  .sike-abstract-bg .orb-c{display:none!important}
  .sike-abstract-bg .beam{opacity:.08!important}
}

/* Respect reduced-motion accessibility */
@media(prefers-reduced-motion:reduce){
  .sike-abstract-bg *{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V15 — EMPTY ACCOUNT + SIKE MUSIC
   =================================================================== */

/* ----- No products by default ----- */
.sike-empty-devices{
  display:none;
  min-height:560px;
  border-radius:24px;
  padding:52px clamp(24px,5vw,76px);
  background:
    radial-gradient(circle at 15% 10%,rgba(255,119,49,.14),transparent 32%),
    linear-gradient(145deg,rgba(18,20,25,.94),rgba(8,10,13,.92));
  border:1px solid rgba(255,255,255,.045);
  position:relative;
  overflow:hidden;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
}
.no-devices .sike-empty-devices{display:flex}
.no-devices [data-view="home"]>.sike-ios-hero-card,
.no-devices [data-view="home"]>.sike-ios-speaker-controls,
.no-devices [data-view="home"]>.sike-ios-powercell-controls,
.no-devices [data-view="home"]>.sike-feature-dashboard-grid,
.no-devices [data-view="home"]>.sike-ios-device-card{display:none!important}
.sike-empty-devices:after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  right:-190px;top:-210px;
  background:radial-gradient(circle,rgba(255,119,48,.18),transparent 68%);
  animation:sikeEmptyGlow 8s ease-in-out infinite alternate;
}
@keyframes sikeEmptyGlow{to{transform:translate(-36px,48px) scale(1.12)}}
.sike-empty-orbit{
  width:126px;height:126px;position:relative;display:grid;place-items:center;margin-bottom:30px;
}
.sike-empty-orbit span{
  width:68px;height:68px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ff7136,#e53632);color:#fff;font-size:28px;font-weight:950;
  box-shadow:0 18px 50px rgba(229,54,47,.25)
}
.sike-empty-orbit i{
  position:absolute;inset:0;border:1px solid rgba(255,123,65,.22);border-radius:50%;
  animation:sikeOrbitSpin 8s linear infinite
}
.sike-empty-orbit i:nth-child(2){inset:14px;animation-duration:6s;animation-direction:reverse}
.sike-empty-orbit i:nth-child(3){inset:-13px;opacity:.4;animation-duration:11s}
.sike-empty-orbit i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8247;top:9px;left:50%}
@keyframes sikeOrbitSpin{to{transform:rotate(360deg)}}
.sike-empty-devices>.eyebrow{color:#ff7445;font-size:9px;letter-spacing:.18em;font-weight:900}
.sike-empty-devices h2{font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.055em;color:#fff;max-width:720px;margin:10px 0 14px}
.sike-empty-devices>p{max-width:620px;color:#8b929c;font-size:13px;line-height:1.55;margin:0}
.sike-empty-actions{display:flex;gap:9px;margin-top:26px}
.sike-empty-actions .sike-ios-primary,.sike-empty-music-btn{min-height:46px;padding:0 18px;border-radius:13px;border:0;font-weight:900;font-size:9px;letter-spacing:.05em;cursor:pointer}
.sike-empty-actions .sike-ios-primary{background:linear-gradient(135deg,#ff7138,#e93631);color:#fff}
.sike-empty-music-btn{background:#15191f;border:1px solid #2b3037;color:#fff}
.sike-empty-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}
.sike-empty-points span{display:flex;align-items:center;gap:8px;color:#757d87;font-size:8px;padding:8px 10px;border-radius:999px;background:#0c0f13;border:1px solid #262b32}
.sike-empty-points i{font-style:normal;color:#ff7445;font-weight:900}

.sike-add-device-chip{border-style:dashed!important}
.sike-add-device-chip .device-add-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0c0f13;border:1px solid #2a3037;color:#ff7445;font-size:20px
}

/* ----- Pairing modal ----- */
.sike-pair-modal{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease
}
.sike-pair-modal[hidden]{display:none!important}
.sike-pair-modal.show{opacity:1}
.sike-pair-card{
  width:min(620px,100%);border-radius:26px;padding:24px;position:relative;
  background:linear-gradient(145deg,#171a20,#0c0f13);
  border:1px solid #30353d;box-shadow:0 34px 90px rgba(0,0,0,.48);
  transform:translateY(16px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1)
}
.sike-pair-modal.show .sike-pair-card{transform:none}
.sike-pair-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:12px;border:1px solid #30353c;background:#0d1014;color:#fff;font-size:20px;cursor:pointer}
.sike-pair-head>span{color:#ff7044;font-size:8px;letter-spacing:.17em;font-weight:900}
.sike-pair-head h3{font-size:34px;color:#fff;letter-spacing:-.045em;margin:6px 0}
.sike-pair-head p{color:#858d97;font-size:10px;max-width:480px;line-height:1.5}
.sike-pair-scan{display:flex;align-items:center;gap:9px;margin:18px 0;padding:10px 12px;border-radius:13px;background:#0c0f13;border:1px solid #282d34;color:#7c848e;font-size:8px}
.sike-pair-scan i{width:8px;height:8px;border-radius:50%;background:#2bd179;box-shadow:0 0 0 0 rgba(43,209,121,.3);animation:sikePairPulse 1.4s infinite}
@keyframes sikePairPulse{50%{box-shadow:0 0 0 8px rgba(43,209,121,0)}}
.sike-pair-scan b{margin-left:auto;color:#ff7445;font-size:7px;letter-spacing:.12em}
.sike-pair-products{display:grid;grid-template-columns:1fr;gap:8px}
.sike-pair-products button{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;text-align:left;background:#11151a;border:1px solid #292f36;color:#fff;border-radius:16px;padding:9px 12px;cursor:pointer;transition:.16s}
.sike-pair-products button:hover{transform:translateY(-1px);border-color:#724233;background:#15181d}
.pair-img{width:58px;height:48px;border-radius:12px;background:#080a0d;display:grid;place-items:center;overflow:hidden}
.pair-img img{max-width:90%;max-height:90%;object-fit:contain}
.sike-pair-products b{display:block;font-size:11px}.sike-pair-products small{display:block;color:#7c848e;font-size:8px;margin-top:3px}
.sike-pair-products em{font-style:normal;width:32px;height:32px;border-radius:10px;background:#ff5b36;display:grid;place-items:center;font-size:16px}
.sike-pair-foot{display:block;color:#606873;font-size:7px;margin-top:12px}

/* ----- SIKE Music ----- */
.sike-music-view{position:relative}
.sike-music-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:12px;min-height:660px}
.sike-music-library,.sike-music-main,.sike-music-player-card{
  background:rgba(11,13,17,.88);border:1px solid rgba(255,255,255,.045);border-radius:22px
}
.sike-music-library{padding:16px;display:flex;flex-direction:column}
.sike-music-brand{display:flex;gap:9px;align-items:center;padding-bottom:15px;border-bottom:1px solid #252a31}
.music-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#ff7138,#e43132);display:grid;place-items:center;color:#fff;font-weight:950}
.sike-music-brand b{display:block;color:#fff;font-size:10px}.sike-music-brand small{display:block;color:#6f7781;font-size:7px;margin-top:2px}
.sike-music-library nav{display:grid;gap:4px;margin-top:13px}
.sike-music-library nav button,.sike-music-playlist-block button{
  display:flex;align-items:center;gap:9px;min-height:38px;border:0;border-radius:11px;background:transparent;color:#777f89;text-align:left;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-library nav button.active{background:#181c22;color:#fff}.sike-music-library nav i{font-style:normal;font-size:13px}
.sike-music-playlist-block{margin-top:20px}.sike-music-playlist-block>span{font-size:7px;letter-spacing:.13em;color:#606873;font-weight:900;padding:0 9px}
.sike-music-playlist-block button{width:100%;color:#727a84}
.sike-music-main{padding:16px;overflow:hidden}
.sike-music-hero{
  min-height:190px;border-radius:19px;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 86% 20%,rgba(255,160,73,.28),transparent 32%),
    linear-gradient(135deg,#ff6d34 0%,#d8392e 43%,#3b1615 100%)
}
.sike-music-hero>div:first-child{position:relative;z-index:2}
.sike-music-hero span{font-size:7px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.68)}
.sike-music-hero h3{font-size:34px;line-height:.94;letter-spacing:-.05em;color:#fff;margin:8px 0 10px}
.sike-music-hero p{font-size:9px;line-height:1.5;color:rgba(255,255,255,.7);max-width:440px;margin:0}
.sike-music-wave{display:flex;align-items:center;gap:5px;height:90px;opacity:.56}
.sike-music-wave i{width:4px;border-radius:6px;background:#fff;animation:sikeWave 1.1s ease-in-out infinite alternate}
.sike-music-wave i:nth-child(1){height:24%}.sike-music-wave i:nth-child(2){height:62%;animation-delay:.1s}.sike-music-wave i:nth-child(3){height:38%;animation-delay:.2s}.sike-music-wave i:nth-child(4){height:88%;animation-delay:.3s}.sike-music-wave i:nth-child(5){height:48%;animation-delay:.4s}.sike-music-wave i:nth-child(6){height:75%;animation-delay:.5s}.sike-music-wave i:nth-child(7){height:30%;animation-delay:.6s}.sike-music-wave i:nth-child(8){height:58%;animation-delay:.7s}.sike-music-wave i:nth-child(9){height:20%;animation-delay:.8s}
@keyframes sikeWave{to{transform:scaleY(.45);opacity:.55}}
.sike-music-search{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#0b0e12;border:1px solid #282d34;border-radius:14px;padding:5px 5px 5px 12px}
.sike-music-search>span{color:#707985;font-size:17px}.sike-music-search input{height:40px;background:transparent;border:0;outline:0;color:#fff;font-size:10px}
.sike-music-search button,.sike-music-url-entry button{height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff6938,#e63532);color:#fff;padding:0 14px;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-api-note{margin-top:9px;padding:10px 12px;border-radius:13px;background:#10141a;border:1px solid #282d34;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.sike-music-api-note>span{color:#ff7044;font-size:7px;letter-spacing:.13em;font-weight:900}.sike-music-api-note p{font-size:7px;color:#737b85;margin:0}.sike-music-api-note button{background:transparent;border:0;color:#fff;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-api-note.connected{border-color:rgba(43,209,121,.28)}.sike-music-api-note.connected>span{color:#2bd179}
.sike-music-section{margin-top:18px}.sike-music-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}
.sike-music-section-head span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-section-head h4{font-size:18px;color:#fff;margin:3px 0 0}.sike-music-section-head small{font-size:7px;color:#67707a}
.sike-music-url-entry{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:9px}.sike-music-url-entry input{height:42px;border:1px solid #292e35;border-radius:12px;background:#0b0e12;color:#fff;padding:0 12px;outline:0;font-size:8px}.sike-music-url-entry input.invalid{border-color:#ff4e3b;animation:sikeShake .3s}
@keyframes sikeShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.sike-music-results{display:grid;gap:6px;max-height:480px;overflow:auto;padding-right:3px}
.sike-music-track{min-height:62px;border-radius:13px;padding:6px;display:grid;grid-template-columns:54px 1fr 34px;gap:9px;align-items:center;background:#0d1014;border:1px solid #242930}
.track-play{position:relative;width:54px;height:50px;border:0;border-radius:10px;overflow:hidden;background:#080a0d;padding:0;cursor:pointer}.track-play img{width:100%;height:100%;object-fit:cover}.track-play i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.22);color:#fff;font-style:normal;opacity:0;transition:.15s}.track-play:hover i{opacity:1}
.sike-music-track b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-music-track small{display:block;color:#707985;font-size:7px;margin-top:3px}
.track-queue{width:32px;height:32px;border-radius:10px;border:1px solid #2a3037;background:#11151a;color:#9aa1aa;cursor:pointer}
.sike-music-placeholder{min-height:180px;border:1px dashed #2b3037;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px;color:#707985}.sike-music-placeholder>span{font-size:30px;color:#ff7044}.sike-music-placeholder b{color:#fff;font-size:11px;margin-top:7px}.sike-music-placeholder small{max-width:340px;font-size:8px;line-height:1.5;margin-top:5px}.sike-music-placeholder.loading>span{animation:sikeSpin 1s linear infinite}@keyframes sikeSpin{to{transform:rotate(360deg)}}.sike-music-placeholder.error>span{color:#ff4e3b}
.sike-music-player-card{padding:12px;height:max-content;position:sticky;top:12px}
.sike-music-player-screen{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#050607;position:relative}.sike-music-player-screen iframe{width:100%;height:100%;border:0}.sike-music-player-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#21130f,#08090b 70%);color:#777f89}.sike-music-player-empty.hidden{display:none}.sike-music-player-empty span{font-size:30px;color:#ff7044}.sike-music-player-empty b{font-size:11px;color:#fff}.sike-music-player-empty small{font-size:7px;margin-top:4px}
.sike-music-now{padding:14px 4px 8px}.sike-music-now>span{font-size:7px;letter-spacing:.13em;color:#ff7044;font-weight:900}.sike-music-now h4{font-size:15px;color:#fff;line-height:1.15;margin:6px 0 3px}.sike-music-now p{font-size:8px;color:#737b85;margin:0}
.sike-music-player-actions{display:flex;gap:6px;padding:5px 4px 10px}.sike-music-player-actions button{width:38px;height:38px;border-radius:12px;background:#11151a;border:1px solid #292e35;color:#fff;font-size:16px;cursor:pointer}.sike-music-player-actions button.active{color:#ff5640}
.sike-music-device-output{display:flex;gap:9px;align-items:center;background:#0b0e12;border:1px solid #262b32;border-radius:13px;padding:10px}.sike-music-device-output>i{width:8px;height:8px;border-radius:50%;background:#2bd179}.sike-music-device-output b{display:block;color:#fff;font-size:8px}.sike-music-device-output small{display:block;color:#6d7580;font-size:7px;margin-top:2px}

/* Music API modal */
.sike-music-api-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.72);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px;opacity:0;transition:.18s}.sike-music-api-modal[hidden]{display:none!important}.sike-music-api-modal.show{opacity:1}
.sike-music-api-card{width:min(500px,100%);position:relative;border-radius:24px;padding:24px;background:#15181d;border:1px solid #30353d;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sike-music-api-card>span{font-size:7px;letter-spacing:.15em;color:#ff7044;font-weight:900}.sike-music-api-card h3{font-size:27px;color:#fff;margin:6px 0}.sike-music-api-card p{font-size:9px;color:#828a94;line-height:1.5}.sike-music-api-card label{display:block;margin-top:14px}.sike-music-api-card label small{display:block;font-size:7px;color:#737b85;margin-bottom:5px}.sike-music-api-card input{width:100%;height:44px;border-radius:12px;background:#0b0e12;border:1px solid #2a3037;color:#fff;padding:0 12px;box-sizing:border-box}
.sike-music-api-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border-radius:11px;background:#0b0e12;border:1px solid #2a3037;color:#fff;font-size:18px}.sike-music-api-actions{display:flex;gap:7px;margin-top:10px}.sike-music-api-actions button{height:38px;border-radius:10px;padding:0 12px;border:1px solid #2a3037;background:#0c0f13;color:#fff;font-size:8px;font-weight:900}.sike-music-api-actions button:first-child{background:linear-gradient(135deg,#ff6938,#e63532);border-color:transparent}.sike-music-api-status{display:block;color:#6f7781;font-size:7px;margin-top:9px}

@media(max-width:1180px){
  .sike-music-shell{grid-template-columns:150px minmax(0,1fr) 260px}
}
@media(max-width:900px){
  .sike-music-shell{grid-template-columns:1fr}
  .sike-music-library{display:none}
  .sike-music-player-card{position:relative;top:auto;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px}
  .sike-music-player-screen{width:150px}.sike-music-now{padding:5px}.sike-music-player-actions{padding:0}.sike-music-device-output{grid-column:1/-1}
}
@media(max-width:720px){
  .sike-empty-devices{min-height:470px;padding:34px 18px;border-radius:20px}
  .sike-empty-orbit{width:92px;height:92px;margin-bottom:22px}.sike-empty-orbit span{width:54px;height:54px;border-radius:18px;font-size:22px}
  .sike-empty-devices h2{font-size:40px}.sike-empty-devices>p{font-size:10px}.sike-empty-actions{width:100%;display:grid;grid-template-columns:1fr}.sike-empty-points{display:grid;gap:6px}
  .sike-pair-card{padding:18px;border-radius:21px}.sike-pair-head h3{font-size:28px}
  .sike-music-shell{display:block}.sike-music-main{padding:10px;border-radius:18px}.sike-music-hero{min-height:150px;padding:18px}.sike-music-hero h3{font-size:29px}.sike-music-wave{display:none}
  .sike-music-api-note{grid-template-columns:1fr auto}.sike-music-api-note p{display:none}
  .sike-music-player-card{margin-top:9px;grid-template-columns:112px 1fr auto;padding:9px;border-radius:18px}.sike-music-player-screen{width:112px}.sike-music-now h4{font-size:12px}.sike-music-player-actions button{width:34px;height:34px}
  .sike-music-results{max-height:none}
  .sike-ios-tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .sike-ios-tabbar button span{font-size:5.5px!important}
}
@media(max-width:430px){
  .sike-music-player-card{grid-template-columns:92px 1fr}.sike-music-player-screen{width:92px}.sike-music-player-actions{grid-column:1/-1}.sike-music-device-output{grid-column:1/-1}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .sike-empty-orbit i,.sike-empty-devices:after,.sike-music-wave i,.sike-pair-scan i{animation:none!important}
}


/* ===================================================================
   SIKE APP V16 — CONNECTED DEVICES ONLY + PROFESSIONAL SCAN FIRST
   =================================================================== */

/* Critical: author styles must never override the HTML hidden attribute. */
.sike-ios-device-switcher [hidden],
.sike-device-strip [hidden]{
  display:none!important;
}

/* Device row: scan first, connected products after it. */
.sike-device-strip{
  display:grid!important;
  grid-template-columns:minmax(260px,.82fr) repeat(3,minmax(190px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.sike-device-strip>.sike-scan-device-card{
  order:-100!important;
}
.sike-device-strip>.sike-connected-device-card{
  min-width:0!important;
}

/* Premium scan card */
.sike-scan-device-card{
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,148,70,.22),transparent 38%),
    linear-gradient(135deg,#1b1718 0%,#13161b 58%,#101318 100%)!important;
  border:1px solid rgba(255,122,66,.22)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 10px 28px rgba(0,0,0,.13)!important;
  color:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  position:relative!important;
}
.sike-scan-device-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.035) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
}
.sike-scan-device-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,125,66,.40)!important;
}
.sike-scan-device-card:hover:after{
  animation:sikeScanSheen .8s ease forwards!important;
}
@keyframes sikeScanSheen{to{transform:translateX(120%)}}

.sike-scan-radar{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#ff7138,#e83931)!important;
  box-shadow:0 8px 22px rgba(230,57,45,.24)!important;
}
.sike-scan-radar i{
  position:absolute!important;
  inset:8px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  animation:sikeRadarPulse 1.8s ease-out infinite!important;
}
.sike-scan-radar i:nth-child(2){
  inset:3px!important;
  animation-delay:.55s!important;
  opacity:.55!important;
}
.sike-scan-radar b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}
@keyframes sikeRadarPulse{
  0%{transform:scale(.72);opacity:.9}
  100%{transform:scale(1.25);opacity:0}
}
.device-scanning .sike-scan-radar{
  animation:sikeScanning 1.1s ease-in-out!important;
}
@keyframes sikeScanning{
  0%,100%{box-shadow:0 8px 22px rgba(230,57,45,.24)}
  50%{box-shadow:0 0 0 9px rgba(255,105,52,.10),0 8px 32px rgba(236,62,45,.38)}
}

.sike-scan-copy{
  min-width:0!important;
  display:block!important;
}
.sike-scan-copy small{
  display:block!important;
  color:#ff8054!important;
  font-size:6.5px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  margin-bottom:3px!important;
}
.sike-scan-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  display:block!important;
  color:#747c86!important;
  font-size:7px!important;
  font-style:normal!important;
  margin-top:4px!important;
}
.sike-scan-action{
  display:grid!important;
  place-items:center!important;
  height:30px!important;
  min-width:48px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  background:rgba(255,103,54,.12)!important;
  border:1px solid rgba(255,112,59,.24)!important;
  color:#ff8055!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}

/* Connected product cards are intentionally quieter than Scan. */
.sike-connected-device-card{
  min-height:74px!important;
  padding:9px 11px!important;
  border-radius:18px!important;
  background:#12151a!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.sike-connected-device-card.active{
  background:linear-gradient(135deg,#ff6638,#ed3b32)!important;
  border-color:rgba(255,156,103,.32)!important;
}
.sike-connected-device-card .device-thumb{
  width:48px!important;
  height:48px!important;
}

/* If there are many connected devices, keep the row tidy rather than widening the page. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(190px,1fr))!important;
  }
}

/* Tablet/mobile: scan is always the first full-width action. */
@media(max-width:900px){
  .sike-device-strip{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    padding-bottom:3px!important;
  }
  .sike-device-strip::-webkit-scrollbar{display:none!important}
  .sike-scan-device-card{
    flex:0 0 min(82vw,330px)!important;
    min-width:min(82vw,330px)!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-card{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
}

/* Phone: stronger hierarchy, smaller footprint. */
@media(max-width:720px){
  .sike-device-strip{
    padding:9px 0 5px!important;
  }
  .sike-scan-device-card{
    min-height:62px!important;
    flex-basis:min(88vw,315px)!important;
    min-width:min(88vw,315px)!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:8px 9px!important;
    border-radius:16px!important;
  }
  .sike-scan-radar{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .sike-scan-copy strong{font-size:10px!important}
  .sike-scan-copy em{font-size:6.5px!important}
  .sike-scan-action{
    height:28px!important;
    min-width:42px!important;
    padding:0 7px!important;
  }
  .sike-connected-device-card{
    min-height:62px!important;
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:43px!important;
    height:43px!important;
  }
}

/* Pairing modal polish */
.sike-pair-scan{
  background:
    linear-gradient(90deg,rgba(43,209,121,.05),transparent),
    #0c0f13!important;
}


/* ===================================================================
   SIKE MUSIC V18 — TRUE FULLSCREEN STREAMING UI
   Spotify-inspired information architecture, original SIKE styling.
   =================================================================== */

/* Fullscreen mode hides the normal website/app chrome. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  overflow:hidden!important;
  height:100%!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .announcement,
body.sike-music-fullscreen-active .site-header,
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  padding:0!important;
  background:#050607!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
}
body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  height:100%!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
}

/* Fullscreen layout: rail / content / now playing + fixed transport bar */
.sike-music-fullscreen{
  --music-bg:#070809;
  --music-panel:#111315;
  --music-panel-2:#17191c;
  --music-border:rgba(255,255,255,.06);
  --music-orange:#ff6538;
  --music-red:#ef3436;
  --music-muted:#8b9199;
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 360px;
  grid-template-rows:minmax(0,1fr) 88px;
  gap:8px;
  width:100%;
  height:100dvh;
  padding:8px;
  box-sizing:border-box;
  background:#050607;
  color:#fff;
  overflow:hidden;
}

/* Left rail */
.sike-music-rail{
  grid-column:1;
  grid-row:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:12px 8px;
  border-radius:18px;
  background:linear-gradient(180deg,#0c0e10,#090a0c);
  border:1px solid var(--music-border);
}
.sike-music-rail-brand{
  width:100%;
  display:grid;
  place-items:center;
  gap:5px;
  padding:2px 0 12px;
  border-bottom:1px solid var(--music-border);
}
.sike-music-rail-brand>span{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--music-orange),var(--music-red));
  color:#fff;font-size:20px;font-weight:950;
  box-shadow:0 10px 28px rgba(239,53,50,.24);
}
.sike-music-rail-brand>b{
  font-size:6px;line-height:1.1;text-align:center;letter-spacing:.13em;color:#9ba1aa;
}
.sike-music-rail nav{
  width:100%;display:grid;gap:5px;
}
.sike-music-rail nav button,
.sike-music-exit{
  width:100%;height:58px;border:0;border-radius:15px;
  background:transparent;color:#737a84;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  cursor:pointer;
}
.sike-music-rail nav button i,.sike-music-exit i{font-size:17px;font-style:normal}
.sike-music-rail nav button span,.sike-music-exit span{font-size:6px;font-weight:800}
.sike-music-rail nav button.active,
.sike-music-rail nav button:hover,
.sike-music-exit:hover{
  background:#1a1d21;color:#fff;
}
.sike-music-rail nav button.active i{color:var(--music-orange)}
.sike-music-mini-library{
  width:100%;
  display:grid;gap:8px;
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid var(--music-border);
}
.sike-music-mini-library>span{font-size:5px;letter-spacing:.12em;color:#59616b;text-align:center;font-weight:900}
.sike-music-mini-library button{
  width:54px;height:54px;margin:auto;padding:0;border:0;border-radius:14px;background:#14171a;
  display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer;
}
.sike-music-mini-library button i{position:absolute;inset:0}
.sike-music-mini-library button i.drive{background:linear-gradient(145deg,#ff7a34,#b11d3b)}
.sike-music-mini-library button i.night{background:linear-gradient(145deg,#36225f,#111727)}
.sike-music-mini-library button i.bass{background:linear-gradient(145deg,#0d8c88,#1b253a)}
.sike-music-mini-library button em{position:relative;z-index:2;color:#fff;font-size:6px;font-style:normal;font-weight:900;text-shadow:0 1px 4px #000}
.sike-music-exit{margin-top:auto}

/* Center home */
.sike-music-home{
  grid-column:2;
  grid-row:1;
  min-width:0;min-height:0;
  display:flex;flex-direction:column;
  border-radius:18px;
  background:
    radial-gradient(circle at 68% -20%,rgba(255,103,56,.14),transparent 30%),
    linear-gradient(180deg,#17191b 0%,#101214 23%,#0e1012 100%);
  border:1px solid var(--music-border);
  overflow:hidden;
}
.sike-music-topbar{
  flex:0 0 68px;
  display:grid;
  grid-template-columns:auto minmax(280px,620px) 1fr;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  background:rgba(13,15,17,.72);
  border-bottom:1px solid rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.sike-music-nav-arrows button{
  width:40px;height:40px;border-radius:50%;border:0;background:#090a0c;color:#fff;font-size:22px;cursor:pointer
}
.sike-music-search-top{
  margin:0!important;
  height:44px!important;
  border-radius:999px!important;
  background:#242629!important;
  border:1px solid transparent!important;
  padding:2px 4px 2px 13px!important;
}
.sike-music-search-top:focus-within{border-color:#5d6268!important;background:#2b2d30!important}
.sike-music-search-top input{height:38px!important;font-size:11px!important}
.sike-music-search-top button{height:36px!important;border-radius:999px!important;padding:0 16px!important}
.sike-music-top-actions{justify-self:end;display:flex;gap:8px;align-items:center}
.sike-music-api-pill{
  height:38px;padding:0 13px;border-radius:999px;border:1px solid #33373d;background:#101215;color:#fff;
  display:flex;align-items:center;gap:7px;font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-api-pill i{width:7px;height:7px;border-radius:50%;background:#ff7144}
.sike-music-account-dot{
  width:38px;height:38px;border-radius:50%;border:4px solid #16191c;
  background:linear-gradient(145deg,#ff7138,#e73733);color:#fff;font-weight:950;cursor:pointer
}
.sike-music-scroll{
  min-height:0;overflow:auto;padding:18px 18px 30px;
  scrollbar-width:thin;scrollbar-color:#41454a transparent;
}
.sike-music-filter-pills{display:flex;gap:8px;margin-bottom:14px}
.sike-music-filter-pills button{
  height:34px;padding:0 15px;border-radius:999px;border:0;background:#2b2d30;color:#fff;font-size:8px;font-weight:800;cursor:pointer
}
.sike-music-filter-pills button.active{background:#fff;color:#111}

/* Quick tiles */
.sike-music-quick-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:26px
}
.sike-music-quick-grid button{
  min-width:0;height:64px;padding:0;border:0;border-radius:7px;overflow:hidden;
  background:#2b2d30;color:#fff;display:grid;grid-template-columns:64px 1fr 42px;align-items:center;text-align:left;cursor:pointer;
  transition:background .15s ease
}
.sike-music-quick-grid button:hover{background:#393b3e}
.quick-art{width:64px;height:64px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:950}
.quick-art.liked{background:linear-gradient(145deg,#6848ff,#c5f4e6)}
.quick-art.drive{background:linear-gradient(145deg,#ff7936,#b81d42)}
.quick-art.night{background:linear-gradient(145deg,#291b53,#11111d)}
.quick-art.bass{background:linear-gradient(145deg,#008f88,#25324f)}
.quick-art.house{background:linear-gradient(145deg,#dd6c15,#2f1610)}
.quick-art.outdoor{background:linear-gradient(145deg,#667d2f,#213d2c)}
.sike-music-quick-grid b{font-size:10px;padding:0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-quick-grid button>i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--music-orange);font-style:normal;
  opacity:0;transform:translateY(5px);transition:.16s
}
.sike-music-quick-grid button:hover>i{opacity:1;transform:none}

/* Feature hero */
.sike-music-featured{
  min-height:260px;
  border-radius:18px;
  display:flex;align-items:flex-end;justify-content:space-between;
  padding:28px;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,168,81,.26),transparent 30%),
    linear-gradient(130deg,#ff6937 0%,#df3532 40%,#5c1f1a 70%,#171315 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.sike-music-featured-copy{position:relative;z-index:2;max-width:560px}
.sike-music-featured-copy>span{font-size:7px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.7)}
.sike-music-featured-copy h3{font-size:48px;line-height:.91;letter-spacing:-.055em;margin:9px 0 14px;color:#fff}
.sike-music-featured-copy p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.72);max-width:460px}
.sike-music-featured-copy>div{display:flex;gap:8px;margin-top:18px}
.sike-music-featured-copy button{height:40px;padding:0 15px;border-radius:999px;border:0;background:#fff;color:#151515;font-size:8px;font-weight:900;cursor:pointer}
.sike-music-featured-copy button+button{background:rgba(0,0,0,.32);color:#fff;border:1px solid rgba(255,255,255,.16)}
.sike-music-eq-art{height:160px;display:flex;align-items:center;gap:7px;opacity:.64;transform:rotate(-7deg);margin-right:30px}
.sike-music-eq-art i{width:7px;border-radius:8px;background:#fff;animation:sikeFullWave 1.2s ease-in-out infinite alternate}
.sike-music-eq-art i:nth-child(1){height:25%}.sike-music-eq-art i:nth-child(2){height:50%;animation-delay:.1s}.sike-music-eq-art i:nth-child(3){height:80%;animation-delay:.2s}.sike-music-eq-art i:nth-child(4){height:40%;animation-delay:.3s}.sike-music-eq-art i:nth-child(5){height:95%;animation-delay:.4s}.sike-music-eq-art i:nth-child(6){height:60%;animation-delay:.5s}.sike-music-eq-art i:nth-child(7){height:35%;animation-delay:.6s}.sike-music-eq-art i:nth-child(8){height:78%;animation-delay:.7s}.sike-music-eq-art i:nth-child(9){height:48%;animation-delay:.8s}.sike-music-eq-art i:nth-child(10){height:88%;animation-delay:.9s}.sike-music-eq-art i:nth-child(11){height:30%;animation-delay:1s}
@keyframes sikeFullWave{to{transform:scaleY(.42);opacity:.45}}

/* Results */
.sike-music-made-for{margin-top:26px!important}
.sike-music-card-results{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
}
.sike-music-card-results .sike-music-track{
  min-width:0!important;min-height:215px!important;padding:10px!important;
  display:grid!important;grid-template-columns:1fr 34px!important;grid-template-rows:auto 1fr!important;
  border-radius:12px!important;background:#17191c!important;border:0!important;
}
.sike-music-card-results .track-play{
  grid-column:1/-1!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:8px!important;
}
.sike-music-card-results .sike-music-track>div{min-width:0;padding-top:8px}
.sike-music-card-results .sike-music-track b{font-size:9px!important}
.sike-music-card-results .track-queue{align-self:center}
.sike-music-card-results .sike-music-placeholder{grid-column:1/-1}

/* Right now-playing panel */
.sike-music-now-panel{
  grid-column:3;grid-row:1;
  min-height:0;overflow:auto;
  border-radius:18px;padding:14px;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,91,49,.09),transparent 30%),
    linear-gradient(180deg,#151719,#0c0e10 72%);
  border:1px solid var(--music-border)
}
.sike-music-now-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sike-music-now-header span{display:block;font-size:6px;letter-spacing:.13em;color:#69717b}
.sike-music-now-header b{display:block;font-size:11px;color:#fff;margin-top:3px}
.sike-music-now-header button{width:36px;height:36px;border-radius:50%;border:0;background:#24272b;color:#fff;cursor:pointer}
.sike-music-big-screen{aspect-ratio:1/1!important;border-radius:14px!important}
.sike-music-now{
  display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:16px 2px!important;
  border-bottom:1px solid var(--music-border)
}
.sike-music-now h4{font-size:22px!important;letter-spacing:-.035em;margin:0 0 4px!important}
.sike-music-now p{font-size:9px!important}
.sike-music-now>button{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #30343a;background:#15181c;color:#fff;font-size:17px;cursor:pointer
}
.sike-music-related{padding-top:15px}
.sike-music-related>span{font-size:7px;letter-spacing:.13em;color:#777f89;font-weight:900}
.sike-music-device-output{margin-top:8px!important}
.sike-music-side-art{
  margin-top:12px;min-height:180px;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.72)),
    radial-gradient(circle at 70% 20%,rgba(255,134,59,.5),transparent 31%),
    linear-gradient(145deg,#4c1e17,#111317)
}
.sike-music-side-art span{font-size:8px;letter-spacing:.17em;color:#ff7b48;font-weight:900}
.sike-music-side-art b{font-size:28px;line-height:.86;letter-spacing:-.05em;color:#fff;margin-top:7px}

/* Fixed bottom transport */
.sike-music-playerbar{
  grid-column:1/-1;grid-row:2;
  height:88px;min-height:88px;
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr) minmax(220px,1fr);
  align-items:center;gap:20px;
  padding:8px 16px;
  border-radius:16px;
  background:#08090b;
  border:1px solid var(--music-border)
}
.sike-music-playerbar-track{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;align-items:center}
.mini-cover{width:54px;height:54px;border-radius:6px;background:linear-gradient(145deg,#ff6b37,#612034);display:grid;place-items:center;font-size:18px;overflow:hidden}
.mini-cover img{width:100%;height:100%;object-fit:cover}
.sike-music-playerbar-track b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-playerbar-track small{display:block;color:#7b828b;font-size:7px;margin-top:3px}
.sike-music-playerbar-track>button{border:0;background:transparent;color:#a2a7ad;font-size:17px;cursor:pointer}
.sike-music-transport{min-width:0;display:grid;gap:5px}
.transport-buttons{display:flex;justify-content:center;align-items:center;gap:17px}
.transport-buttons button{border:0;background:transparent;color:#8b929a;font-size:14px;cursor:pointer}
.transport-buttons button.active{color:#ff7042}
.transport-buttons .play{width:38px;height:38px;border-radius:50%;background:#fff;color:#111;font-size:13px;display:grid;place-items:center}
.sike-music-progress{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center}
.sike-music-progress span{font-size:6px;color:#767d85;text-align:center}
.sike-music-progress input,.sike-music-player-tools input{accent-color:#fff;height:3px}
.sike-music-player-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.sike-music-player-tools button{border:0;background:transparent;color:#9ba1a8;font-size:17px}
.sike-music-player-tools span{font-size:6px;color:#6e757e}
.sike-music-player-tools input{width:120px}

/* API settings floats above fullscreen */
.sike-music-api-modal{z-index:20000!important}

/* Desktop responsive */
@media(max-width:1350px){
  .sike-music-fullscreen{grid-template-columns:76px minmax(0,1fr) 300px}
  .sike-music-card-results{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sike-music-featured-copy h3{font-size:42px}
}
@media(max-width:1100px){
  .sike-music-fullscreen{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 84px}
  .sike-music-now-panel{display:none}
  .sike-music-home{grid-column:2}
  .sike-music-playerbar{grid-column:1/-1}
  .sike-music-card-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Phone/tablet: fullscreen remains, rail becomes compact top/bottom experience */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-ios-shell{padding:0!important}
  .sike-music-fullscreen{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) 76px;
    gap:0;padding:0;
  }
  .sike-music-rail{display:none}
  .sike-music-home{
    grid-column:1;grid-row:1;
    border:0;border-radius:0
  }
  .sike-music-topbar{
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:7px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;
    flex-basis:auto;min-height:58px
  }
  .sike-music-nav-arrows button{width:34px;height:34px}
  .sike-music-search-top{height:38px!important}
  .sike-music-search-top input{height:32px!important;font-size:9px!important}
  .sike-music-search-top button{display:none}
  .sike-music-api-pill{width:34px;height:34px;padding:0;border-radius:50%;justify-content:center}
  .sike-music-api-pill span{display:none}
  .sike-music-account-dot{display:none}
  .sike-music-scroll{padding:11px 10px 24px}
  .sike-music-filter-pills{overflow:auto;scrollbar-width:none}.sike-music-filter-pills::-webkit-scrollbar{display:none}
  .sike-music-quick-grid{display:flex;overflow:auto;gap:7px;scrollbar-width:none}
  .sike-music-quick-grid::-webkit-scrollbar{display:none}
  .sike-music-quick-grid button{flex:0 0 210px}
  .sike-music-featured{min-height:205px;padding:20px}
  .sike-music-featured-copy h3{font-size:38px}
  .sike-music-featured-copy p{font-size:8px}
  .sike-music-eq-art{display:none}
  .sike-music-card-results{display:flex!important;overflow:auto!important;gap:9px!important;scrollbar-width:none}
  .sike-music-card-results::-webkit-scrollbar{display:none}
  .sike-music-card-results .sike-music-track{flex:0 0 155px!important;min-height:205px!important}
  .sike-music-card-results .sike-music-placeholder{flex:0 0 100%!important}
  .sike-music-now-panel{display:none}
  .sike-music-playerbar{
    grid-column:1;grid-row:2;
    height:76px;min-height:76px;border-radius:0;border-width:1px 0 0;
    grid-template-columns:minmax(0,1fr) auto;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom));
    gap:10px
  }
  .sike-music-playerbar-track{grid-template-columns:46px minmax(0,1fr) 30px}
  .mini-cover{width:46px;height:46px}
  .sike-music-transport{display:block}
  .transport-buttons button:not(.play){display:none}
  .transport-buttons{gap:0}
  .transport-buttons .play{width:38px;height:38px}
  .sike-music-progress,.sike-music-player-tools{display:none}
}

@media(prefers-reduced-motion:reduce){
  .sike-music-eq-art i{animation:none!important}
}


/* ===================================================================
   SIKE MUSIC V19 — EXACT SITE HEADER + EXACT SITE FOOTER
   Full viewport music workspace between the shared SIKEVENTURES chrome.
   =================================================================== */

/* MUSIC no longer takes over <html>/<body>; the shared index header stays. */
html.sike-music-fullscreen-active,
body.sike-music-fullscreen-active{
  height:auto!important;
  min-height:100%!important;
  overflow:auto!important;
  background:#050607!important;
}

/* Explicitly restore the exact shared website chrome. */
body.sike-music-fullscreen-active .announcement{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-header{
  display:flex!important;
}
body.sike-music-fullscreen-active .site-footer{
  display:block!important;
}
body.sike-music-fullscreen-active .site-demo-ribbon,
body.sike-music-fullscreen-active .site-demo-corner{
  /* Keep app demo corner/ribbon behavior from the normal site CSS. */
}

/* App wrapper becomes a full-width music viewport below the website header. */
body.sike-music-fullscreen-active .sike-ios-app{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:#050607!important;
}
body.sike-music-fullscreen-active .sike-ios-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050607!important;
  overflow:visible!important;
}

/* Normal SIKE App dashboard chrome is hidden only INSIDE the app workspace. */
body.sike-music-fullscreen-active .sike-abstract-bg,
body.sike-music-fullscreen-active .sike-ios-topbar,
body.sike-music-fullscreen-active .sike-ios-device-switcher,
body.sike-music-fullscreen-active .sike-ios-tabbar{
  display:none!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  width:100%!important;
  min-height:calc(100dvh - 132px)!important;
  padding:0!important;
}
body.sike-music-fullscreen-active .sike-ios-view{
  display:none!important;
}
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 132px)!important;
  margin:0!important;
  padding:0!important;
}

/* Full width, no artificial outer margins. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100%!important;
  height:calc(100dvh - 132px)!important;
  min-height:680px!important;
  padding:8px!important;
  border-radius:0!important;
}

/* Footer starts immediately after the music viewport and is EXACT shared footer. */
body.sike-music-fullscreen-active .site-footer{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
}

/* Main content uses more of wide screens. */
@media(min-width:1400px){
  .sike-music-fullscreen{
    grid-template-columns:88px minmax(0,1fr) minmax(330px,22vw)!important;
  }
  .sike-music-scroll{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .sike-music-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sike-music-card-results{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* Website header stays visually identical to index, including mobile menu. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .announcement{
    display:none!important; /* matches the site's own compact phone behavior */
  }
  body.sike-music-fullscreen-active .site-header{
    display:flex!important;
    position:relative!important;
    top:auto!important;
  }

  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-height:calc(100dvh - 66px)!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    height:calc(100dvh - 66px)!important;
    min-height:560px!important;
  }

  /* Phone: use full available width and a cleaner music layout. */
  .sike-music-home{
    width:100%!important;
  }
  .sike-music-scroll{
    padding:10px 10px 18px!important;
  }
  .sike-music-featured{
    min-height:185px!important;
    border-radius:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:34px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:190px!important;
    height:58px!important;
    grid-template-columns:58px 1fr 36px!important;
  }
  .quick-art{
    width:58px!important;
    height:58px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:145px!important;
    min-height:190px!important;
  }

  /* Bottom player stays above iPhone safe area inside music workspace. */
  .sike-music-playerbar{
    padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
  }

  /* Exact shared footer remains normal and scrollable below Music. */
  body.sike-music-fullscreen-active .site-footer{
    display:block!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    min-height:520px!important;
  }
  .sike-music-featured{
    padding:16px!important;
  }
  .sike-music-featured-copy h3{
    font-size:30px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V20 — TRUE EDGE-TO-EDGE HORIZONTAL LAYOUT
   Removes the remaining left/right dead space shown in V19.
   =================================================================== */

body.sike-music-fullscreen-active{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

body.sike-music-fullscreen-active .sike-ios-app,
body.sike-music-fullscreen-active .sike-ios-shell,
body.sike-music-fullscreen-active .sike-ios-dashboard,
body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}

body.sike-music-fullscreen-active .sike-music-fullscreen{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:6px!important;
  gap:6px!important;
  box-sizing:border-box!important;

  /* narrower left rail so content starts immediately */
  grid-template-columns:74px minmax(0,1fr) minmax(320px,22vw)!important;
}

/* Left rail sits directly against viewport edge. */
body.sike-music-fullscreen-active .sike-music-rail{
  margin:0!important;
  border-radius:0 16px 16px 0!important;
  border-left:0!important;
  width:74px!important;
  min-width:74px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

/* Remove any inherited wrapper indentation. */
body.sike-music-fullscreen-active .sike-music-home{
  margin:0!important;
  min-width:0!important;
}
body.sike-music-fullscreen-active .sike-music-now-panel{
  margin:0!important;
}

/* Bottom transport stretches completely from left to right. */
body.sike-music-fullscreen-active .sike-music-playerbar{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}

/* Make the center feel wider on common desktop resolutions. */
@media(min-width:1101px) and (max-width:1399px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 300px!important;
  }
}
@media(min-width:1400px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(320px,20vw)!important;
  }
}

/* Tablet: even tighter rail. */
@media(max-width:1100px) and (min-width:721px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  body.sike-music-fullscreen-active .sike-music-rail{
    width:64px!important;
    min-width:64px!important;
  }
}

/* Mobile remains truly edge-to-edge. */
@media(max-width:720px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100vw!important;
    max-width:100vw!important;
    padding:0!important;
    gap:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-home{
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V21 — TRUE CENTERING FIX
   The remaining offset came from the normal SIKE App CSS grid:
   .sike-ios-view was still assigned to grid-column:2.
   Music mode now fully escapes that dashboard grid.
   =================================================================== */

body.sike-music-fullscreen-active .sike-ios-shell{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  column-gap:0!important;
  row-gap:0!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
}

body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  padding:0!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
}

/* Music canvas is now mathematically aligned to viewport edges. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  position:relative!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
}

/* Prevent any legacy app-side column widths from leaking into MUSIC. */
body.sike-music-fullscreen-active .sike-ios-main-column,
body.sike-music-fullscreen-active .sike-ios-side-column{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Keep the center workspace balanced between rail and Now Playing panel. */
@media(min-width:1101px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(300px,20vw)!important;
  }
}

/* On common 1366–1920 desktop widths, slightly reduce the right panel so
   the visual center remains the music content rather than being pulled right. */
@media(min-width:1101px) and (max-width:1920px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 290px!important;
  }
}

/* Tablet/mobile stay edge-to-edge with no inherited grid column. */
@media(max-width:1100px){
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-width:100vw!important;
  }
}


/* ===================================================================
   SIKE MUSIC V22 — MOBILE FIX / IPHONE-FIRST POLISH
   Built directly on V21. Desktop remains unchanged.
   =================================================================== */

@media(max-width:720px){

  html.sike-music-fullscreen-active,
  body.sike-music-fullscreen-active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#050607!important;
  }

  /* Shared site header: compact and predictable on phone. */
  body.sike-music-fullscreen-active .site-header{
    height:64px!important;
    min-height:64px!important;
    padding:0 10px!important;
    background:#070809!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:178px!important;
    width:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:174px!important;
    width:100%!important;
    height:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .desktop-nav,
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
  body.sike-music-fullscreen-active .site-header .header-actions{
    margin-left:auto!important;
    gap:7px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button span{
    display:none!important;
  }

  /* Music fills all remaining space under header. */
  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - 64px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 72px!important;
    background:#050607!important;
    overflow:hidden!important;
  }

  /* Hide desktop-only sidebars/panels. */
  .sike-music-rail,
  .sike-music-now-panel{
    display:none!important;
  }

  .sike-music-home{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 72% -15%,rgba(255,93,44,.12),transparent 28%),
      linear-gradient(180deg,#151719 0%,#0d0f11 25%,#0a0c0e 100%)!important;
  }

  /* Compact top search area. */
  .sike-music-topbar{
    position:sticky!important;
    top:0!important;
    z-index:15!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    background:rgba(9,11,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  .sike-music-nav-arrows button{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    font-size:20px!important;
  }
  .sike-music-search-top{
    height:38px!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 8px!important;
    border-radius:999px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .sike-music-search-top span{
    font-size:14px!important;
  }
  .sike-music-search-top input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    font-size:9px!important;
  }
  .sike-music-search-top button{
    display:none!important;
  }
  .sike-music-top-actions{
    width:36px!important;
    display:block!important;
  }
  .sike-music-api-pill{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
  }
  .sike-music-api-pill span{
    display:none!important;
  }
  .sike-music-account-dot{
    display:none!important;
  }

  /* Main scrolling content */
  .sike-music-scroll{
    height:calc(100% - 58px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 10px 18px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-music-filter-pills{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    margin:0 0 10px!important;
    padding-bottom:1px!important;
    scrollbar-width:none!important;
  }
  .sike-music-filter-pills::-webkit-scrollbar{display:none!important}
  .sike-music-filter-pills button{
    flex:0 0 auto!important;
    height:32px!important;
    padding:0 13px!important;
    font-size:7px!important;
  }

  /* Quick playlists -> smooth horizontal rail. */
  .sike-music-quick-grid{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-bottom:14px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-quick-grid::-webkit-scrollbar{display:none!important}
  .sike-music-quick-grid button{
    flex:0 0 188px!important;
    width:188px!important;
    min-width:188px!important;
    height:56px!important;
    grid-template-columns:56px minmax(0,1fr) 30px!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  .quick-art{
    width:56px!important;
    height:56px!important;
    font-size:18px!important;
  }
  .sike-music-quick-grid b{
    font-size:8px!important;
    padding:0 8px!important;
  }
  .sike-music-quick-grid button>i{
    width:28px!important;
    height:28px!important;
    opacity:1!important;
    transform:none!important;
    font-size:8px!important;
  }

  /* Hero is shorter and phone-scaled. */
  .sike-music-featured{
    min-height:176px!important;
    border-radius:15px!important;
    padding:17px!important;
    margin-bottom:16px!important;
  }
  .sike-music-featured-copy{
    max-width:100%!important;
  }
  .sike-music-featured-copy>span{
    font-size:6px!important;
  }
  .sike-music-featured-copy h3{
    font-size:31px!important;
    line-height:.92!important;
    margin:7px 0 9px!important;
  }
  .sike-music-featured-copy p{
    font-size:7px!important;
    max-width:92%!important;
  }
  .sike-music-featured-copy>div{
    margin-top:12px!important;
  }
  .sike-music-featured-copy button{
    height:34px!important;
    padding:0 11px!important;
    font-size:7px!important;
  }
  .sike-music-eq-art{
    display:none!important;
  }

  /* Start listening section */
  .sike-music-made-for{
    margin-top:0!important;
  }
  .sike-music-section-head{
    margin-bottom:7px!important;
  }
  .sike-music-section-head h4{
    font-size:16px!important;
  }
  .sike-music-url-entry{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  .sike-music-url-entry input{
    min-width:0!important;
    width:100%!important;
    height:39px!important;
    font-size:7px!important;
    padding:0 10px!important;
  }
  .sike-music-url-entry button{
    height:39px!important;
    padding:0 11px!important;
  }
  .sike-music-api-note{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:8px 9px!important;
    margin-top:6px!important;
  }
  .sike-music-api-note p{
    display:none!important;
  }

  /* Search results -> cards rail instead of cramped grid. */
  .sike-music-card-results{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-card-results::-webkit-scrollbar{display:none!important}
  .sike-music-card-results .sike-music-track{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    min-height:184px!important;
    padding:8px!important;
    scroll-snap-align:start!important;
  }
  .sike-music-card-results .track-play{
    width:100%!important;
    aspect-ratio:1!important;
  }
  .sike-music-card-results .sike-music-track b{
    font-size:8px!important;
  }
  .sike-music-card-results .sike-music-track small{
    font-size:6.5px!important;
  }
  .sike-music-card-results .sike-music-placeholder{
    flex:0 0 100%!important;
    min-height:130px!important;
  }

  /* Bottom now-playing bar: clean and never clipped. */
  .sike-music-playerbar{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:6px 9px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(7,8,10,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-music-playerbar-track{
    min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) 28px!important;
    gap:8px!important;
  }
  .mini-cover{
    width:44px!important;
    height:44px!important;
    border-radius:8px!important;
  }
  .sike-music-playerbar-track b{
    font-size:8px!important;
  }
  .sike-music-playerbar-track small{
    font-size:6px!important;
  }
  .sike-music-playerbar-track>button{
    font-size:15px!important;
  }
  .sike-music-transport{
    display:block!important;
  }
  .transport-buttons{
    display:block!important;
  }
  .transport-buttons button:not(.play){
    display:none!important;
  }
  .transport-buttons .play{
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .sike-music-progress,
  .sike-music-player-tools{
    display:none!important;
  }

  /* API modal fits phone properly. */
  .sike-music-api-modal{
    padding:12px!important;
  }
  .sike-music-api-card{
    width:100%!important;
    max-width:100%!important;
    padding:19px!important;
    border-radius:20px!important;
  }
  .sike-music-api-card h3{
    font-size:24px!important;
  }

  /* Footer: exact shared footer, stacked nicely on phone. */
  body.sike-music-fullscreen-active .site-footer{
    margin:0!important;
  }
}

/* Small iPhones */
@media(max-width:430px){
  body.sike-music-fullscreen-active .site-header{
    height:60px!important;
    min-height:60px!important;
    padding:0 8px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:158px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:154px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    height:calc(100dvh - 60px)!important;
  }

  .sike-music-topbar{
    min-height:54px!important;
    height:54px!important;
    padding:7px!important;
  }
  .sike-music-scroll{
    height:calc(100% - 54px)!important;
    padding:8px 8px 16px!important;
  }
  .sike-music-featured{
    min-height:164px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:134px!important;
    width:134px!important;
    min-width:134px!important;
  }
}

/* Very small devices */
@media(max-width:360px){
  .sike-music-featured-copy h3{font-size:25px!important}
  .sike-music-featured-copy p{display:none!important}
  .sike-music-quick-grid button{
    flex-basis:164px!important;
    width:164px!important;
    min-width:164px!important;
  }
}


/* SIKE MUSIC V23 — secure server-side YouTube API status */
.sike-music-server-api-ready{
  display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;
  border-radius:14px;background:#0c1110;border:1px solid rgba(43,209,121,.24)
}
.sike-music-server-api-ready>i{
  width:10px;height:10px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 7px rgba(43,209,121,.09)
}
.sike-music-server-api-ready b{display:block;color:#fff;font-size:9px}
.sike-music-server-api-ready small{display:block;color:#747d85;font-size:7px;margin-top:3px}


/* ===================================================================
   SIKE MUSIC V24 — NO LIVECHAT IN MUSIC + MOBILE VIDEO PLAYER
   =================================================================== */

/* Hide all known SIKE livechat widget surfaces only while Music is active. */
body.sike-music-fullscreen-active .livechat,
body.sike-music-fullscreen-active .live-chat,
body.sike-music-fullscreen-active .chat-widget,
body.sike-music-fullscreen-active .chat-launcher,
body.sike-music-fullscreen-active .chat-button,
body.sike-music-fullscreen-active .support-chat,
body.sike-music-fullscreen-active .sike-chat,
body.sike-music-fullscreen-active .sike-livechat,
body.sike-music-fullscreen-active [data-livechat],
body.sike-music-fullscreen-active [data-chat-widget],
body.sike-music-fullscreen-active [class*="livechat"],
body.sike-music-fullscreen-active [class*="chat-widget"]{
  display:none!important;
}

/* Track title is now a real player action. */
.sike-track-meta{min-width:0}
.sike-track-title{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font:inherit;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.sike-track-title:hover{
  text-decoration:underline;
}
.sike-music-player-screen.focus-pulse{
  animation:sikePlayerFocus .6s ease;
}
@keyframes sikePlayerFocus{
  0%{box-shadow:0 0 0 0 rgba(255,101,56,.0)}
  40%{box-shadow:0 0 0 8px rgba(255,101,56,.16)}
  100%{box-shadow:0 0 0 0 rgba(255,101,56,0)}
}

/* Mobile fullscreen player sheet */
.sike-music-mobile-player-sheet{
  display:none;
}

@media(max-width:720px){

  /* Even cleaner overall mobile music canvas */
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-bottom:22px!important;
  }

  .sike-music-featured{
    min-height:156px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-featured-copy p{
    max-width:95%!important;
  }

  .sike-music-quick-grid button{
    flex-basis:172px!important;
    width:172px!important;
    min-width:172px!important;
  }

  .sike-music-card-results .sike-music-track{
    flex-basis:138px!important;
    width:138px!important;
    min-width:138px!important;
    min-height:176px!important;
  }
  .sike-track-title{
    font-size:8px!important;
  }

  /* Bottom player track clearly opens the full video sheet */
  .sike-music-playerbar-track{
    cursor:pointer!important;
    border-radius:10px!important;
    padding:3px!important;
    margin-left:-3px!important;
  }
  .sike-music-playerbar-track:active{
    background:rgba(255,255,255,.04)!important;
  }

  .sike-music-mobile-player-sheet{
    display:flex;
    position:fixed;
    z-index:25000;
    left:0;right:0;bottom:0;
    height:calc(100dvh - 60px);
    flex-direction:column;
    padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    background:
      radial-gradient(circle at 50% 17%,rgba(255,103,54,.20),transparent 35%),
      linear-gradient(180deg,#161214 0%,#0d0f12 48%,#08090b 100%);
    transform:translateY(105%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .sike-music-mobile-player-sheet.open{
    transform:translateY(0);
    pointer-events:auto;
  }

  .sike-music-mobile-player-head{
    display:grid;
    grid-template-columns:40px 1fr 40px;
    align-items:center;
    gap:8px;
    min-height:48px;
  }
  .sike-music-mobile-player-head button{
    width:38px;height:38px;border-radius:50%;
    border:0;background:#202328;color:#fff;font-size:17px;
  }
  .sike-music-mobile-player-head>div{
    text-align:center;
  }
  .sike-music-mobile-player-head small{
    display:block;font-size:6px;letter-spacing:.13em;color:#7c838c;
  }
  .sike-music-mobile-player-head b{
    display:block;font-size:9px;margin-top:2px;color:#fff;
  }

  /* The actual live iframe remains the canonical player; this sheet
     visually frames the same now-playing state for mobile. */
  .sike-music-mobile-video-mirror{
    margin-top:10px;
    aspect-ratio:16/10;
    border-radius:20px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,92,48,.15),transparent 33%),
      #060708;
    border:1px solid rgba(255,255,255,.06);
    display:grid;
    place-items:center;
    overflow:hidden;
    position:relative;
  }
  .sike-music-mobile-video-mirror:before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent,rgba(255,255,255,.025));
  }
  .sike-music-mobile-video-note{
    position:relative;z-index:2;
    text-align:center;padding:22px;
  }
  .sike-music-mobile-video-note span{
    display:block;color:#ff7144;font-size:7px;letter-spacing:.14em;font-weight:900;
  }
  .sike-music-mobile-video-note p{
    color:#737b85;font-size:8px;line-height:1.5;max-width:260px;margin:7px auto 0;
  }

  .sike-music-mobile-now-copy{
    padding:20px 2px 12px;
  }
  .sike-music-mobile-now-copy h3{
    margin:0;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.035em;
  }
  .sike-music-mobile-now-copy p{
    margin:6px 0 0;color:#7c838d;font-size:9px;
  }

  .sike-music-mobile-sheet-controls{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
  }
  .sike-music-mobile-sheet-controls button{
    width:42px;height:42px;border-radius:50%;
    border:0;background:transparent;color:#b5bac1;font-size:16px;
  }
  .sike-music-mobile-sheet-controls button.main{
    width:58px;height:58px;background:#fff;color:#111;font-size:18px;
  }
}

@media(max-width:390px){
  .sike-music-mobile-player-sheet{
    height:calc(100dvh - 58px);
    padding-left:11px;
    padding-right:11px;
  }
  .sike-music-featured{
    min-height:148px!important;
  }
  .sike-music-featured-copy h3{
    font-size:26px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V25 — COLLAPSIBLE + CUSTOM USER BANNER
   =================================================================== */

.sike-music-featured{
  --sike-banner-overlay:.32;
  isolation:isolate;
  transition:min-height .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1);
}
.sike-music-banner-image,
.sike-music-banner-shade{
  position:absolute;inset:0;pointer-events:none;
}
.sike-music-banner-image{
  z-index:0;
  background-size:cover;
  background-position:center center;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .3s ease,transform .7s ease;
}
.sike-music-featured.has-custom-image .sike-music-banner-image{
  opacity:1;
  transform:scale(1);
}
.sike-music-banner-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(12,8,8,.78) 0%,rgba(14,8,8,.42) 52%,rgba(10,7,7,.12) 100%),
    rgba(8,8,8,var(--sike-banner-overlay));
}
.sike-music-featured:not(.has-custom-image) .sike-music-banner-shade{
  background:linear-gradient(90deg,rgba(255,90,50,.04),rgba(10,8,8,.12));
}
.sike-music-featured-copy,.sike-music-eq-art{
  position:relative;z-index:3;
}
.sike-music-banner-toolbar{
  position:absolute;z-index:8;top:13px;right:13px;display:flex;gap:6px
}
.sike-music-banner-tool{
  min-height:34px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(10,12,15,.68);color:#fff;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-banner-tool.icon{width:34px;padding:0;font-size:15px}
.sike-music-banner-tool:hover{background:rgba(20,23,27,.86)}
.sike-music-banner-collapsed-copy{display:none;position:relative;z-index:4;width:100%;align-items:center;justify-content:space-between}
.sike-music-banner-collapsed-copy span{display:block;color:#ff7a4a;font-size:6px;letter-spacing:.14em;font-weight:900}
.sike-music-banner-collapsed-copy b{display:block;color:#fff;font-size:15px;margin-top:2px}
.sike-music-banner-collapsed-copy button{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,15,.64);color:#fff;padding:0 12px;font-size:7px;font-weight:850}

.sike-music-featured.is-collapsed{
  min-height:64px!important;
  height:64px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.sike-music-featured.is-collapsed .sike-music-featured-copy,
.sike-music-featured.is-collapsed .sike-music-eq-art{display:none!important}
.sike-music-featured.is-collapsed .sike-music-banner-collapsed-copy{display:flex}
.sike-music-featured.is-collapsed .sike-music-banner-toolbar .sike-music-banner-tool:not(.icon){display:none}
.sike-music-featured.is-collapsed .sike-music-banner-shade{background:rgba(7,8,10,.48)}

.sike-music-banner-editor{
  margin:-10px 0 20px;
  padding:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  background:#111419;
  border:1px solid transparent;
  transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin .28s ease;
}
.sike-music-banner-editor[hidden]{display:none!important}
.sike-music-banner-editor.open{
  max-height:620px;
  opacity:1;
  padding:17px;
  margin:-8px 0 20px;
  border-color:#292f36;
}
.sike-music-banner-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sike-music-banner-editor-head span{font-size:6px;letter-spacing:.15em;color:#ff7446;font-weight:900}
.sike-music-banner-editor-head h4{margin:4px 0 0;color:#fff;font-size:18px}
.sike-music-banner-editor-head>button{width:34px;height:34px;border-radius:11px;border:1px solid #30363d;background:#0b0e12;color:#fff;font-size:18px}
.sike-music-banner-editor-grid{display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:10px;margin-top:14px}
.sike-banner-upload{
  min-height:112px;border:1px dashed #3a4048;border-radius:14px;background:#0b0e12;
  display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer
}
.sike-banner-upload input{display:none}
.sike-banner-upload .upload-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6d39,#e93632);color:#fff;font-size:20px}
.sike-banner-upload b{display:block;color:#fff;font-size:9px}.sike-banner-upload small{display:block;color:#707985;font-size:7px;margin-top:4px}
.sike-banner-fields{display:grid;gap:8px}
.sike-banner-fields label,.sike-banner-look label{display:block}
.sike-banner-fields small,.sike-banner-look small{display:block;color:#6d7580;font-size:6px;letter-spacing:.1em;font-weight:900;margin-bottom:5px}
.sike-banner-fields input,.sike-banner-look select{
  width:100%;height:39px;box-sizing:border-box;border-radius:10px;border:1px solid #2a3037;background:#0b0e12;color:#fff;padding:0 10px;font-size:8px;outline:0
}
.sike-banner-look{display:grid;align-content:start;gap:12px}
.sike-banner-look input[type=range]{width:100%;accent-color:#ff6039}
.sike-music-banner-editor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.sike-music-banner-editor-actions button{height:38px;border-radius:10px;padding:0 13px;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-banner-editor-actions .secondary{background:#0c0f13;color:#a1a7af;border:1px solid #2a3037}
.sike-music-banner-editor-actions .primary{background:linear-gradient(135deg,#ff6938,#e63632);color:#fff;border:0}

/* Mobile banner/editor */
@media(max-width:720px){
  .sike-music-banner-toolbar{top:8px;right:8px}
  .sike-music-banner-tool{min-height:30px;padding:0 9px}
  .sike-music-banner-tool span{display:none}
  .sike-music-banner-tool.icon{width:30px}
  .sike-music-featured.is-collapsed{
    min-height:58px!important;height:58px!important;padding:9px 11px!important
  }
  .sike-music-banner-collapsed-copy b{font-size:12px}
  .sike-music-banner-collapsed-copy button{height:30px;padding:0 9px}
  .sike-music-banner-collapsed-copy button span{display:none}

  .sike-music-banner-editor.open{
    max-height:1000px;
    padding:13px;
    margin:-6px 0 14px;
    border-radius:0 0 15px 15px
  }
  .sike-music-banner-editor-grid{grid-template-columns:1fr;gap:9px}
  .sike-banner-upload{min-height:76px}
  .sike-banner-fields{gap:7px}
  .sike-banner-look{grid-template-columns:1fr 1fr;gap:9px}
  .sike-music-banner-editor-actions{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:390px){
  .sike-music-banner-editor-head h4{font-size:16px}
  .sike-banner-look{grid-template-columns:1fr}
}


/* ===================================================================
   SIKE V27 — SIGNED-IN USER IN SHARED TOP NAV
   =================================================================== */

.site-header .header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.site-user-pill{
  min-width:0;
  height:48px;
  max-width:230px;
  padding:5px 10px 5px 5px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:15px;
  background:#111419;
  border:1px solid #292e35;
  color:#fff;
  text-decoration:none;
  box-sizing:border-box;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}
.site-user-pill:hover{
  transform:translateY(-1px);
  background:#171a1f;
  border-color:#3a4048;
}
.site-user-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#ff6d39,#e63632);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(231,56,48,.18);
}
.site-user-copy{
  min-width:0;
  display:block;
  line-height:1.05;
}
.site-user-copy strong{
  display:block;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.site-user-copy small{
  display:block;
  margin-top:4px;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#737b85;
  font-size:6.5px;
  font-weight:700;
}
.site-user-chevron{
  margin-left:auto;
  color:#626a74;
  font-size:9px;
  font-style:normal;
}

/* Slight provider identity without disturbing SIKE styling. */
.site-user-pill.provider-facebook .site-user-avatar{background:linear-gradient(145deg,#2476f2,#1555ba)}
.site-user-pill.provider-google .site-user-avatar{background:linear-gradient(145deg,#f4f4f4,#d9d9d9);color:#222}
.site-user-pill.provider-apple .site-user-avatar{background:linear-gradient(145deg,#292b2e,#050607)}
.site-user-pill.provider-spotify .site-user-avatar{background:linear-gradient(145deg,#1ed760,#12933f);color:#07110a}
.site-user-pill.provider-microsoft .site-user-avatar{background:linear-gradient(145deg,#f05a28,#d83a21)}

/* SIKE MUSIC header now has a proper visual balance on large screens. */
body.sike-music-fullscreen-active .site-header .header-actions{
  margin-left:auto!important;
}
body.sike-music-fullscreen-active .site-user-pill{
  display:flex!important;
}

/* In the internal music topbar, the S account dot becomes a compact shortcut. */
.sike-music-account-dot{
  display:grid;
  place-items:center;
  text-decoration:none;
}

/* Laptop widths: keep name, hide provider label first. */
@media(max-width:1260px) and (min-width:721px){
  .site-user-pill{
    max-width:165px;
    padding-right:8px;
  }
  .site-user-copy strong{max-width:92px}
  .site-user-copy small{display:none}
  .site-user-chevron{display:none}
}

/* Mobile: avatar stays in nav, name moves into menu-friendly compact mode. */
@media(max-width:720px){
  .site-header .header-actions{
    gap:6px!important;
  }
  .site-user-pill{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
    justify-content:center!important;
  }
  .site-user-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  .site-user-copy,
  .site-user-chevron{
    display:none!important;
  }

  /* Avoid too many right-side buttons: search is already available in menu. */
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
}

/* Very small phones: retain user + cart + menu without overflow. */
@media(max-width:390px){
  .site-user-pill{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .site-user-avatar{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
}


/* ===================================================================
   SIKE APP V28 — PERSISTENT MUSIC / ACTIVE SPEAKER / MINIMIZABLE PLAYER
   =================================================================== */

/* Keep the YouTube iframe alive when returning to Dashboard.
   It is moved offscreen instead of display:none while a track exists. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-music-view:not(.active){
  display:block!important;
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:2px!important;
  height:2px!important;
  min-width:2px!important;
  min-height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Dashboard speaker is visibly active while music plays. */
.device-playing-music .sike-ios-hero-card{
  border-color:rgba(255,101,56,.18)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,101,56,.045),
    inset 0 0 80px rgba(255,82,42,.025)!important;
}
.device-playing-music .sike-builder-live-stage:after{
  content:"";
  position:absolute;
  inset:auto 12% 2% 12%;
  height:22%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,92,44,.15),transparent 68%);
  filter:blur(12px);
  animation:sikeActiveSpeakerGlow 1.9s ease-in-out infinite alternate;
}
@keyframes sikeActiveSpeakerGlow{
  from{opacity:.45;transform:scale(.92)}
  to{opacity:1;transform:scale(1.08)}
}

.sike-dashboard-now-playing{
  min-height:66px;
  margin:8px 0 10px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,98,52,.09),transparent 42%),
    #0d1014;
  border:1px solid rgba(255,102,55,.18);
}
.sike-dashboard-now-playing[hidden]{display:none!important}
.sike-dashboard-now-cover{
  width:50px;height:50px;border-radius:11px;overflow:hidden;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6639,#682134);
  color:#fff;font-size:18px
}
.sike-dashboard-now-cover img{width:100%;height:100%;object-fit:cover}
.sike-dashboard-now-copy{min-width:0}
.sike-dashboard-now-copy small{
  display:flex;align-items:center;gap:6px;color:#ff794c;
  font-size:6px;letter-spacing:.12em;font-weight:900
}
.sike-dashboard-now-copy small i{
  width:7px;height:7px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 5px rgba(43,209,121,.08)
}
.sike-dashboard-now-copy strong{
  display:block;margin-top:4px;color:#fff;font-size:10px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-copy>span{
  display:block;margin-top:3px;color:#727b85;font-size:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-bars{height:30px;display:flex;align-items:center;gap:3px}
.sike-dashboard-now-bars i{
  width:3px;border-radius:5px;background:#ff6840;
  animation:sikeDashboardBars .8s ease-in-out infinite alternate
}
.sike-dashboard-now-bars i:nth-child(1){height:28%;animation-delay:.05s}
.sike-dashboard-now-bars i:nth-child(2){height:75%;animation-delay:.18s}
.sike-dashboard-now-bars i:nth-child(3){height:48%;animation-delay:.28s}
.sike-dashboard-now-bars i:nth-child(4){height:88%;animation-delay:.4s}
@keyframes sikeDashboardBars{to{transform:scaleY(.38);opacity:.55}}
.sike-dashboard-now-playing>button{
  height:34px;padding:0 12px;border-radius:10px;
  border:1px solid #2e343b;background:#15181d;color:#fff;
  font-size:7px;font-weight:900;cursor:pointer
}

/* Persistent global player */
.sike-global-music-player{
  position:fixed;
  z-index:18000;
  left:18px;
  right:18px;
  bottom:16px;
  min-height:68px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto minmax(180px,.6fr);
  gap:16px;
  align-items:center;
  border-radius:18px;
  background:rgba(7,9,12,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  transition:
    transform .26s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease,
    width .25s ease,
    left .25s ease,
    right .25s ease;
}
.sike-global-music-player[hidden]{display:none!important}
.sike-music-fullscreen-active .sike-global-music-player{display:none!important}

.sike-global-player-track{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
  align-items:center;
  cursor:pointer
}
.sike-global-player-cover{
  width:50px;height:50px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(145deg,#ff6938,#3a1721);
  color:#fff;font-size:18px
}
.sike-global-player-cover img{width:100%;height:100%;object-fit:cover}
.sike-global-player-copy{min-width:0}
.sike-global-player-copy small{display:block;color:#ff7346;font-size:6px;letter-spacing:.13em;font-weight:900}
.sike-global-player-copy strong{
  display:block;color:#fff;font-size:9px;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-global-player-copy span{
  display:block;color:#737b85;font-size:7px;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.sike-global-player-controls{
  display:flex;align-items:center;justify-content:center;gap:12px
}
.sike-global-player-controls button{
  width:34px;height:34px;border-radius:50%;
  border:0;background:transparent;color:#949ba4;font-size:12px;cursor:pointer
}
.sike-global-player-controls .main{
  width:44px;height:44px;background:#fff;color:#111;font-size:13px
}

.sike-global-player-output{
  justify-self:end;display:flex;align-items:center;gap:10px
}
.sike-global-player-output>span{
  display:flex;align-items:center;gap:7px;
  color:#838b94;font-size:7px
}
.sike-global-player-output i{
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-player-output b{color:#fff;font-size:7px}
.sike-global-player-output>button{
  width:34px;height:34px;border-radius:11px;
  border:1px solid #2b3138;background:#111419;color:#fff;font-size:15px;cursor:pointer
}

.sike-global-player-mini{
  display:none;
}

/* Minimized state: compact floating music capsule. */
.sike-global-music-player.is-minimized{
  left:auto;
  right:18px;
  width:58px;
  min-height:58px;
  height:58px;
  padding:0;
  border-radius:19px;
  grid-template-columns:1fr;
  overflow:hidden
}
.sike-global-music-player.is-minimized>.sike-global-player-track,
.sike-global-music-player.is-minimized>.sike-global-player-controls,
.sike-global-music-player.is-minimized>.sike-global-player-output{
  display:none!important
}
.sike-global-music-player.is-minimized .sike-global-player-mini{
  width:100%;height:100%;padding:0;border:0;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6638,#d92f35);
  color:#fff;cursor:pointer;position:relative
}
.sike-global-player-mini span{font-size:20px}
.sike-global-player-mini i{
  position:absolute;right:8px;top:8px;
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-music-player.is-paused .sike-global-player-mini i{
  background:#8a919a
}

/* Reserve bottom space so player never covers dashboard content. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:100px!important
}

/* Mobile global player */
@media(max-width:720px){
  .sike-dashboard-now-playing{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:58px;padding:7px;border-radius:14px
  }
  .sike-dashboard-now-cover{width:44px;height:44px}
  .sike-dashboard-now-bars{display:none}
  .sike-dashboard-now-playing>button{
    width:34px;padding:0;font-size:0
  }
  .sike-dashboard-now-playing>button:after{
    content:"♫";font-size:13px
  }

  .sike-global-music-player{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    min-height:62px;
    padding:6px 8px;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
    border-radius:18px
  }
  .sike-global-player-track{
    grid-template-columns:44px minmax(0,1fr);gap:8px
  }
  .sike-global-player-cover{width:44px;height:44px}
  .sike-global-player-controls button:not(.main){display:none}
  .sike-global-player-controls{gap:0}
  .sike-global-player-controls .main{width:40px;height:40px}
  .sike-global-player-output{
    position:absolute;right:8px;top:-39px
  }
  .sike-global-player-output>span{display:none}
  .sike-global-player-output>button{
    width:32px;height:32px;border-radius:11px;
    background:rgba(13,16,20,.92)
  }
  .sike-global-music-player.is-minimized{
    right:8px;
    left:auto;
    width:54px;
    height:54px;
    min-height:54px;
    bottom:calc(8px + env(safe-area-inset-bottom))
  }
  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:92px!important
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-dashboard-now-bars i,
  .device-playing-music .sike-builder-live-stage:after{
    animation:none!important
  }
}


/* ===================================================================
   SIKE APP V29 — DASHBOARD LAYOUT RECOVERY
   Fixes V28 hero-grid break caused by Now Playing being inserted as
   a fourth direct grid child.
   =================================================================== */

/* Restore the original, stable 3-row hero layout exactly. */
.sike-ios-hero-card{
  grid-template-rows:auto minmax(300px,1fr) auto!important;
}

/* 3D model stage remains the flexible middle row. */
.sike-builder-live-stage{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Now Playing is now a floating glass card OVER the 3D viewport. */
.sike-builder-live-stage .sike-dashboard-now-playing{
  position:absolute!important;
  z-index:24!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;

  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto auto!important;
  gap:9px!important;
  align-items:center!important;

  border-radius:15px!important;
  background:rgba(8,11,15,.88)!important;
  border:1px solid rgba(255,111,61,.20)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.035)!important;

  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing[hidden]{
  display:none!important;
}

.sike-builder-live-stage .sike-dashboard-now-cover{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy strong{
  max-width:100%!important;
  font-size:9px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy>span{
  font-size:6.5px!important;
}
.sike-builder-live-stage .sike-dashboard-now-bars{
  height:26px!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing>button{
  height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}

/* Move builder drag hint slightly up when music is active, so elements
   never overlap each other. */
.device-playing-music .sike-ios-drag-hint{
  bottom:82px!important;
}

/* Live-model badge always stays above model but clear of playback card. */
.sike-builder-live-badge{
  z-index:25!important;
}

/* Don't let the glow pseudo-element obscure player controls. */
.device-playing-music .sike-builder-live-stage:after{
  z-index:2!important;
}
.sike-builder-live-frame{
  position:relative!important;
  z-index:3!important;
}

/* Cleaner persistent player: less tall and less dominant than V28. */
.sike-global-music-player{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:60px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,.45fr)!important;
  gap:12px!important;
}
.sike-global-player-cover{
  width:46px!important;
  height:46px!important;
}
.sike-global-player-track{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.sike-global-player-controls .main{
  width:40px!important;
  height:40px!important;
}
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:86px!important;
}

/* Make sure the dashboard itself remains a balanced two-column desktop grid. */
@media(min-width:1101px){
  .sike-ios-view[data-view="home"].active{
    align-items:start!important;
  }
  .sike-ios-hero-card{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:auto minmax(360px,1fr) auto!important;
  }
}

/* Phone: compact floating player inside model, no layout growth. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-builder-live-stage{
    position:relative!important;
    height:300px!important;
    min-height:300px!important;
  }

  .sike-builder-live-stage .sike-dashboard-now-playing{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:50px!important;
    padding:5px 6px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-cover{
    width:40px!important;
    height:40px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-bars{
    display:none!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    font-size:0!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button:after{
    content:"♫"!important;
    font-size:12px!important;
  }
  .device-playing-music .sike-ios-drag-hint{
    display:none!important;
  }

  .sike-global-music-player{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;
    padding:5px 7px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:6px!important;
    border-radius:17px!important;
  }
  .sike-global-player-cover{
    width:42px!important;
    height:42px!important;
  }
  .sike-global-player-track{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .sike-global-player-controls .main{
    width:38px!important;
    height:38px!important;
  }
  .sike-global-player-output{
    right:6px!important;
    top:-36px!important;
  }

  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:82px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .sike-builder-live-stage{
    height:275px!important;
    min-height:275px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy small{
    font-size:5.5px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy strong{
    font-size:8px!important;
  }
}


/* ===================================================================
   SIKE V30 — AUDIO REACTIVE 3D SPEAKER
   Visual prototype: drivers/cones react to playback volume + sound mode.
   =================================================================== */

.lab-cabinet{
  --audio-level:.65;
  --audio-high-level:.45;
  --audio-speed:.62s;
}

/* Actual speaker driver assemblies pulse along their own Z-axis visually. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  transform-origin:50% 50%;
  animation:sikeWooferExcursion var(--audio-speed) cubic-bezier(.3,.02,.35,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  transform-origin:50% 50%;
  animation:sikeConeExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  transform-origin:50% 50%;
  animation:sikeCapExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  transform-origin:50% 50%;
  animation:sikeHighDriverExcursion calc(var(--audio-speed) * .72) ease-in-out infinite alternate;
}

@keyframes sikeWooferExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .018)));
    filter:brightness(.88);
  }
  47%{
    transform:scale(1);
    filter:brightness(1);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .055)));
    filter:brightness(calc(1 + (var(--audio-level) * .10)));
  }
}
@keyframes sikeConeExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .035)));
    box-shadow:inset 0 0 calc(7px + 12px * var(--audio-level)) rgba(0,0,0,.95);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .072)));
    box-shadow:inset 0 0 calc(4px + 5px * var(--audio-level)) rgba(0,0,0,.70);
  }
}
@keyframes sikeCapExcursion{
  0%{transform:scale(calc(1 - (var(--audio-level) * .022)))}
  100%{transform:scale(calc(1 + (var(--audio-level) * .085)))}
}
@keyframes sikeHighDriverExcursion{
  0%{transform:scale(calc(1 - (var(--audio-high-level) * .014)))}
  100%{transform:scale(calc(1 + (var(--audio-high-level) * .032)))}
}

/* Make bass pressure visible even through the protective grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 29%,rgba(255,255,255,calc(.015 + var(--audio-high-level) * .028)) 0 8%,transparent 20%),
    radial-gradient(circle at 50% 67%,rgba(255,92,45,calc(.02 + var(--audio-level) * .065)) 0 10%,transparent 30%);
  mix-blend-mode:screen;
  animation:sikeGrillePressure var(--audio-speed) ease-in-out infinite alternate;
}
@keyframes sikeGrillePressure{
  0%{opacity:.35;transform:scale(.992)}
  100%{opacity:1;transform:scale(calc(1 + var(--audio-level) * .004))}
}

/* Tiny cabinet pressure movement. Kept intentionally subtle. */
.lab-cabinet.sike-audio-playing .grille-mesh{
  animation:sikeGrilleMeshVibe calc(var(--audio-speed) * .5) linear infinite alternate;
}
@keyframes sikeGrilleMeshVibe{
  from{background-position:0 0;filter:brightness(.98)}
  to{background-position:0 .35px;filter:brightness(calc(1 + var(--audio-level) * .035))}
}

/* Profiles visibly change driver behavior. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-cone{
  animation-timing-function:cubic-bezier(.18,.02,.27,1);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"] .lab-grille:after{
  opacity:.32;
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"] .lab-grille:after{
  filter:saturate(1.12);
}

/* Dashboard model-stage glow now follows actual audio playback. */
.device-playing-music .sike-builder-live-stage{
  --speaker-active-glow:rgba(255,86,40,.13);
}
.device-playing-music .sike-builder-live-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12% 19% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--speaker-active-glow),transparent 69%);
  filter:blur(24px);
  animation:sikeStageBeat .72s ease-in-out infinite alternate;
}
@keyframes sikeStageBeat{
  from{opacity:.3;transform:scale(.96)}
  to{opacity:.9;transform:scale(1.04)}
}

/* Muted / stopped speaker instantly settles. */
.lab-cabinet:not(.sike-audio-playing) .driver-frame,
.lab-cabinet:not(.sike-audio-playing) .driver-cone,
.lab-cabinet:not(.sike-audio-playing) .driver-cap,
.lab-cabinet:not(.sike-audio-playing) .grille-mesh{
  animation:none!important;
  transform:none;
}

/* Keep animation lighter on phones, but still clearly visible. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing{
    --audio-speed:max(.34s,var(--audio-speed));
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lab-cabinet.sike-audio-playing .driver-frame,
  .lab-cabinet.sike-audio-playing .driver-cone,
  .lab-cabinet.sike-audio-playing .driver-cap,
  .lab-cabinet.sike-audio-playing .grille-mesh,
  .lab-cabinet.sike-audio-playing .lab-grille:after,
  .device-playing-music .sike-builder-live-stage:before{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V31 — FULL 3D PRODUCT + INTERACTIVE CONTROL PANEL
   =================================================================== */

/* Always show the entire 3D speaker in the Sike App live model viewport. */
.sike-builder-live-stage{
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  overflow:hidden!important;
}
.sike-builder-live-frame.sike-builder-full-product{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  transform:none!important;
}

/* Give the embedded Builder enough breathing room to fit the full cabinet. */
.sike-builder-live-stage iframe{
  object-fit:contain!important;
}

/* Control knob interaction feedback */
.lab-control-knob,
.control-knob,
.volume-knob,
.knob-core,
.lab-knob,
[data-volume-knob]{
  transform-origin:50% 50%!important;
  transition:transform .08s linear,filter .16s ease!important;
}
.lab-control-knob:hover,
.control-knob:hover,
.volume-knob:hover,
.knob-core:hover,
.lab-knob:hover,
[data-volume-knob]:hover{
  filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,164,255,.16))!important;
}

/* Powered control panel gets a subtle live-state glow */
.lab-cabinet.sike-panel-powered .lab-control-panel,
.lab-cabinet.sike-panel-powered .control-panel{
  filter:brightness(1.03)!important;
}

/* Mobile: full product still fits without giant empty areas */
@media(max-width:720px){
  .sike-builder-live-stage{
    min-height:390px!important;
    height:56vh!important;
    max-height:560px!important;
  }
  .sike-builder-live-frame.sike-builder-full-product{
    min-height:100%!important;
  }
}

@media(max-width:430px){
  .sike-builder-live-stage{
    min-height:350px!important;
    height:52vh!important;
    max-height:500px!important;
  }
}


/* ===================================================================
   SIKE V32 — CONTROL PANEL FULL VOLUME SYNC + MUSIC LED REACTION
   =================================================================== */

/* The real circular control panel is the master physical volume interface. */
.reference-control-panel .volume-ring,
.rgb-control-panel .volume-ring,
[data-volume-ring]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
.reference-control-panel .volume-ring:active,
.rgb-control-panel .volume-ring:active,
[data-volume-ring]:active{
  cursor:grabbing!important;
}

/* Powered panel has subtle instrument illumination. */
[data-volume-ring].is-panel-powered{
  filter:
    brightness(1.04)
    drop-shadow(0 0 5px rgba(66,151,255,.10))!important;
}
[data-volume-ring]:not(.is-panel-powered){
  filter:saturate(.45) brightness(.72)!important;
}

/* Existing LEDs remain a true volume meter:
   active count is generated by JS from 0–100%. */
[data-volume-ring] .knob-led{
  transition:
    opacity .12s ease,
    filter .12s ease,
    fill .12s ease!important;
}

/* While SIKE MUSIC is actually playing, ONLY the illuminated volume LEDs
   breathe/chase subtly. The amount of lit LEDs still matches the real volume. */
[data-volume-ring].is-music-playing .knob-led.is-active{
  animation:sikeControlLedBeat var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
  transform-origin:center!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+1){
  animation-delay:-.13s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+2){
  animation-delay:-.27s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n){
  animation-delay:-.39s!important;
}

@keyframes sikeControlLedBeat{
  0%{
    opacity:.52;
    filter:
      brightness(.90)
      drop-shadow(0 0 1px var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(.88);
  }
  100%{
    opacity:1;
    filter:
      brightness(calc(1.12 + var(--music-level,.7) * .32))
      drop-shadow(0 0 calc(2px + var(--music-level,.7) * 4px) var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(calc(1 + var(--music-level,.7) * .16));
  }
}

/* Small pulse in the metal ring itself so the panel clearly looks live. */
[data-volume-ring].is-music-playing:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(102,176,255,.22)!important;
  box-shadow:
    inset 0 0 9px rgba(64,143,255,.10),
    0 0 8px rgba(64,143,255,.08)!important;
  animation:sikeControlRingLive var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
}
@keyframes sikeControlRingLive{
  from{opacity:.28;transform:scale(.985)}
  to{opacity:.85;transform:scale(1.015)}
}

/* Paused track: keep only a tiny status glow, no beat animation. */
[data-volume-ring].is-music-paused .knob-led.is-active{
  animation:none!important;
  opacity:.42!important;
}
[data-volume-ring].is-music-paused:after{
  animation:none!important;
  opacity:.16!important;
}

/* Volume zero means no active LEDs and therefore no fake beat. */
[data-volume-ring][aria-valuenow="0"].is-music-playing:after{
  opacity:.12!important;
  animation:none!important;
}

/* Mobile/touch: slightly larger hit area without changing visible design. */
@media(max-width:720px){
  [data-volume-ring]:before{
    cursor:grab!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  [data-volume-ring].is-music-playing .knob-led.is-active,
  [data-volume-ring].is-music-playing:after{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V33 — SMOOTH 3D / LOW-JITTER INTERACTION
   =================================================================== */

/* Keep the complete 3D cabinet on its own compositor layer. */
.lab-scene,
.lab-cabinet,
.lab-cabinet *,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.lab-cabinet{
  will-change:transform;
  transform-style:preserve-3d;
  contain:layout style;
}

/* Individual moving pieces should be composited instead of repainted. */
.lab-cabinet .lab-part,
.lab-cabinet .battery-part,
.lab-cabinet .handle-part,
.lab-cabinet .control-part,
.lab-cabinet .lab-driver-low,
.lab-cabinet .lab-driver-high{
  will-change:transform;
}

/* During manual rotation, remove repaint-heavy visual filters/shadows.
   They come back immediately when the pointer is released. */
body.sike-3d-dragging .lab-cabinet,
body.sike-3d-dragging .lab-cabinet *{
  transition:none!important;
}

body.sike-3d-dragging .lab-cabinet.sike-audio-playing .lab-grille:after,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .grille-mesh{
  animation-play-state:paused!important;
}

body.sike-3d-dragging .lab-cabinet{
  filter:none!important;
}

body.sike-3d-dragging .lab-scene{
  cursor:grabbing!important;
}

/* Smoother touch/phone handling. */
.lab-scene,
.sike-builder-live-stage{
  touch-action:none;
  overscroll-behavior:contain;
}

/* Avoid accidental text selection while rotating. */
.lab-scene,
.lab-scene *{
  user-select:none;
  -webkit-user-select:none;
}

/* GPU-friendly control panel LEDs. */
[data-volume-ring],
[data-volume-ring] .knob-led{
  will-change:transform,opacity;
}

/* On lower-powered mobile devices, keep bass animation visible but lighter. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .device-playing-music .sike-builder-live-stage:before{
    filter:blur(14px)!important;
  }
}

/* Very small devices: reduce expensive visual effects further. */
@media(max-width:430px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    opacity:.45!important;
  }
  [data-volume-ring].is-music-playing .knob-led.is-active{
    filter:none!important;
  }
}


/* SIKE V33 ZOOM FIX — mouse wheel + trackpad + touch pinch */
[data-product-lab] .lab-scene,
.product-lab .lab-scene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
[data-product-lab] .lab-scene:hover,
.product-lab .lab-scene:hover{
  cursor:grab;
}
[data-product-lab] .lab-scene.dragging,
.product-lab .lab-scene.dragging{
  cursor:grabbing!important;
}


/* ===================================================================
   SIKE V36 — PRODUCT CENTERING + SMOOTHER 3D INTERACTION
   =================================================================== */

/* Keep the whole model centered vertically instead of sitting at the bottom. */
.lab-speaker{
  top:50%!important;
  left:50%!important;
  transform:
    translate(-50%, calc(-50% + var(--scene-y,-7%)))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))
    scale(var(--scene-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Make the stage feel balanced and keep the model visually centered. */
.sike-builder-live-stage{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Remove expensive effects while the user is actively rotating/zooming. */
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *,
body.sike-model-interacting .lab-scene{
  transition:none!important;
}
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .grille-mesh,
body.sike-model-interacting [data-volume-ring].is-music-playing .knob-led{
  animation-play-state:paused!important;
}

/* Smooth compositor path for the model itself. */
.lab-speaker,
.lab-cabinet{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lab-speaker{
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}

/* Desktop: slightly more centered and not too low. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 5%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}

/* Tablet/mobile keep the entire product visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 2%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}


/* ===================================================================
   SIKE V37 — TRUE CENTER + ZERO-LAG TRANSFORM FIX
   =================================================================== */

/*
  The .lab-scene already centers .lab-speaker with CSS Grid.
  Do NOT add left:50% / top:50% to the relatively positioned speaker.
  That double-centers it and pushes the product to the right.
*/
.lab-speaker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;

  /* only vertical lift; horizontal centering comes from lab-scene grid */
  transform:
    translate3d(0,var(--scene-y,-5%),0)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))!important;

  transform-origin:50% 50% 0!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;

  /*
    JS already interpolates rotation/zoom with requestAnimationFrame.
    A CSS .45s transform transition on every RAF frame creates the
    sluggish/jittery "rubber band" feeling. Disable transform transition.
  */
  transition:
    width .24s ease,
    height .24s ease!important;

  will-change:transform!important;
}

/* Keep the scene itself responsible for exact centering. */
.lab-scene{
  display:grid!important;
  place-items:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Desktop: slightly raise product, NEVER shift it horizontally. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate3d(0,-5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:761px){
  .lab-speaker{
    transform:
      translate3d(0,-3%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Mobile: keep whole product centered and visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate3d(0,-1.5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* The app's iframe must remain centered in its own viewport. */
.sike-builder-live-stage{
  position:relative!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  margin:0!important;
  transform:none!important;
}

/* During interaction keep animation/render work light. */
.lab-scene.dragging .lab-speaker,
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}

/* Prevent text/layout paint from interfering with pointer movement. */
.lab-scene{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
}


/* ===================================================================
   SIKE V38 — STRONGER ALWAYS-VISIBLE PLAYBACK MOTION
   =================================================================== */

/*
  Visual playback movement no longer becomes almost invisible at low volume.
  The JS supplies a minimum --audio-level while music is actively playing.
*/

.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  animation:sikeWooferV38 var(--audio-speed,.48s) cubic-bezier(.24,.02,.30,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  animation:sikeConeV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  animation:sikeDustCapV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  animation:sikeHighV38 calc(var(--audio-speed,.48s) * .72) ease-in-out infinite alternate!important;
}

@keyframes sikeWooferV38{
  0%{
    transform:
      translateZ(calc(-2px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .050)));
    filter:brightness(.80);
  }
  100%{
    transform:
      translateZ(calc(5px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .125)));
    filter:brightness(calc(1 + (var(--audio-level,.7) * .15)));
  }
}

@keyframes sikeConeV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .075)));
    filter:brightness(.74) contrast(1.06);
  }
  100%{
    transform:
      translateZ(calc(8px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .175)));
    filter:brightness(calc(1.04 + (var(--audio-level,.7) * .19))) contrast(1.10);
  }
}

@keyframes sikeDustCapV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .060)));
  }
  100%{
    transform:
      translateZ(calc(10px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .215)));
  }
}

@keyframes sikeHighV38{
  0%{
    transform:translateZ(-1px) scale(calc(1 - (var(--audio-high-level,.5) * .025)));
  }
  100%{
    transform:translateZ(3px) scale(calc(1 + (var(--audio-high-level,.5) * .070)));
  }
}

/* More obvious pressure behind the front grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  background:
    radial-gradient(circle at 50% 28%,
      rgba(255,255,255,calc(.020 + var(--audio-high-level,.5) * .060)) 0 9%,
      transparent 23%),
    radial-gradient(circle at 50% 67%,
      rgba(255,84,36,calc(.040 + var(--audio-level,.7) * .145)) 0 13%,
      transparent 36%)!important;
  animation:sikeGrillePulseV38 calc(var(--audio-speed,.48s) * .95) ease-in-out infinite alternate!important;
}

@keyframes sikeGrillePulseV38{
  from{opacity:.42;transform:scale(.992)}
  to{opacity:1;transform:scale(calc(1 + var(--audio-level,.7) * .007))}
}

/* Stronger distinction between modes while still moving at low volume. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"]{
  --audio-level:calc(var(--audio-level) * 1.18);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"]{
  --audio-level:calc(var(--audio-level) * 1.08);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"]{
  --audio-level:calc(var(--audio-level) * .78);
}

/*
  Preserve smooth model interaction: pause reactive animation while the user
  is actively rotating/zooming, then resume immediately afterwards.
*/
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-grille:after{
  animation-play-state:paused!important;
}

/* Mobile: strong enough to see, but avoid extra expensive filters. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
    filter:none!important;
  }
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    mix-blend-mode:normal!important;
    filter:none!important;
  }
}


/* ===================================================================
   SIKE V38 MOBILE CONTROL PANEL SYNC FIX
   =================================================================== */

[data-volume-ring]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  overscroll-behavior:contain!important;
}

/* On phone the physical ring keeps the same visual size, but gets a larger
   invisible touch target so the control is actually usable with a thumb. */
@media(max-width:760px){
  [data-volume-ring]{
    position:relative!important;
    cursor:ns-resize!important;
  }
  [data-volume-ring]::before{
    content:"";
    position:absolute;
    inset:-18px!important;
    border-radius:50%;
    background:transparent;
    pointer-events:auto;
  }
  [data-volume-ring].is-touch-adjusting{
    filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,159,255,.20))!important;
  }
  [data-volume-ring].is-touch-adjusting .knob-led.is-active{
    opacity:1!important;
  }
}

/* Prevent the parent 3D scene from rotating while the user is adjusting volume. */
[data-volume-ring],
[data-volume-ring] *{
  touch-action:none!important;
}


/* ===================================================================
   SIKE V41 — CLEAN APP ENTRY / ACCOUNT LANDING
   Rebuilds app.php visually while preserving all auth/demo functionality.
   =================================================================== */

body:has(.sike-app-landing){
  background:#0a0b0d!important;
  color:#f7f5f1!important;
}
body:has(.sike-app-landing) .site-header{
  background:rgba(7,8,10,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.sike-v7-status-note{
  display:none!important;
}

.sike-app-landing{
  --app-orange:#ff6538;
  --app-red:#ef3535;
  --app-ink:#0d0f12;
  --app-panel:#12151a;
  --app-panel-2:#171a20;
  --app-line:rgba(255,255,255,.08);
  --app-muted:#8b929c;

  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:34px 28px 80px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,91,48,.15),transparent 26%),
    radial-gradient(circle at 90% 16%,rgba(217,36,49,.12),transparent 28%),
    #0a0b0d!important;
}

.sike-app-landing-hero{
  position:relative!important;
  width:min(1320px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #101216!important;
  box-shadow:0 26px 80px rgba(0,0,0,.32)!important;
}
.sike-app-landing-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,91,46,.13),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(216,38,50,.09),transparent 27%)!important;
}
.sike-app-landing-glow{
  display:none!important;
}

.sike-app-landing-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 12px 16px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:0 0 18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,101,56,.22)!important;
  border-radius:999px!important;
  background:rgba(255,101,56,.07)!important;
  color:#ff7b52!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d27b!important;
  box-shadow:0 0 0 5px rgba(52,210,123,.08)!important;
}

.sike-app-landing-copy h1{
  max-width:780px!important;
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(54px,6.1vw,94px)!important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-app-landing-copy h1 em{
  color:#ff6a3e!important;
  font-style:normal!important;
}
.sike-app-landing-copy p{
  max-width:720px!important;
  margin:24px 0 0!important;
  color:#9da3ac!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.sike-app-landing-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
}
.sike-app-landing-badges span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#15181d!important;
  color:#d6d9de!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}
.sike-app-mini-device-stack{
  margin-top:24px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.sike-app-mini-device-stack>div{
  width:86px!important;
  height:64px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:5px!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0c0e11!important;
  box-shadow:none!important;
}
.sike-app-mini-device-stack img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:8px!important;
}
.sike-app-mini-device-stack b{
  color:#c8ccd2!important;
  font-size:7px!important;
  line-height:1.05!important;
}

/* Right-side account/auth panel */
.sike-app-entry-panel{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(11,13,16,.94)!important;
  padding:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.sike-app-account-ready{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-ready-icon{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:linear-gradient(145deg,#37d37e,#1aac62)!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(37,202,111,.18)!important;
}
.sike-app-account-ready>span,
.sike-app-auth-head>span{
  color:#ff754a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-app-account-ready h2,
.sike-app-auth-head h2{
  margin:9px 0 0!important;
  color:#f6f5f2!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}
.sike-app-account-ready p,
.sike-app-auth-head p{
  margin:14px 0 0!important;
  color:#858d98!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.sike-app-account-row{
  margin-top:20px!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #272c33!important;
  border-radius:13px!important;
  background:#0d1014!important;
}
.sike-app-account-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#d4d8dd!important;
  font-size:9px!important;
}
.sike-app-account-row i{
  flex:0 0 auto!important;
  color:#35d27c!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.sike-app-ready-devices{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:10px 0 0!important;
}
.sike-app-ready-devices>span{
  min-width:0!important;
  height:72px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111419!important;
}
.sike-app-ready-devices img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#0a0c0f!important;
}
.sike-app-ready-devices b{
  min-width:0!important;
  color:#c7cbd1!important;
  font-size:7px!important;
  line-height:1.1!important;
}

.sike-app-continue-button,
.sike-app-auth-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff6b3b,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 30px rgba(237,52,56,.16)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-app-continue-button:hover,
.sike-app-auth-submit:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.sike-app-continue-button b,
.sike-app-auth-submit b{
  font-size:18px!important;
}
.sike-app-signout{
  margin:11px auto 0!important;
  color:#747b85!important;
  font-size:8px!important;
  text-decoration:none!important;
}

/* Logged-out auth cleaned up too */
.sike-app-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:20px 0 12px!important;
  padding:4px!important;
  border:1px solid #252a31!important;
  border-radius:13px!important;
  background:#090b0e!important;
}
.sike-app-auth-tabs button{
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#747c86!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-app-auth-tabs button.active{
  background:#171a1f!important;
  color:#fff!important;
}

.sike-social-login-block{
  margin-top:10px!important;
}
.sike-social-login-title{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.sike-social-login-title span{
  color:#7c838d!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.sike-social-login-title small{
  color:#5f6670!important;
  font-size:6px!important;
}
.sike-social-login-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-social-login{
  width:100%!important;
  min-height:42px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid #292e35!important;
  background:#111419!important;
  color:#e4e6e9!important;
  box-shadow:none!important;
}
.sike-social-login:hover{
  border-color:#3b424c!important;
  background:#171b20!important;
}
.sike-social-login i{
  font-size:13px!important;
}
.sike-social-login span{
  font-size:7px!important;
}
.sike-social-login b{
  font-size:5px!important;
}
.sike-social-divider{
  margin:12px 0!important;
}
.sike-social-divider:before{
  border-color:#242930!important;
}
.sike-social-divider span{
  background:#0b0d10!important;
  color:#616974!important;
  font-size:6px!important;
}

.sike-app-auth-form label>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#818894!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.sike-app-auth-form input[type=text],
.sike-app-auth-form input[type=email],
.sike-app-auth-form input[type=password]{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:1px solid #292f36!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.sike-app-auth-form input:focus{
  border-color:rgba(255,103,59,.65)!important;
  box-shadow:0 0 0 3px rgba(255,103,59,.08)!important;
}
.sike-app-consent{
  margin-top:10px!important;
}
.sike-app-security-note{
  border-color:#252a31!important;
  background:#0c0f13!important;
  border-radius:12px!important;
}

/* The supporting sections now match the actual app, instead of a bright landing page. */
.sike-app-steps-section,
.sike-app-preview-section{
  width:min(1320px,100%)!important;
  margin:24px auto 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#101216!important;
}
.sike-app-steps-section{
  padding:28px!important;
}
.sike-app-section-heading span,
.sike-app-preview-copy>span{
  color:#ff754a!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-section-heading h2,
.sike-app-preview-copy h2{
  margin-top:8px!important;
  color:#f4f3f0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.sike-app-section-heading p,
.sike-app-preview-copy p{
  color:#858d97!important;
}
.sike-app-step-grid{
  gap:10px!important;
  margin-top:22px!important;
}
.sike-app-step-card{
  border:1px solid #242930!important;
  border-radius:17px!important;
  background:#0c0f13!important;
  box-shadow:none!important;
}
.sike-app-step-card.active{
  border-color:rgba(255,101,56,.32)!important;
  background:linear-gradient(145deg,rgba(255,101,56,.07),#0c0f13 48%)!important;
}
.sike-app-step-card.done{
  border-color:rgba(49,207,120,.22)!important;
}
.sike-app-step-card h3{
  color:#eef0f2!important;
}
.sike-app-step-card p{
  color:#777f89!important;
}
.sike-app-step-number{
  color:#ff7146!important;
}

.sike-app-preview-section{
  padding:28px!important;
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
.sike-app-preview-ui{
  border:1px solid #272d34!important;
  border-radius:20px!important;
  background:#0b0e12!important;
  box-shadow:none!important;
}
.sike-app-preview-copy a,
.sike-app-preview-copy button{
  color:#ff754a!important;
}

/* ------------------------- PHONE ------------------------- */
@media(max-width:760px){
  .sike-app-landing{
    padding:12px 10px 86px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,95,48,.14),transparent 25%),
      #090a0c!important;
  }

  .sike-app-landing-hero{
    padding:14px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:20px!important;
  }

  .sike-app-landing-copy{
    padding:10px 4px 4px!important;
  }
  .sike-app-kicker{
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  .sike-app-landing-copy h1{
    max-width:360px!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .sike-app-landing-copy p{
    margin-top:16px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  .sike-app-landing-badges{
    margin-top:16px!important;
    gap:5px!important;
  }
  .sike-app-landing-badges span{
    padding:7px 9px!important;
    font-size:6.5px!important;
  }

  /* Old duplicate hero thumbnails are hidden on phone;
     the clean device strip inside account card remains. */
  .sike-app-mini-device-stack{
    display:none!important;
  }

  .sike-app-entry-panel{
    padding:17px!important;
    border-radius:18px!important;
  }
  .sike-app-ready-icon{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:22px!important;
    margin-bottom:15px!important;
  }
  .sike-app-account-ready h2,
  .sike-app-auth-head h2{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .sike-app-account-ready p,
  .sike-app-auth-head p{
    font-size:11px!important;
  }
  .sike-app-account-row{
    display:block!important;
    padding:10px!important;
  }
  .sike-app-account-row i{
    display:block!important;
    margin-top:5px!important;
  }

  .sike-app-ready-devices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sike-app-ready-devices>span{
    height:64px!important;
    padding:6px!important;
    display:block!important;
    text-align:center!important;
  }
  .sike-app-ready-devices img{
    width:38px!important;
    height:38px!important;
    margin:auto!important;
  }
  .sike-app-ready-devices b{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:5.5px!important;
  }

  .sike-social-login-grid{
    grid-template-columns:1fr!important;
  }
  .sike-social-login-title small{
    display:none!important;
  }

  .sike-app-steps-section,
  .sike-app-preview-section{
    margin-top:12px!important;
    border-radius:19px!important;
  }
  .sike-app-steps-section{
    padding:16px!important;
  }
  .sike-app-step-grid{
    grid-template-columns:1fr!important;
  }
  .sike-app-step-card{
    min-height:0!important;
    padding:16px!important;
  }
  .sike-app-preview-section{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  .sike-app-preview-ui{
    min-height:260px!important;
  }
}

@media(max-width:390px){
  .sike-app-landing-copy h1{
    font-size:42px!important;
  }
  .sike-app-landing-hero{
    padding:11px!important;
  }
  .sike-app-entry-panel{
    padding:14px!important;
  }
  .sike-app-ready-devices>span{
    height:60px!important;
  }
}

/* Keep chat from visually dominating this onboarding page. */
body:has(.sike-app-landing) .chat-launcher{
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}


/* ===================================================================
   SIKE V42 — ORANGE APP LANDING / COMPLETELY NEW LAYOUT
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:#ff6633!important;
}
.sike-app-landing-v42{
  min-height:calc(100vh - 120px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 24px 72px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,212,163,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(255,75,43,.24),transparent 28%),
    linear-gradient(135deg,#ff8430 0%,#ff572f 48%,#ed3036 100%)!important;
}

.sike-v42-shell{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(13,15,18,.94)!important;
  box-shadow:0 32px 90px rgba(94,18,9,.26)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sike-v42-topline{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 3px 14px!important;
}
.sike-v42-label,
.sike-v42-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-v42-label i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2fd17a!important;
  box-shadow:0 0 0 5px rgba(47,209,122,.08)!important;
}
.sike-v42-label span,
.sike-v42-status span{
  color:#808894!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.sike-v42-status b{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#ff6239!important;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}

.sike-v42-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)!important;
  gap:16px!important;
}
.sike-v42-intro{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
}
.sike-v42-copy,
.sike-v42-device-stage,
.sike-v42-feature-strip,
.sike-v42-account{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12151a!important;
  border-radius:22px!important;
}

.sike-v42-copy{
  min-height:330px!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,91,43,.13),transparent 31%),
    #12151a!important;
}
.sike-v42-kicker{
  color:#ff7145!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.sike-v42-copy h1{
  margin:12px 0 0!important;
  color:#f8f5f0!important;
  font-size:clamp(56px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-v42-copy h1 em{
  color:#ff673d!important;
  font-style:normal!important;
}
.sike-v42-copy p{
  max-width:700px!important;
  margin:22px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.sike-v42-device-stage{
  min-height:190px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:.8fr 1.2fr!important;
  gap:16px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(120deg,rgba(255,102,56,.08),transparent 52%),
    #0e1115!important;
}
.sike-v42-device-copy span{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-v42-device-copy strong{
  display:block!important;
  margin-top:8px!important;
  color:#f0f1f3!important;
  font-size:17px!important;
}
.sike-v42-device-copy small{
  display:block!important;
  margin-top:7px!important;
  color:#717984!important;
  font-size:9px!important;
}
.sike-v42-device-art{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
}
.sike-v42-device-card{
  min-width:0!important;
  height:126px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #262c33!important;
  border-radius:16px!important;
  background:#15181d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sike-v42-device-card img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.sike-v42-device-card span{
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
}

.sike-v42-feature-strip{
  min-height:86px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.sike-v42-feature-strip>span{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  border-radius:14px!important;
  background:#0d1014!important;
}
.sike-v42-feature-strip i{
  grid-row:1/3!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#ff6339!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.sike-v42-feature-strip b{
  color:#f1f2f3!important;
  font-size:8px!important;
}
.sike-v42-feature-strip small{
  color:#6e7680!important;
  font-size:6.5px!important;
}

.sike-v42-account{
  min-width:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,57,.02)!important;
}
.sike-v42-account-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.sike-v42-avatar{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff7140,#e93439)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:0 14px 36px rgba(237,53,56,.18)!important;
}
.sike-v42-account-head span,
.sike-v42-auth-head>span,
.sike-v42-next-card>span{
  color:#ff7146!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-account-head h2,
.sike-v42-auth-head h2{
  margin:5px 0 0!important;
  color:#f7f5f1!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
.sike-v42-account-head p{
  margin:5px 0 0!important;
  color:#77808a!important;
  font-size:8px!important;
}
.sike-v42-account-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:18px!important;
}
.sike-v42-account-meta>div{
  padding:12px!important;
  border:1px solid #272d34!important;
  border-radius:13px!important;
  background:#0b0e12!important;
}
.sike-v42-account-meta span{
  display:block!important;
  color:#626b75!important;
  font-size:6px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-v42-account-meta b{
  display:block!important;
  margin-top:5px!important;
  color:#e7e9eb!important;
  font-size:9px!important;
}
.sike-v42-account-meta b.green{
  color:#34d17a!important;
}
.sike-v42-next-card{
  margin-top:9px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,101,56,.08),#0c0f13 56%)!important;
  border:1px solid rgba(255,102,57,.15)!important;
}
.sike-v42-next-card h3{
  margin:7px 0 0!important;
  color:#f3f4f5!important;
  font-size:18px!important;
}
.sike-v42-next-card p,
.sike-v42-auth-head p{
  margin:8px 0 0!important;
  color:#7e8691!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v42-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff6d3d,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 15px 30px rgba(238,52,57,.16)!important;
}
.sike-v42-primary b{
  font-size:17px!important;
}
.sike-v42-secondary{
  margin:12px auto 0!important;
  color:#727a84!important;
  font-size:7px!important;
  text-decoration:none!important;
}

.sike-v42-tabs{
  margin-top:20px!important;
}
.sike-v42-social{
  margin-top:10px!important;
}
.sike-v42-social-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v42-social-grid form{
  margin:0!important;
}
.sike-v42-social-grid button{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #2a3037!important;
  border-radius:11px!important;
  background:#0c0f13!important;
  color:#d8dce1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.sike-v42-social-grid i{
  font-size:13px!important;
  font-style:normal!important;
}
.sike-v42-social-grid span{
  font-size:7px!important;
  font-weight:800!important;
}
.sike-v42-divider{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  color:#656d77!important;
  font-size:6px!important;
}
.sike-v42-divider:before,
.sike-v42-divider:after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#242a31!important;
}
.sike-v42-form label>span{
  color:#7e8690!important;
}
.sike-v42-form input{
  background:#0b0e12!important;
  border-color:#292f36!important;
}

.sike-v42-bottom{
  width:min(1440px,100%)!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.sike-v42-bottom article{
  min-height:150px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:rgba(15,17,20,.92)!important;
  box-shadow:0 20px 50px rgba(105,23,12,.14)!important;
}
.sike-v42-bottom span{
  color:#ff7448!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-bottom h3{
  margin:10px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.sike-v42-bottom p{
  margin:8px 0 0!important;
  max-width:370px!important;
  color:#838b95!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* ---------------------- MOBILE ---------------------- */
@media(max-width:760px){
  .sike-app-landing-v42{
    padding:10px 8px 76px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,210,160,.13),transparent 24%),
      linear-gradient(160deg,#ff7e2f 0%,#ff5430 52%,#ec3439 100%)!important;
  }
  .sike-v42-shell{
    padding:11px!important;
    border-radius:19px!important;
  }
  .sike-v42-topline{
    min-height:34px!important;
    padding-bottom:8px!important;
  }
  .sike-v42-label span{
    font-size:6px!important;
  }
  .sike-v42-status span{
    display:none!important;
  }

  .sike-v42-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v42-intro{
    gap:9px!important;
  }
  .sike-v42-copy,
  .sike-v42-device-stage,
  .sike-v42-feature-strip,
  .sike-v42-account{
    border-radius:16px!important;
  }
  .sike-v42-copy{
    min-height:0!important;
    padding:22px 16px!important;
  }
  .sike-v42-copy h1{
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.89!important;
  }
  .sike-v42-copy p{
    margin-top:15px!important;
    font-size:12px!important;
  }

  .sike-v42-device-stage{
    min-height:0!important;
    padding:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .sike-v42-device-copy strong{
    font-size:13px!important;
  }
  .sike-v42-device-art{
    gap:6px!important;
  }
  .sike-v42-device-card{
    height:88px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .sike-v42-device-card img{
    width:52px!important;
    height:52px!important;
  }
  .sike-v42-device-card span{
    font-size:5.5px!important;
  }

  .sike-v42-feature-strip{
    min-height:0!important;
    padding:8px!important;
    gap:5px!important;
  }
  .sike-v42-feature-strip>span{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:4px!important;
    padding:9px!important;
  }
  .sike-v42-feature-strip i{
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
  }
  .sike-v42-feature-strip small{
    display:none!important;
  }

  .sike-v42-account{
    padding:16px!important;
  }
  .sike-v42-account-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .sike-v42-avatar{
    width:48px!important;height:48px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }
  .sike-v42-account-head h2,
  .sike-v42-auth-head h2{
    font-size:34px!important;
  }
  .sike-v42-account-meta{
    margin-top:13px!important;
  }
  .sike-v42-next-card{
    padding:13px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sike-v42-bottom{
    margin-top:9px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-v42-bottom article{
    min-height:0!important;
    padding:15px!important;
    border-radius:16px!important;
  }
  .sike-v42-bottom h3{
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .sike-v42-copy h1{
    font-size:42px!important;
  }
  .sike-v42-shell{
    padding:9px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===================================================================
   SIKE V43 — APP PAGE WITHOUT GREY BACKGROUND BOXES
   Keeps the orange SIKE background, removes heavy grey card fills.
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:
    radial-gradient(circle at 10% 8%,rgba(255,211,161,.15),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(255,78,45,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Outer shell becomes transparent / glass-light instead of grey block. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Remove the solid grey fills from all major app cards. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip,
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.36)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Intro hero is cleaner, with only a subtle orange glow. */
.sike-app-landing-v42 .sike-v42-copy{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,96,48,.10),transparent 34%),
    rgba(9,11,14,.28)!important;
}

/* Device section — no grey containers. */
.sike-app-landing-v42 .sike-v42-device-stage{
  background:
    linear-gradient(120deg,rgba(255,104,54,.06),transparent 58%),
    rgba(9,11,14,.24)!important;
}

.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(6,8,10,.32)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

/* Feature strip: remove separate grey tiles. */
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(7,9,11,.24)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Account panel stays readable but much more transparent. */
.sike-app-landing-v42 .sike-v42-account{
  background:rgba(6,8,10,.40)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(6,8,10,.28)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-next-card{
  background:
    linear-gradient(145deg,rgba(255,101,56,.07),rgba(6,8,10,.20) 62%)!important;
  border-color:rgba(255,106,59,.14)!important;
}

/* Login/create account UI: transparent dark controls, no grey slabs. */
.sike-app-landing-v42 .sike-app-auth-tabs{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-app-auth-tabs button.active{
  background:rgba(255,255,255,.07)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-form input{
  background:rgba(4,6,8,.30)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Bottom info cards blend into page instead of looking like grey boxes. */
.sike-app-landing-v42 .sike-v42-bottom{
  gap:8px!important;
}
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(8,10,12,.30)!important;
}

/* Mobile: even lighter card chrome, more open orange page. */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-shell{
    background:rgba(7,9,11,.20)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .sike-app-landing-v42 .sike-v42-copy,
  .sike-app-landing-v42 .sike-v42-device-stage,
  .sike-app-landing-v42 .sike-v42-account,
  .sike-app-landing-v42 .sike-v42-bottom article{
    background:rgba(7,9,11,.26)!important;
  }

  .sike-app-landing-v42 .sike-v42-feature-strip{
    background:transparent!important;
  }

  .sike-app-landing-v42 .sike-v42-device-card,
  .sike-app-landing-v42 .sike-v42-feature-strip>span{
    background:rgba(4,6,8,.20)!important;
  }
}


/* ===================================================================
   SIKE V44 — CLEAN APPLE / SOUNDBOKS INSPIRED RIGHT SIDEBAR
   =================================================================== */

/* Keep the open orange/red background from V43. */
.sike-app-landing-v42{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,220,178,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(255,65,40,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Main shell stays visually open. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.18)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Left side remains nearly borderless/open. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* RIGHT SIDEBAR:
   one premium light-grey Apple-like panel instead of many dark/grey blocks. */
.sike-app-landing-v42 .sike-v42-account{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(252,251,248,.97),rgba(235,235,232,.95))!important;
  box-shadow:
    0 28px 70px rgba(59,16,7,.20),
    inset 0 1px rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  color:#111318!important;
}

/* Soft inner sheen. */
.sike-app-landing-v42 .sike-v42-account:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.24),transparent 40%)!important;
}

/* All sidebar content above sheen. */
.sike-app-landing-v42 .sike-v42-account > *{
  position:relative!important;
  z-index:1!important;
}

/* Account header dark typography. */
.sike-app-landing-v42 .sike-v42-account-head span,
.sike-app-landing-v42 .sike-v42-auth-head>span,
.sike-app-landing-v42 .sike-v42-next-card>span{
  color:#ff5f38!important;
}
.sike-app-landing-v42 .sike-v42-account-head h2,
.sike-app-landing-v42 .sike-v42-auth-head h2{
  color:#0d0f12!important;
}
.sike-app-landing-v42 .sike-v42-account-head p,
.sike-app-landing-v42 .sike-v42-auth-head p{
  color:#73777e!important;
}

/* Cleaner avatar, less gaming, more premium hardware feel. */
.sike-app-landing-v42 .sike-v42-avatar{
  background:linear-gradient(145deg,#ff7040,#ef3738)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:
    0 12px 28px rgba(226,63,42,.20),
    inset 0 1px rgba(255,255,255,.28)!important;
}

/* Meta blocks become white floating cells. */
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.055)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta span{
  color:#8a8e94!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b{
  color:#181b20!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b.green{
  color:#24b86e!important;
}

/* Next-step area = minimal Apple Settings-style grouped section. */
.sike-app-landing-v42 .sike-v42-next-card{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid rgba(20,22,25,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.045)!important;
}
.sike-app-landing-v42 .sike-v42-next-card h3{
  color:#17191d!important;
  font-size:17px!important;
}
.sike-app-landing-v42 .sike-v42-next-card p{
  color:#777c84!important;
}

/* Primary CTA = clean SIKE orange, flatter and more premium. */
.sike-app-landing-v42 .sike-v42-primary{
  min-height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff6d3d,#f24337)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 12px 28px rgba(236,72,47,.20),
    inset 0 1px rgba(255,255,255,.20)!important;
}
.sike-app-landing-v42 .sike-v42-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.025)!important;
}
.sike-app-landing-v42 .sike-v42-secondary{
  color:#797d83!important;
}

/* Auth tab group within grey sidebar. */
.sike-app-landing-v42 .sike-v42-tabs{
  padding:4px!important;
  border:1px solid rgba(20,22,25,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
}
.sike-app-landing-v42 .sike-v42-tabs button{
  color:#8b8f95!important;
}
.sike-app-landing-v42 .sike-v42-tabs button.active{
  background:#fff!important;
  color:#111318!important;
  box-shadow:0 4px 14px rgba(20,22,25,.08)!important;
}

/* Social login buttons: white frosted cells. */
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(255,255,255,.76)!important;
  color:#1a1d21!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 5px 16px rgba(20,22,25,.045)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button:hover{
  background:#fff!important;
}

/* Divider and inputs. */
.sike-app-landing-v42 .sike-v42-divider{
  color:#858990!important;
}
.sike-app-landing-v42 .sike-v42-divider:before,
.sike-app-landing-v42 .sike-v42-divider:after{
  background:rgba(20,22,25,.10)!important;
}

.sike-app-landing-v42 .sike-v42-form label>span{
  color:#777c83!important;
}
.sike-app-landing-v42 .sike-v42-form input[type=text],
.sike-app-landing-v42 .sike-v42-form input[type=email],
.sike-app-landing-v42 .sike-v42-form input[type=password]{
  height:48px!important;
  border:1px solid rgba(20,22,25,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111318!important;
  box-shadow:inset 0 1px 1px rgba(18,20,23,.025)!important;
}
.sike-app-landing-v42 .sike-v42-form input::placeholder{
  color:#a1a5aa!important;
}
.sike-app-landing-v42 .sike-v42-form input:focus{
  background:#fff!important;
  border-color:rgba(255,96,52,.55)!important;
  box-shadow:0 0 0 4px rgba(255,96,52,.08)!important;
}
.sike-app-landing-v42 .sike-app-consent span{
  color:#7f8389!important;
}

/* Make the left device cards black/transparent instead of grey. */
.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(8,10,12,.50)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(8,10,12,.35)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* Bottom cards remain dark transparent and lightweight. */
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.42)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ------------------------- MOBILE ------------------------- */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-account{
    padding:18px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(250,249,246,.98),rgba(233,233,230,.97))!important;
    box-shadow:
      0 20px 45px rgba(57,15,6,.17),
      inset 0 1px rgba(255,255,255,.90)!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .sike-app-landing-v42 .sike-v42-avatar{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head h2,
  .sike-app-landing-v42 .sike-v42-auth-head h2{
    font-size:32px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-meta{
    gap:6px!important;
  }
  .sike-app-landing-v42 .sike-v42-account-meta>div,
  .sike-app-landing-v42 .sike-v42-next-card{
    border-radius:13px!important;
  }

  .sike-app-landing-v42 .sike-v42-primary{
    min-height:50px!important;
  }

  .sike-app-landing-v42 .sike-v42-social-grid{
    gap:6px!important;
  }
}

/* Soundboks-style restraint: keep corners strong, no excessive glass glow. */
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-account *{
  text-shadow:none!important;
}


/* ===================================================================
   SIKE V45 — COMPLETE APP PAGE REDESIGN
   =================================================================== */
body:has(.sike-app-v45){
  background:#ff6235!important;
}
.sike-app-v45{
  min-height:calc(100vh - 120px)!important;
  padding:30px 24px 72px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,210,165,.18),transparent 27%),
    radial-gradient(circle at 86% 10%,rgba(236,45,50,.25),transparent 32%),
    linear-gradient(135deg,#ff8130 0%,#ff5c32 46%,#e92f38 100%)!important;
}
.sike-v45-wrap{
  width:min(1420px,100%)!important;
  margin:0 auto!important;
}

/* HERO */
.sike-v45-hero{
  min-height:510px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:16px!important;
}
.sike-v45-hero-copy,
.sike-v45-product-cluster{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101216!important;
  box-shadow:0 28px 75px rgba(70,15,7,.18)!important;
}
.sike-v45-hero-copy{
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,91,47,.14),transparent 28%),
    #101216!important;
}
.sike-v45-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:20px!important;
}
.sike-v45-eyebrow i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#31d47c!important;
  box-shadow:0 0 0 5px rgba(49,212,124,.08)!important;
}
.sike-v45-eyebrow span{
  color:#ff7548!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-v45-eyebrow b{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#1b1f24!important;
  color:#818892!important;
  font-size:6px!important;
  letter-spacing:.08em!important;
}
.sike-v45-hero-copy h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(64px,6.4vw,105px)!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
.sike-v45-hero-copy h1 em{
  color:#ff6840!important;
  font-style:normal!important;
}
.sike-v45-hero-copy>p{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sike-v45-quickpoints{
  display:flex!important;
  gap:9px!important;
  margin-top:28px!important;
}
.sike-v45-quickpoints>span{
  min-width:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:30px auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 8px!important;
  border:1px solid #282d34!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-v45-quickpoints i{
  grid-row:1/3!important;
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-v45-quickpoints b{color:#f1f2f3!important;font-size:8px!important}
.sike-v45-quickpoints small{color:#6d7580!important;font-size:6px!important}

/* PRODUCT CLUSTER */
.sike-v45-product-cluster{
  padding:18px!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:10px!important;
  background:
    linear-gradient(160deg,#16191e 0%,#0b0d10 100%)!important;
}
.sike-v45-product-main{
  position:relative!important;
  min-height:330px!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #272c33!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,94,49,.09),transparent 40%),
    #0a0c0f!important;
}
.sike-v45-product-main>span{
  position:absolute!important;
  left:18px!important;top:16px!important;
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-product-main img{
  width:100%!important;
  height:245px!important;
  object-fit:contain!important;
  display:block!important;
  margin-top:10px!important;
}
.sike-v45-product-main strong{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.03em!important;
}
.sike-v45-product-main small{
  display:block!important;
  margin-top:3px!important;
  color:#747c86!important;
  font-size:8px!important;
}
.sike-v45-product-small{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sike-v45-product-small>div{
  min-height:84px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid #282d34!important;
  background:#101318!important;
}
.sike-v45-product-small img{
  width:64px!important;height:64px!important;object-fit:contain!important;border-radius:10px!important;
  background:#090b0e!important;
}
.sike-v45-product-small b{display:block!important;color:#e7e9ec!important;font-size:8px!important}
.sike-v45-product-small small{display:block!important;margin-top:4px!important;color:#6c7480!important;font-size:6px!important}

/* LOWER CONTENT */
.sike-v45-content{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;
  gap:16px!important;
}
.sike-v45-info{
  padding:30px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(11,13,16,.88)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.14)!important;
}
.sike-v45-info-head>span{
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-info-head h2{
  margin:9px 0 0!important;
  color:#f6f4f0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
}
.sike-v45-info-head p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#828a94!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.sike-v45-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
.sike-v45-info-grid article{
  min-height:130px!important;
  padding:16px!important;
  border:1px solid #252a31!important;
  border-radius:16px!important;
  background:#0d1014!important;
}
.sike-v45-info-grid i{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
}
.sike-v45-info-grid h3{
  margin:14px 0 0!important;
  color:#eceef0!important;
  font-size:11px!important;
}
.sike-v45-info-grid p{
  margin:6px 0 0!important;
  color:#737b85!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* ACCOUNT CARD */
.sike-v45-account{
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:linear-gradient(180deg,#f7f6f3 0%,#e9e9e6 100%)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.18)!important;
  color:#111318!important;
}
.sike-v45-account-status{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.sike-v45-avatar{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#ff7140,#ed3938)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sike-v45-account-status span,
.sike-v45-auth-head>span,
.sike-v45-action-block>span{
  color:#ff5e38!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v45-account-status h2,
.sike-v45-auth-head h2{
  margin:5px 0 0!important;
  color:#111318!important;
  font-size:34px!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
.sike-v45-account-status p{
  margin:4px 0 0!important;
  color:#7a7f86!important;
  font-size:8px!important;
}
.sike-v45-account-status .online{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#32cc78!important;
  box-shadow:0 0 0 5px rgba(50,204,120,.10)!important;
}
.sike-v45-account-lines{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-v45-account-lines>div{
  padding:13px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-account-lines span{
  display:block!important;color:#8b8f95!important;font-size:6px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.sike-v45-account-lines b{
  display:block!important;margin-top:5px!important;color:#1a1c20!important;font-size:9px!important;
}
.sike-v45-account-lines .green{color:#23b86d!important}
.sike-v45-action-block{
  margin-top:9px!important;
  padding:17px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-action-block h3{
  margin:7px 0 0!important;
  color:#17191d!important;
  font-size:19px!important;
}
.sike-v45-action-block p,
.sike-v45-auth-head p{
  margin:8px 0 0!important;
  color:#777d84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v45-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:14px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#ff6c3d,#ee3938)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(234,65,47,.18)!important;
}
.sike-v45-primary b{font-size:17px!important}
.sike-v45-signout{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  color:#777c83!important;
  font-size:7px!important;
  text-decoration:none!important;
}

/* AUTH */
.sike-v45-tabs{
  margin:18px 0 12px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(18,20,24,.08)!important;
}
.sike-v45-tabs button{color:#858990!important}
.sike-v45-tabs button.active{
  background:#fff!important;color:#111318!important;box-shadow:0 4px 12px rgba(18,20,24,.07)!important;
}
.sike-v45-socials{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v45-socials form{margin:0!important}
.sike-v45-socials button{
  width:100%!important;min-height:42px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  color:#1a1d21!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.sike-v45-socials i{font-size:13px!important;font-style:normal!important}
.sike-v45-socials span{font-size:7px!important;font-weight:800!important}
.sike-v45-divider{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:12px 0!important;color:#858990!important;font-size:6px!important;
}
.sike-v45-divider:before,.sike-v45-divider:after{
  content:""!important;flex:1!important;height:1px!important;background:rgba(18,20,24,.10)!important;
}
.sike-v45-form label>span{color:#777c83!important}
.sike-v45-form input[type=text],
.sike-v45-form input[type=email],
.sike-v45-form input[type=password]{
  height:46px!important;
  border-radius:12px!important;
  border:1px solid rgba(18,20,24,.10)!important;
  background:rgba(255,255,255,.75)!important;
  color:#111318!important;
}
.sike-v45-form input::placeholder{color:#a1a4a8!important}
.sike-v45-form input:focus{
  border-color:rgba(255,97,53,.55)!important;
  box-shadow:0 0 0 4px rgba(255,97,53,.08)!important;
  background:#fff!important;
}
.sike-v45-account .sike-app-consent span{color:#7d8288!important}

/* MOBILE */
@media(max-width:760px){
  .sike-app-v45{
    padding:10px 8px 78px!important;
  }
  .sike-v45-hero,
  .sike-v45-content{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v45-hero{
    min-height:0!important;
  }
  .sike-v45-hero-copy,
  .sike-v45-product-cluster,
  .sike-v45-info,
  .sike-v45-account{
    border-radius:20px!important;
  }
  .sike-v45-hero-copy{
    padding:24px 18px!important;
  }
  .sike-v45-hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
  }
  .sike-v45-hero-copy>p{
    margin-top:16px!important;
    font-size:12px!important;
  }
  .sike-v45-quickpoints{
    gap:5px!important;
    margin-top:18px!important;
  }
  .sike-v45-quickpoints>span{
    min-width:0!important;
    flex:1!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    padding:8px!important;
  }
  .sike-v45-quickpoints i{grid-row:auto!important}
  .sike-v45-quickpoints small{display:none!important}

  .sike-v45-product-main{
    min-height:230px!important;
  }
  .sike-v45-product-main img{
    height:170px!important;
  }
  .sike-v45-product-small>div{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:70px!important;
  }
  .sike-v45-product-small img{
    width:48px!important;height:48px!important;
  }

  .sike-v45-info{
    padding:18px!important;
  }
  .sike-v45-info-head h2{
    font-size:30px!important;
  }
  .sike-v45-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-v45-info-grid article{
    min-height:110px!important;
    padding:13px!important;
  }

  .sike-v45-account{
    padding:18px!important;
  }
  .sike-v45-account-status{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  .sike-v45-avatar{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .sike-v45-account-status h2,
  .sike-v45-auth-head h2{
    font-size:30px!important;
  }
}

@media(max-width:390px){
  .sike-v45-hero-copy h1{font-size:43px!important}
  .sike-v45-info-grid{grid-template-columns:1fr!important}
  .sike-v45-socials{grid-template-columns:1fr!important}
}


/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* ===================================================================
   SIKE MUSIC V21 — TRUE CENTERING FIX
   The remaining offset came from the normal SIKE App CSS grid:
   .sike-ios-view was still assigned to grid-column:2.
   Music mode now fully escapes that dashboard grid.
   =================================================================== */

body.sike-music-fullscreen-active .sike-ios-shell{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  column-gap:0!important;
  row-gap:0!important;
}

body.sike-music-fullscreen-active .sike-ios-dashboard{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
}

body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  padding:0!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
}

/* Music canvas is now mathematically aligned to viewport edges. */
body.sike-music-fullscreen-active .sike-music-fullscreen{
  position:relative!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
}

/* Prevent any legacy app-side column widths from leaking into MUSIC. */
body.sike-music-fullscreen-active .sike-ios-main-column,
body.sike-music-fullscreen-active .sike-ios-side-column{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Keep the center workspace balanced between rail and Now Playing panel. */
@media(min-width:1101px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:74px minmax(0,1fr) minmax(300px,20vw)!important;
  }
}

/* On common 1366–1920 desktop widths, slightly reduce the right panel so
   the visual center remains the music content rather than being pulled right. */
@media(min-width:1101px) and (max-width:1920px){
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 290px!important;
  }
}

/* Tablet/mobile stay edge-to-edge with no inherited grid column. */
@media(max-width:1100px){
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    min-width:100vw!important;
  }
}


/* ===================================================================
   SIKE MUSIC V22 — MOBILE FIX / IPHONE-FIRST POLISH
   Built directly on V21. Desktop remains unchanged.
   =================================================================== */

@media(max-width:720px){

  html.sike-music-fullscreen-active,
  body.sike-music-fullscreen-active{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#050607!important;
  }

  /* Shared site header: compact and predictable on phone. */
  body.sike-music-fullscreen-active .site-header{
    height:64px!important;
    min-height:64px!important;
    padding:0 10px!important;
    background:#070809!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:178px!important;
    width:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:174px!important;
    width:100%!important;
    height:auto!important;
  }
  body.sike-music-fullscreen-active .site-header .desktop-nav,
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
  body.sike-music-fullscreen-active .site-header .header-actions{
    margin-left:auto!important;
    gap:7px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button span{
    display:none!important;
  }

  /* Music fills all remaining space under header. */
  body.sike-music-fullscreen-active .sike-ios-app,
  body.sike-music-fullscreen-active .sike-ios-shell,
  body.sike-music-fullscreen-active .sike-ios-dashboard,
  body.sike-music-fullscreen-active .sike-ios-view.sike-music-view.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - 64px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 72px!important;
    background:#050607!important;
    overflow:hidden!important;
  }

  /* Hide desktop-only sidebars/panels. */
  .sike-music-rail,
  .sike-music-now-panel{
    display:none!important;
  }

  .sike-music-home{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 72% -15%,rgba(255,93,44,.12),transparent 28%),
      linear-gradient(180deg,#151719 0%,#0d0f11 25%,#0a0c0e 100%)!important;
  }

  /* Compact top search area. */
  .sike-music-topbar{
    position:sticky!important;
    top:0!important;
    z-index:15!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:7px!important;
    background:rgba(9,11,13,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.045)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  .sike-music-nav-arrows button{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    font-size:20px!important;
  }
  .sike-music-search-top{
    height:38px!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 8px!important;
    border-radius:999px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .sike-music-search-top span{
    font-size:14px!important;
  }
  .sike-music-search-top input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    font-size:9px!important;
  }
  .sike-music-search-top button{
    display:none!important;
  }
  .sike-music-top-actions{
    width:36px!important;
    display:block!important;
  }
  .sike-music-api-pill{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
  }
  .sike-music-api-pill span{
    display:none!important;
  }
  .sike-music-account-dot{
    display:none!important;
  }

  /* Main scrolling content */
  .sike-music-scroll{
    height:calc(100% - 58px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 10px 18px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .sike-music-filter-pills{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    margin:0 0 10px!important;
    padding-bottom:1px!important;
    scrollbar-width:none!important;
  }
  .sike-music-filter-pills::-webkit-scrollbar{display:none!important}
  .sike-music-filter-pills button{
    flex:0 0 auto!important;
    height:32px!important;
    padding:0 13px!important;
    font-size:7px!important;
  }

  /* Quick playlists -> smooth horizontal rail. */
  .sike-music-quick-grid{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-bottom:14px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-quick-grid::-webkit-scrollbar{display:none!important}
  .sike-music-quick-grid button{
    flex:0 0 188px!important;
    width:188px!important;
    min-width:188px!important;
    height:56px!important;
    grid-template-columns:56px minmax(0,1fr) 30px!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  .quick-art{
    width:56px!important;
    height:56px!important;
    font-size:18px!important;
  }
  .sike-music-quick-grid b{
    font-size:8px!important;
    padding:0 8px!important;
  }
  .sike-music-quick-grid button>i{
    width:28px!important;
    height:28px!important;
    opacity:1!important;
    transform:none!important;
    font-size:8px!important;
  }

  /* Hero is shorter and phone-scaled. */
  .sike-music-featured{
    min-height:176px!important;
    border-radius:15px!important;
    padding:17px!important;
    margin-bottom:16px!important;
  }
  .sike-music-featured-copy{
    max-width:100%!important;
  }
  .sike-music-featured-copy>span{
    font-size:6px!important;
  }
  .sike-music-featured-copy h3{
    font-size:31px!important;
    line-height:.92!important;
    margin:7px 0 9px!important;
  }
  .sike-music-featured-copy p{
    font-size:7px!important;
    max-width:92%!important;
  }
  .sike-music-featured-copy>div{
    margin-top:12px!important;
  }
  .sike-music-featured-copy button{
    height:34px!important;
    padding:0 11px!important;
    font-size:7px!important;
  }
  .sike-music-eq-art{
    display:none!important;
  }

  /* Start listening section */
  .sike-music-made-for{
    margin-top:0!important;
  }
  .sike-music-section-head{
    margin-bottom:7px!important;
  }
  .sike-music-section-head h4{
    font-size:16px!important;
  }
  .sike-music-url-entry{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  .sike-music-url-entry input{
    min-width:0!important;
    width:100%!important;
    height:39px!important;
    font-size:7px!important;
    padding:0 10px!important;
  }
  .sike-music-url-entry button{
    height:39px!important;
    padding:0 11px!important;
  }
  .sike-music-api-note{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:8px 9px!important;
    margin-top:6px!important;
  }
  .sike-music-api-note p{
    display:none!important;
  }

  /* Search results -> cards rail instead of cramped grid. */
  .sike-music-card-results{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .sike-music-card-results::-webkit-scrollbar{display:none!important}
  .sike-music-card-results .sike-music-track{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    min-height:184px!important;
    padding:8px!important;
    scroll-snap-align:start!important;
  }
  .sike-music-card-results .track-play{
    width:100%!important;
    aspect-ratio:1!important;
  }
  .sike-music-card-results .sike-music-track b{
    font-size:8px!important;
  }
  .sike-music-card-results .sike-music-track small{
    font-size:6.5px!important;
  }
  .sike-music-card-results .sike-music-placeholder{
    flex:0 0 100%!important;
    min-height:130px!important;
  }

  /* Bottom now-playing bar: clean and never clipped. */
  .sike-music-playerbar{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:6px 9px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(7,8,10,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-music-playerbar-track{
    min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) 28px!important;
    gap:8px!important;
  }
  .mini-cover{
    width:44px!important;
    height:44px!important;
    border-radius:8px!important;
  }
  .sike-music-playerbar-track b{
    font-size:8px!important;
  }
  .sike-music-playerbar-track small{
    font-size:6px!important;
  }
  .sike-music-playerbar-track>button{
    font-size:15px!important;
  }
  .sike-music-transport{
    display:block!important;
  }
  .transport-buttons{
    display:block!important;
  }
  .transport-buttons button:not(.play){
    display:none!important;
  }
  .transport-buttons .play{
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .sike-music-progress,
  .sike-music-player-tools{
    display:none!important;
  }

  /* API modal fits phone properly. */
  .sike-music-api-modal{
    padding:12px!important;
  }
  .sike-music-api-card{
    width:100%!important;
    max-width:100%!important;
    padding:19px!important;
    border-radius:20px!important;
  }
  .sike-music-api-card h3{
    font-size:24px!important;
  }

  /* Footer: exact shared footer, stacked nicely on phone. */
  body.sike-music-fullscreen-active .site-footer{
    margin:0!important;
  }
}

/* Small iPhones */
@media(max-width:430px){
  body.sike-music-fullscreen-active .site-header{
    height:60px!important;
    min-height:60px!important;
    padding:0 8px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand{
    max-width:158px!important;
  }
  body.sike-music-fullscreen-active .site-header .brand img{
    max-width:154px!important;
  }
  body.sike-music-fullscreen-active .site-header .cart-button,
  body.sike-music-fullscreen-active .site-header .menu-button{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
  }

  body.sike-music-fullscreen-active .sike-music-fullscreen{
    height:calc(100dvh - 60px)!important;
  }

  .sike-music-topbar{
    min-height:54px!important;
    height:54px!important;
    padding:7px!important;
  }
  .sike-music-scroll{
    height:calc(100% - 54px)!important;
    padding:8px 8px 16px!important;
  }
  .sike-music-featured{
    min-height:164px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-quick-grid button{
    flex-basis:176px!important;
    width:176px!important;
    min-width:176px!important;
  }
  .sike-music-card-results .sike-music-track{
    flex-basis:134px!important;
    width:134px!important;
    min-width:134px!important;
  }
}

/* Very small devices */
@media(max-width:360px){
  .sike-music-featured-copy h3{font-size:25px!important}
  .sike-music-featured-copy p{display:none!important}
  .sike-music-quick-grid button{
    flex-basis:164px!important;
    width:164px!important;
    min-width:164px!important;
  }
}


/* SIKE MUSIC V23 — secure server-side YouTube API status */
.sike-music-server-api-ready{
  display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;
  border-radius:14px;background:#0c1110;border:1px solid rgba(43,209,121,.24)
}
.sike-music-server-api-ready>i{
  width:10px;height:10px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 7px rgba(43,209,121,.09)
}
.sike-music-server-api-ready b{display:block;color:#fff;font-size:9px}
.sike-music-server-api-ready small{display:block;color:#747d85;font-size:7px;margin-top:3px}


/* ===================================================================
   SIKE MUSIC V24 — NO LIVECHAT IN MUSIC + MOBILE VIDEO PLAYER
   =================================================================== */

/* Hide all known SIKE livechat widget surfaces only while Music is active. */
body.sike-music-fullscreen-active .livechat,
body.sike-music-fullscreen-active .live-chat,
body.sike-music-fullscreen-active .chat-widget,
body.sike-music-fullscreen-active .chat-launcher,
body.sike-music-fullscreen-active .chat-button,
body.sike-music-fullscreen-active .support-chat,
body.sike-music-fullscreen-active .sike-chat,
body.sike-music-fullscreen-active .sike-livechat,
body.sike-music-fullscreen-active [data-livechat],
body.sike-music-fullscreen-active [data-chat-widget],
body.sike-music-fullscreen-active [class*="livechat"],
body.sike-music-fullscreen-active [class*="chat-widget"]{
  display:none!important;
}

/* Track title is now a real player action. */
.sike-track-meta{min-width:0}
.sike-track-title{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font:inherit;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.sike-track-title:hover{
  text-decoration:underline;
}
.sike-music-player-screen.focus-pulse{
  animation:sikePlayerFocus .6s ease;
}
@keyframes sikePlayerFocus{
  0%{box-shadow:0 0 0 0 rgba(255,101,56,.0)}
  40%{box-shadow:0 0 0 8px rgba(255,101,56,.16)}
  100%{box-shadow:0 0 0 0 rgba(255,101,56,0)}
}

/* Mobile fullscreen player sheet */
.sike-music-mobile-player-sheet{
  display:none;
}

@media(max-width:720px){

  /* Even cleaner overall mobile music canvas */
  body.sike-music-fullscreen-active .sike-music-scroll{
    padding-bottom:22px!important;
  }

  .sike-music-featured{
    min-height:156px!important;
    padding:15px!important;
  }
  .sike-music-featured-copy h3{
    font-size:28px!important;
  }
  .sike-music-featured-copy p{
    max-width:95%!important;
  }

  .sike-music-quick-grid button{
    flex-basis:172px!important;
    width:172px!important;
    min-width:172px!important;
  }

  .sike-music-card-results .sike-music-track{
    flex-basis:138px!important;
    width:138px!important;
    min-width:138px!important;
    min-height:176px!important;
  }
  .sike-track-title{
    font-size:8px!important;
  }

  /* Bottom player track clearly opens the full video sheet */
  .sike-music-playerbar-track{
    cursor:pointer!important;
    border-radius:10px!important;
    padding:3px!important;
    margin-left:-3px!important;
  }
  .sike-music-playerbar-track:active{
    background:rgba(255,255,255,.04)!important;
  }

  .sike-music-mobile-player-sheet{
    display:flex;
    position:fixed;
    z-index:25000;
    left:0;right:0;bottom:0;
    height:calc(100dvh - 60px);
    flex-direction:column;
    padding:calc(10px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    background:
      radial-gradient(circle at 50% 17%,rgba(255,103,54,.20),transparent 35%),
      linear-gradient(180deg,#161214 0%,#0d0f12 48%,#08090b 100%);
    transform:translateY(105%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
  }
  .sike-music-mobile-player-sheet.open{
    transform:translateY(0);
    pointer-events:auto;
  }

  .sike-music-mobile-player-head{
    display:grid;
    grid-template-columns:40px 1fr 40px;
    align-items:center;
    gap:8px;
    min-height:48px;
  }
  .sike-music-mobile-player-head button{
    width:38px;height:38px;border-radius:50%;
    border:0;background:#202328;color:#fff;font-size:17px;
  }
  .sike-music-mobile-player-head>div{
    text-align:center;
  }
  .sike-music-mobile-player-head small{
    display:block;font-size:6px;letter-spacing:.13em;color:#7c838c;
  }
  .sike-music-mobile-player-head b{
    display:block;font-size:9px;margin-top:2px;color:#fff;
  }

  /* The actual live iframe remains the canonical player; this sheet
     visually frames the same now-playing state for mobile. */
  .sike-music-mobile-video-mirror{
    margin-top:10px;
    aspect-ratio:16/10;
    border-radius:20px;
    background:
      radial-gradient(circle at 50% 40%,rgba(255,92,48,.15),transparent 33%),
      #060708;
    border:1px solid rgba(255,255,255,.06);
    display:grid;
    place-items:center;
    overflow:hidden;
    position:relative;
  }
  .sike-music-mobile-video-mirror:before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg,transparent,rgba(255,255,255,.025));
  }
  .sike-music-mobile-video-note{
    position:relative;z-index:2;
    text-align:center;padding:22px;
  }
  .sike-music-mobile-video-note span{
    display:block;color:#ff7144;font-size:7px;letter-spacing:.14em;font-weight:900;
  }
  .sike-music-mobile-video-note p{
    color:#737b85;font-size:8px;line-height:1.5;max-width:260px;margin:7px auto 0;
  }

  .sike-music-mobile-now-copy{
    padding:20px 2px 12px;
  }
  .sike-music-mobile-now-copy h3{
    margin:0;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.035em;
  }
  .sike-music-mobile-now-copy p{
    margin:6px 0 0;color:#7c838d;font-size:9px;
  }

  .sike-music-mobile-sheet-controls{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
  }
  .sike-music-mobile-sheet-controls button{
    width:42px;height:42px;border-radius:50%;
    border:0;background:transparent;color:#b5bac1;font-size:16px;
  }
  .sike-music-mobile-sheet-controls button.main{
    width:58px;height:58px;background:#fff;color:#111;font-size:18px;
  }
}

@media(max-width:390px){
  .sike-music-mobile-player-sheet{
    height:calc(100dvh - 58px);
    padding-left:11px;
    padding-right:11px;
  }
  .sike-music-featured{
    min-height:148px!important;
  }
  .sike-music-featured-copy h3{
    font-size:26px!important;
  }
}


/* ===================================================================
   SIKE MUSIC V25 — COLLAPSIBLE + CUSTOM USER BANNER
   =================================================================== */

.sike-music-featured{
  --sike-banner-overlay:.32;
  isolation:isolate;
  transition:min-height .32s cubic-bezier(.2,.8,.2,1),padding .32s cubic-bezier(.2,.8,.2,1);
}
.sike-music-banner-image,
.sike-music-banner-shade{
  position:absolute;inset:0;pointer-events:none;
}
.sike-music-banner-image{
  z-index:0;
  background-size:cover;
  background-position:center center;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .3s ease,transform .7s ease;
}
.sike-music-featured.has-custom-image .sike-music-banner-image{
  opacity:1;
  transform:scale(1);
}
.sike-music-banner-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(12,8,8,.78) 0%,rgba(14,8,8,.42) 52%,rgba(10,7,7,.12) 100%),
    rgba(8,8,8,var(--sike-banner-overlay));
}
.sike-music-featured:not(.has-custom-image) .sike-music-banner-shade{
  background:linear-gradient(90deg,rgba(255,90,50,.04),rgba(10,8,8,.12));
}
.sike-music-featured-copy,.sike-music-eq-art{
  position:relative;z-index:3;
}
.sike-music-banner-toolbar{
  position:absolute;z-index:8;top:13px;right:13px;display:flex;gap:6px
}
.sike-music-banner-tool{
  min-height:34px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(10,12,15,.68);color:#fff;
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  font-size:7px;font-weight:900;cursor:pointer
}
.sike-music-banner-tool.icon{width:34px;padding:0;font-size:15px}
.sike-music-banner-tool:hover{background:rgba(20,23,27,.86)}
.sike-music-banner-collapsed-copy{display:none;position:relative;z-index:4;width:100%;align-items:center;justify-content:space-between}
.sike-music-banner-collapsed-copy span{display:block;color:#ff7a4a;font-size:6px;letter-spacing:.14em;font-weight:900}
.sike-music-banner-collapsed-copy b{display:block;color:#fff;font-size:15px;margin-top:2px}
.sike-music-banner-collapsed-copy button{height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,12,15,.64);color:#fff;padding:0 12px;font-size:7px;font-weight:850}

.sike-music-featured.is-collapsed{
  min-height:64px!important;
  height:64px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.sike-music-featured.is-collapsed .sike-music-featured-copy,
.sike-music-featured.is-collapsed .sike-music-eq-art{display:none!important}
.sike-music-featured.is-collapsed .sike-music-banner-collapsed-copy{display:flex}
.sike-music-featured.is-collapsed .sike-music-banner-toolbar .sike-music-banner-tool:not(.icon){display:none}
.sike-music-featured.is-collapsed .sike-music-banner-shade{background:rgba(7,8,10,.48)}

.sike-music-banner-editor{
  margin:-10px 0 20px;
  padding:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  background:#111419;
  border:1px solid transparent;
  transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin .28s ease;
}
.sike-music-banner-editor[hidden]{display:none!important}
.sike-music-banner-editor.open{
  max-height:620px;
  opacity:1;
  padding:17px;
  margin:-8px 0 20px;
  border-color:#292f36;
}
.sike-music-banner-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sike-music-banner-editor-head span{font-size:6px;letter-spacing:.15em;color:#ff7446;font-weight:900}
.sike-music-banner-editor-head h4{margin:4px 0 0;color:#fff;font-size:18px}
.sike-music-banner-editor-head>button{width:34px;height:34px;border-radius:11px;border:1px solid #30363d;background:#0b0e12;color:#fff;font-size:18px}
.sike-music-banner-editor-grid{display:grid;grid-template-columns:1.1fr 1.4fr .8fr;gap:10px;margin-top:14px}
.sike-banner-upload{
  min-height:112px;border:1px dashed #3a4048;border-radius:14px;background:#0b0e12;
  display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer
}
.sike-banner-upload input{display:none}
.sike-banner-upload .upload-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6d39,#e93632);color:#fff;font-size:20px}
.sike-banner-upload b{display:block;color:#fff;font-size:9px}.sike-banner-upload small{display:block;color:#707985;font-size:7px;margin-top:4px}
.sike-banner-fields{display:grid;gap:8px}
.sike-banner-fields label,.sike-banner-look label{display:block}
.sike-banner-fields small,.sike-banner-look small{display:block;color:#6d7580;font-size:6px;letter-spacing:.1em;font-weight:900;margin-bottom:5px}
.sike-banner-fields input,.sike-banner-look select{
  width:100%;height:39px;box-sizing:border-box;border-radius:10px;border:1px solid #2a3037;background:#0b0e12;color:#fff;padding:0 10px;font-size:8px;outline:0
}
.sike-banner-look{display:grid;align-content:start;gap:12px}
.sike-banner-look input[type=range]{width:100%;accent-color:#ff6039}
.sike-music-banner-editor-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.sike-music-banner-editor-actions button{height:38px;border-radius:10px;padding:0 13px;font-size:7px;font-weight:900;cursor:pointer}
.sike-music-banner-editor-actions .secondary{background:#0c0f13;color:#a1a7af;border:1px solid #2a3037}
.sike-music-banner-editor-actions .primary{background:linear-gradient(135deg,#ff6938,#e63632);color:#fff;border:0}

/* Mobile banner/editor */
@media(max-width:720px){
  .sike-music-banner-toolbar{top:8px;right:8px}
  .sike-music-banner-tool{min-height:30px;padding:0 9px}
  .sike-music-banner-tool span{display:none}
  .sike-music-banner-tool.icon{width:30px}
  .sike-music-featured.is-collapsed{
    min-height:58px!important;height:58px!important;padding:9px 11px!important
  }
  .sike-music-banner-collapsed-copy b{font-size:12px}
  .sike-music-banner-collapsed-copy button{height:30px;padding:0 9px}
  .sike-music-banner-collapsed-copy button span{display:none}

  .sike-music-banner-editor.open{
    max-height:1000px;
    padding:13px;
    margin:-6px 0 14px;
    border-radius:0 0 15px 15px
  }
  .sike-music-banner-editor-grid{grid-template-columns:1fr;gap:9px}
  .sike-banner-upload{min-height:76px}
  .sike-banner-fields{gap:7px}
  .sike-banner-look{grid-template-columns:1fr 1fr;gap:9px}
  .sike-music-banner-editor-actions{display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:390px){
  .sike-music-banner-editor-head h4{font-size:16px}
  .sike-banner-look{grid-template-columns:1fr}
}


/* ===================================================================
   SIKE V27 — SIGNED-IN USER IN SHARED TOP NAV
   =================================================================== */

.site-header .header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.site-user-pill{
  min-width:0;
  height:48px;
  max-width:230px;
  padding:5px 10px 5px 5px;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:15px;
  background:#111419;
  border:1px solid #292e35;
  color:#fff;
  text-decoration:none;
  box-sizing:border-box;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}
.site-user-pill:hover{
  transform:translateY(-1px);
  background:#171a1f;
  border-color:#3a4048;
}
.site-user-avatar{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#ff6d39,#e63632);
  color:#fff;
  font-size:12px;
  font-weight:950;
  box-shadow:0 8px 20px rgba(231,56,48,.18);
}
.site-user-copy{
  min-width:0;
  display:block;
  line-height:1.05;
}
.site-user-copy strong{
  display:block;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.site-user-copy small{
  display:block;
  margin-top:4px;
  max-width:135px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#737b85;
  font-size:6.5px;
  font-weight:700;
}
.site-user-chevron{
  margin-left:auto;
  color:#626a74;
  font-size:9px;
  font-style:normal;
}

/* Slight provider identity without disturbing SIKE styling. */
.site-user-pill.provider-facebook .site-user-avatar{background:linear-gradient(145deg,#2476f2,#1555ba)}
.site-user-pill.provider-google .site-user-avatar{background:linear-gradient(145deg,#f4f4f4,#d9d9d9);color:#222}
.site-user-pill.provider-apple .site-user-avatar{background:linear-gradient(145deg,#292b2e,#050607)}
.site-user-pill.provider-spotify .site-user-avatar{background:linear-gradient(145deg,#1ed760,#12933f);color:#07110a}
.site-user-pill.provider-microsoft .site-user-avatar{background:linear-gradient(145deg,#f05a28,#d83a21)}

/* SIKE MUSIC header now has a proper visual balance on large screens. */
body.sike-music-fullscreen-active .site-header .header-actions{
  margin-left:auto!important;
}
body.sike-music-fullscreen-active .site-user-pill{
  display:flex!important;
}

/* In the internal music topbar, the S account dot becomes a compact shortcut. */
.sike-music-account-dot{
  display:grid;
  place-items:center;
  text-decoration:none;
}

/* Laptop widths: keep name, hide provider label first. */
@media(max-width:1260px) and (min-width:721px){
  .site-user-pill{
    max-width:165px;
    padding-right:8px;
  }
  .site-user-copy strong{max-width:92px}
  .site-user-copy small{display:none}
  .site-user-chevron{display:none}
}

/* Mobile: avatar stays in nav, name moves into menu-friendly compact mode. */
@media(max-width:720px){
  .site-header .header-actions{
    gap:6px!important;
  }
  .site-user-pill{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:3px!important;
    border-radius:13px!important;
    justify-content:center!important;
  }
  .site-user-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  .site-user-copy,
  .site-user-chevron{
    display:none!important;
  }

  /* Avoid too many right-side buttons: search is already available in menu. */
  body.sike-music-fullscreen-active .site-header .icon-button{
    display:none!important;
  }
}

/* Very small phones: retain user + cart + menu without overflow. */
@media(max-width:390px){
  .site-user-pill{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .site-user-avatar{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
}


/* ===================================================================
   SIKE APP V28 — PERSISTENT MUSIC / ACTIVE SPEAKER / MINIMIZABLE PLAYER
   =================================================================== */

/* Keep the YouTube iframe alive when returning to Dashboard.
   It is moved offscreen instead of display:none while a track exists. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-music-view:not(.active){
  display:block!important;
  position:fixed!important;
  left:-10000px!important;
  top:-10000px!important;
  width:2px!important;
  height:2px!important;
  min-width:2px!important;
  min-height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Dashboard speaker is visibly active while music plays. */
.device-playing-music .sike-ios-hero-card{
  border-color:rgba(255,101,56,.18)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,101,56,.045),
    inset 0 0 80px rgba(255,82,42,.025)!important;
}
.device-playing-music .sike-builder-live-stage:after{
  content:"";
  position:absolute;
  inset:auto 12% 2% 12%;
  height:22%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,92,44,.15),transparent 68%);
  filter:blur(12px);
  animation:sikeActiveSpeakerGlow 1.9s ease-in-out infinite alternate;
}
@keyframes sikeActiveSpeakerGlow{
  from{opacity:.45;transform:scale(.92)}
  to{opacity:1;transform:scale(1.08)}
}

.sike-dashboard-now-playing{
  min-height:66px;
  margin:8px 0 10px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(255,98,52,.09),transparent 42%),
    #0d1014;
  border:1px solid rgba(255,102,55,.18);
}
.sike-dashboard-now-playing[hidden]{display:none!important}
.sike-dashboard-now-cover{
  width:50px;height:50px;border-radius:11px;overflow:hidden;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6639,#682134);
  color:#fff;font-size:18px
}
.sike-dashboard-now-cover img{width:100%;height:100%;object-fit:cover}
.sike-dashboard-now-copy{min-width:0}
.sike-dashboard-now-copy small{
  display:flex;align-items:center;gap:6px;color:#ff794c;
  font-size:6px;letter-spacing:.12em;font-weight:900
}
.sike-dashboard-now-copy small i{
  width:7px;height:7px;border-radius:50%;background:#2bd179;
  box-shadow:0 0 0 5px rgba(43,209,121,.08)
}
.sike-dashboard-now-copy strong{
  display:block;margin-top:4px;color:#fff;font-size:10px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-copy>span{
  display:block;margin-top:3px;color:#727b85;font-size:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-dashboard-now-bars{height:30px;display:flex;align-items:center;gap:3px}
.sike-dashboard-now-bars i{
  width:3px;border-radius:5px;background:#ff6840;
  animation:sikeDashboardBars .8s ease-in-out infinite alternate
}
.sike-dashboard-now-bars i:nth-child(1){height:28%;animation-delay:.05s}
.sike-dashboard-now-bars i:nth-child(2){height:75%;animation-delay:.18s}
.sike-dashboard-now-bars i:nth-child(3){height:48%;animation-delay:.28s}
.sike-dashboard-now-bars i:nth-child(4){height:88%;animation-delay:.4s}
@keyframes sikeDashboardBars{to{transform:scaleY(.38);opacity:.55}}
.sike-dashboard-now-playing>button{
  height:34px;padding:0 12px;border-radius:10px;
  border:1px solid #2e343b;background:#15181d;color:#fff;
  font-size:7px;font-weight:900;cursor:pointer
}

/* Persistent global player */
.sike-global-music-player{
  position:fixed;
  z-index:18000;
  left:18px;
  right:18px;
  bottom:16px;
  min-height:68px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto minmax(180px,.6fr);
  gap:16px;
  align-items:center;
  border-radius:18px;
  background:rgba(7,9,12,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 22px 65px rgba(0,0,0,.46);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  transition:
    transform .26s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease,
    width .25s ease,
    left .25s ease,
    right .25s ease;
}
.sike-global-music-player[hidden]{display:none!important}
.sike-music-fullscreen-active .sike-global-music-player{display:none!important}

.sike-global-player-track{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:10px;
  align-items:center;
  cursor:pointer
}
.sike-global-player-cover{
  width:50px;height:50px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(145deg,#ff6938,#3a1721);
  color:#fff;font-size:18px
}
.sike-global-player-cover img{width:100%;height:100%;object-fit:cover}
.sike-global-player-copy{min-width:0}
.sike-global-player-copy small{display:block;color:#ff7346;font-size:6px;letter-spacing:.13em;font-weight:900}
.sike-global-player-copy strong{
  display:block;color:#fff;font-size:9px;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sike-global-player-copy span{
  display:block;color:#737b85;font-size:7px;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.sike-global-player-controls{
  display:flex;align-items:center;justify-content:center;gap:12px
}
.sike-global-player-controls button{
  width:34px;height:34px;border-radius:50%;
  border:0;background:transparent;color:#949ba4;font-size:12px;cursor:pointer
}
.sike-global-player-controls .main{
  width:44px;height:44px;background:#fff;color:#111;font-size:13px
}

.sike-global-player-output{
  justify-self:end;display:flex;align-items:center;gap:10px
}
.sike-global-player-output>span{
  display:flex;align-items:center;gap:7px;
  color:#838b94;font-size:7px
}
.sike-global-player-output i{
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-player-output b{color:#fff;font-size:7px}
.sike-global-player-output>button{
  width:34px;height:34px;border-radius:11px;
  border:1px solid #2b3138;background:#111419;color:#fff;font-size:15px;cursor:pointer
}

.sike-global-player-mini{
  display:none;
}

/* Minimized state: compact floating music capsule. */
.sike-global-music-player.is-minimized{
  left:auto;
  right:18px;
  width:58px;
  min-height:58px;
  height:58px;
  padding:0;
  border-radius:19px;
  grid-template-columns:1fr;
  overflow:hidden
}
.sike-global-music-player.is-minimized>.sike-global-player-track,
.sike-global-music-player.is-minimized>.sike-global-player-controls,
.sike-global-music-player.is-minimized>.sike-global-player-output{
  display:none!important
}
.sike-global-music-player.is-minimized .sike-global-player-mini{
  width:100%;height:100%;padding:0;border:0;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff6638,#d92f35);
  color:#fff;cursor:pointer;position:relative
}
.sike-global-player-mini span{font-size:20px}
.sike-global-player-mini i{
  position:absolute;right:8px;top:8px;
  width:7px;height:7px;border-radius:50%;background:#2bd179
}
.sike-global-music-player.is-paused .sike-global-player-mini i{
  background:#8a919a
}

/* Reserve bottom space so player never covers dashboard content. */
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:100px!important
}

/* Mobile global player */
@media(max-width:720px){
  .sike-dashboard-now-playing{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:58px;padding:7px;border-radius:14px
  }
  .sike-dashboard-now-cover{width:44px;height:44px}
  .sike-dashboard-now-bars{display:none}
  .sike-dashboard-now-playing>button{
    width:34px;padding:0;font-size:0
  }
  .sike-dashboard-now-playing>button:after{
    content:"♫";font-size:13px
  }

  .sike-global-music-player{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    min-height:62px;
    padding:6px 8px;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
    border-radius:18px
  }
  .sike-global-player-track{
    grid-template-columns:44px minmax(0,1fr);gap:8px
  }
  .sike-global-player-cover{width:44px;height:44px}
  .sike-global-player-controls button:not(.main){display:none}
  .sike-global-player-controls{gap:0}
  .sike-global-player-controls .main{width:40px;height:40px}
  .sike-global-player-output{
    position:absolute;right:8px;top:-39px
  }
  .sike-global-player-output>span{display:none}
  .sike-global-player-output>button{
    width:32px;height:32px;border-radius:11px;
    background:rgba(13,16,20,.92)
  }
  .sike-global-music-player.is-minimized{
    right:8px;
    left:auto;
    width:54px;
    height:54px;
    min-height:54px;
    bottom:calc(8px + env(safe-area-inset-bottom))
  }
  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:92px!important
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-dashboard-now-bars i,
  .device-playing-music .sike-builder-live-stage:after{
    animation:none!important
  }
}


/* ===================================================================
   SIKE APP V29 — DASHBOARD LAYOUT RECOVERY
   Fixes V28 hero-grid break caused by Now Playing being inserted as
   a fourth direct grid child.
   =================================================================== */

/* Restore the original, stable 3-row hero layout exactly. */
.sike-ios-hero-card{
  grid-template-rows:auto minmax(300px,1fr) auto!important;
}

/* 3D model stage remains the flexible middle row. */
.sike-builder-live-stage{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Now Playing is now a floating glass card OVER the 3D viewport. */
.sike-builder-live-stage .sike-dashboard-now-playing{
  position:absolute!important;
  z-index:24!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;

  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto auto!important;
  gap:9px!important;
  align-items:center!important;

  border-radius:15px!important;
  background:rgba(8,11,15,.88)!important;
  border:1px solid rgba(255,111,61,.20)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.035)!important;

  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing[hidden]{
  display:none!important;
}

.sike-builder-live-stage .sike-dashboard-now-cover{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy strong{
  max-width:100%!important;
  font-size:9px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy>span{
  font-size:6.5px!important;
}
.sike-builder-live-stage .sike-dashboard-now-bars{
  height:26px!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing>button{
  height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}

/* Move builder drag hint slightly up when music is active, so elements
   never overlap each other. */
.device-playing-music .sike-ios-drag-hint{
  bottom:82px!important;
}

/* Live-model badge always stays above model but clear of playback card. */
.sike-builder-live-badge{
  z-index:25!important;
}

/* Don't let the glow pseudo-element obscure player controls. */
.device-playing-music .sike-builder-live-stage:after{
  z-index:2!important;
}
.sike-builder-live-frame{
  position:relative!important;
  z-index:3!important;
}

/* Cleaner persistent player: less tall and less dominant than V28. */
.sike-global-music-player{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:60px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,.45fr)!important;
  gap:12px!important;
}
.sike-global-player-cover{
  width:46px!important;
  height:46px!important;
}
.sike-global-player-track{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.sike-global-player-controls .main{
  width:40px!important;
  height:40px!important;
}
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:86px!important;
}

/* Make sure the dashboard itself remains a balanced two-column desktop grid. */
@media(min-width:1101px){
  .sike-ios-view[data-view="home"].active{
    align-items:start!important;
  }
  .sike-ios-hero-card{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:auto minmax(360px,1fr) auto!important;
  }
}

/* Phone: compact floating player inside model, no layout growth. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-builder-live-stage{
    position:relative!important;
    height:300px!important;
    min-height:300px!important;
  }

  .sike-builder-live-stage .sike-dashboard-now-playing{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:50px!important;
    padding:5px 6px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-cover{
    width:40px!important;
    height:40px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-bars{
    display:none!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    font-size:0!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button:after{
    content:"♫"!important;
    font-size:12px!important;
  }
  .device-playing-music .sike-ios-drag-hint{
    display:none!important;
  }

  .sike-global-music-player{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;
    padding:5px 7px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:6px!important;
    border-radius:17px!important;
  }
  .sike-global-player-cover{
    width:42px!important;
    height:42px!important;
  }
  .sike-global-player-track{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .sike-global-player-controls .main{
    width:38px!important;
    height:38px!important;
  }
  .sike-global-player-output{
    right:6px!important;
    top:-36px!important;
  }

  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:82px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .sike-builder-live-stage{
    height:275px!important;
    min-height:275px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy small{
    font-size:5.5px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy strong{
    font-size:8px!important;
  }
}


/* ===================================================================
   SIKE V30 — AUDIO REACTIVE 3D SPEAKER
   Visual prototype: drivers/cones react to playback volume + sound mode.
   =================================================================== */

.lab-cabinet{
  --audio-level:.65;
  --audio-high-level:.45;
  --audio-speed:.62s;
}

/* Actual speaker driver assemblies pulse along their own Z-axis visually. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  transform-origin:50% 50%;
  animation:sikeWooferExcursion var(--audio-speed) cubic-bezier(.3,.02,.35,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  transform-origin:50% 50%;
  animation:sikeConeExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  transform-origin:50% 50%;
  animation:sikeCapExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  transform-origin:50% 50%;
  animation:sikeHighDriverExcursion calc(var(--audio-speed) * .72) ease-in-out infinite alternate;
}

@keyframes sikeWooferExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .018)));
    filter:brightness(.88);
  }
  47%{
    transform:scale(1);
    filter:brightness(1);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .055)));
    filter:brightness(calc(1 + (var(--audio-level) * .10)));
  }
}
@keyframes sikeConeExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .035)));
    box-shadow:inset 0 0 calc(7px + 12px * var(--audio-level)) rgba(0,0,0,.95);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .072)));
    box-shadow:inset 0 0 calc(4px + 5px * var(--audio-level)) rgba(0,0,0,.70);
  }
}
@keyframes sikeCapExcursion{
  0%{transform:scale(calc(1 - (var(--audio-level) * .022)))}
  100%{transform:scale(calc(1 + (var(--audio-level) * .085)))}
}
@keyframes sikeHighDriverExcursion{
  0%{transform:scale(calc(1 - (var(--audio-high-level) * .014)))}
  100%{transform:scale(calc(1 + (var(--audio-high-level) * .032)))}
}

/* Make bass pressure visible even through the protective grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 29%,rgba(255,255,255,calc(.015 + var(--audio-high-level) * .028)) 0 8%,transparent 20%),
    radial-gradient(circle at 50% 67%,rgba(255,92,45,calc(.02 + var(--audio-level) * .065)) 0 10%,transparent 30%);
  mix-blend-mode:screen;
  animation:sikeGrillePressure var(--audio-speed) ease-in-out infinite alternate;
}
@keyframes sikeGrillePressure{
  0%{opacity:.35;transform:scale(.992)}
  100%{opacity:1;transform:scale(calc(1 + var(--audio-level) * .004))}
}

/* Tiny cabinet pressure movement. Kept intentionally subtle. */
.lab-cabinet.sike-audio-playing .grille-mesh{
  animation:sikeGrilleMeshVibe calc(var(--audio-speed) * .5) linear infinite alternate;
}
@keyframes sikeGrilleMeshVibe{
  from{background-position:0 0;filter:brightness(.98)}
  to{background-position:0 .35px;filter:brightness(calc(1 + var(--audio-level) * .035))}
}

/* Profiles visibly change driver behavior. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-cone{
  animation-timing-function:cubic-bezier(.18,.02,.27,1);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"] .lab-grille:after{
  opacity:.32;
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"] .lab-grille:after{
  filter:saturate(1.12);
}

/* Dashboard model-stage glow now follows actual audio playback. */
.device-playing-music .sike-builder-live-stage{
  --speaker-active-glow:rgba(255,86,40,.13);
}
.device-playing-music .sike-builder-live-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12% 19% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--speaker-active-glow),transparent 69%);
  filter:blur(24px);
  animation:sikeStageBeat .72s ease-in-out infinite alternate;
}
@keyframes sikeStageBeat{
  from{opacity:.3;transform:scale(.96)}
  to{opacity:.9;transform:scale(1.04)}
}

/* Muted / stopped speaker instantly settles. */
.lab-cabinet:not(.sike-audio-playing) .driver-frame,
.lab-cabinet:not(.sike-audio-playing) .driver-cone,
.lab-cabinet:not(.sike-audio-playing) .driver-cap,
.lab-cabinet:not(.sike-audio-playing) .grille-mesh{
  animation:none!important;
  transform:none;
}

/* Keep animation lighter on phones, but still clearly visible. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing{
    --audio-speed:max(.34s,var(--audio-speed));
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lab-cabinet.sike-audio-playing .driver-frame,
  .lab-cabinet.sike-audio-playing .driver-cone,
  .lab-cabinet.sike-audio-playing .driver-cap,
  .lab-cabinet.sike-audio-playing .grille-mesh,
  .lab-cabinet.sike-audio-playing .lab-grille:after,
  .device-playing-music .sike-builder-live-stage:before{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V31 — FULL 3D PRODUCT + INTERACTIVE CONTROL PANEL
   =================================================================== */

/* Always show the entire 3D speaker in the Sike App live model viewport. */
.sike-builder-live-stage{
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  overflow:hidden!important;
}
.sike-builder-live-frame.sike-builder-full-product{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  transform:none!important;
}

/* Give the embedded Builder enough breathing room to fit the full cabinet. */
.sike-builder-live-stage iframe{
  object-fit:contain!important;
}

/* Control knob interaction feedback */
.lab-control-knob,
.control-knob,
.volume-knob,
.knob-core,
.lab-knob,
[data-volume-knob]{
  transform-origin:50% 50%!important;
  transition:transform .08s linear,filter .16s ease!important;
}
.lab-control-knob:hover,
.control-knob:hover,
.volume-knob:hover,
.knob-core:hover,
.lab-knob:hover,
[data-volume-knob]:hover{
  filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,164,255,.16))!important;
}

/* Powered control panel gets a subtle live-state glow */
.lab-cabinet.sike-panel-powered .lab-control-panel,
.lab-cabinet.sike-panel-powered .control-panel{
  filter:brightness(1.03)!important;
}

/* Mobile: full product still fits without giant empty areas */
@media(max-width:720px){
  .sike-builder-live-stage{
    min-height:390px!important;
    height:56vh!important;
    max-height:560px!important;
  }
  .sike-builder-live-frame.sike-builder-full-product{
    min-height:100%!important;
  }
}

@media(max-width:430px){
  .sike-builder-live-stage{
    min-height:350px!important;
    height:52vh!important;
    max-height:500px!important;
  }
}


/* ===================================================================
   SIKE V32 — CONTROL PANEL FULL VOLUME SYNC + MUSIC LED REACTION
   =================================================================== */

/* The real circular control panel is the master physical volume interface. */
.reference-control-panel .volume-ring,
.rgb-control-panel .volume-ring,
[data-volume-ring]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
.reference-control-panel .volume-ring:active,
.rgb-control-panel .volume-ring:active,
[data-volume-ring]:active{
  cursor:grabbing!important;
}

/* Powered panel has subtle instrument illumination. */
[data-volume-ring].is-panel-powered{
  filter:
    brightness(1.04)
    drop-shadow(0 0 5px rgba(66,151,255,.10))!important;
}
[data-volume-ring]:not(.is-panel-powered){
  filter:saturate(.45) brightness(.72)!important;
}

/* Existing LEDs remain a true volume meter:
   active count is generated by JS from 0–100%. */
[data-volume-ring] .knob-led{
  transition:
    opacity .12s ease,
    filter .12s ease,
    fill .12s ease!important;
}

/* While SIKE MUSIC is actually playing, ONLY the illuminated volume LEDs
   breathe/chase subtly. The amount of lit LEDs still matches the real volume. */
[data-volume-ring].is-music-playing .knob-led.is-active{
  animation:sikeControlLedBeat var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
  transform-origin:center!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+1){
  animation-delay:-.13s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+2){
  animation-delay:-.27s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n){
  animation-delay:-.39s!important;
}

@keyframes sikeControlLedBeat{
  0%{
    opacity:.52;
    filter:
      brightness(.90)
      drop-shadow(0 0 1px var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(.88);
  }
  100%{
    opacity:1;
    filter:
      brightness(calc(1.12 + var(--music-level,.7) * .32))
      drop-shadow(0 0 calc(2px + var(--music-level,.7) * 4px) var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(calc(1 + var(--music-level,.7) * .16));
  }
}

/* Small pulse in the metal ring itself so the panel clearly looks live. */
[data-volume-ring].is-music-playing:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(102,176,255,.22)!important;
  box-shadow:
    inset 0 0 9px rgba(64,143,255,.10),
    0 0 8px rgba(64,143,255,.08)!important;
  animation:sikeControlRingLive var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
}
@keyframes sikeControlRingLive{
  from{opacity:.28;transform:scale(.985)}
  to{opacity:.85;transform:scale(1.015)}
}

/* Paused track: keep only a tiny status glow, no beat animation. */
[data-volume-ring].is-music-paused .knob-led.is-active{
  animation:none!important;
  opacity:.42!important;
}
[data-volume-ring].is-music-paused:after{
  animation:none!important;
  opacity:.16!important;
}

/* Volume zero means no active LEDs and therefore no fake beat. */
[data-volume-ring][aria-valuenow="0"].is-music-playing:after{
  opacity:.12!important;
  animation:none!important;
}

/* Mobile/touch: slightly larger hit area without changing visible design. */
@media(max-width:720px){
  [data-volume-ring]:before{
    cursor:grab!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  [data-volume-ring].is-music-playing .knob-led.is-active,
  [data-volume-ring].is-music-playing:after{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V33 — SMOOTH 3D / LOW-JITTER INTERACTION
   =================================================================== */

/* Keep the complete 3D cabinet on its own compositor layer. */
.lab-scene,
.lab-cabinet,
.lab-cabinet *,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.lab-cabinet{
  will-change:transform;
  transform-style:preserve-3d;
  contain:layout style;
}

/* Individual moving pieces should be composited instead of repainted. */
.lab-cabinet .lab-part,
.lab-cabinet .battery-part,
.lab-cabinet .handle-part,
.lab-cabinet .control-part,
.lab-cabinet .lab-driver-low,
.lab-cabinet .lab-driver-high{
  will-change:transform;
}

/* During manual rotation, remove repaint-heavy visual filters/shadows.
   They come back immediately when the pointer is released. */
body.sike-3d-dragging .lab-cabinet,
body.sike-3d-dragging .lab-cabinet *{
  transition:none!important;
}

body.sike-3d-dragging .lab-cabinet.sike-audio-playing .lab-grille:after,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .grille-mesh{
  animation-play-state:paused!important;
}

body.sike-3d-dragging .lab-cabinet{
  filter:none!important;
}

body.sike-3d-dragging .lab-scene{
  cursor:grabbing!important;
}

/* Smoother touch/phone handling. */
.lab-scene,
.sike-builder-live-stage{
  touch-action:none;
  overscroll-behavior:contain;
}

/* Avoid accidental text selection while rotating. */
.lab-scene,
.lab-scene *{
  user-select:none;
  -webkit-user-select:none;
}

/* GPU-friendly control panel LEDs. */
[data-volume-ring],
[data-volume-ring] .knob-led{
  will-change:transform,opacity;
}

/* On lower-powered mobile devices, keep bass animation visible but lighter. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .device-playing-music .sike-builder-live-stage:before{
    filter:blur(14px)!important;
  }
}

/* Very small devices: reduce expensive visual effects further. */
@media(max-width:430px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    opacity:.45!important;
  }
  [data-volume-ring].is-music-playing .knob-led.is-active{
    filter:none!important;
  }
}


/* SIKE V33 ZOOM FIX — mouse wheel + trackpad + touch pinch */
[data-product-lab] .lab-scene,
.product-lab .lab-scene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
[data-product-lab] .lab-scene:hover,
.product-lab .lab-scene:hover{
  cursor:grab;
}
[data-product-lab] .lab-scene.dragging,
.product-lab .lab-scene.dragging{
  cursor:grabbing!important;
}


/* ===================================================================
   SIKE V36 — PRODUCT CENTERING + SMOOTHER 3D INTERACTION
   =================================================================== */

/* Keep the whole model centered vertically instead of sitting at the bottom. */
.lab-speaker{
  top:50%!important;
  left:50%!important;
  transform:
    translate(-50%, calc(-50% + var(--scene-y,-7%)))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))
    scale(var(--scene-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Make the stage feel balanced and keep the model visually centered. */
.sike-builder-live-stage{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Remove expensive effects while the user is actively rotating/zooming. */
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *,
body.sike-model-interacting .lab-scene{
  transition:none!important;
}
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .grille-mesh,
body.sike-model-interacting [data-volume-ring].is-music-playing .knob-led{
  animation-play-state:paused!important;
}

/* Smooth compositor path for the model itself. */
.lab-speaker,
.lab-cabinet{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lab-speaker{
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}

/* Desktop: slightly more centered and not too low. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 5%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}

/* Tablet/mobile keep the entire product visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 2%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}


/* ===================================================================
   SIKE V37 — TRUE CENTER + ZERO-LAG TRANSFORM FIX
   =================================================================== */

/*
  The .lab-scene already centers .lab-speaker with CSS Grid.
  Do NOT add left:50% / top:50% to the relatively positioned speaker.
  That double-centers it and pushes the product to the right.
*/
.lab-speaker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;

  /* only vertical lift; horizontal centering comes from lab-scene grid */
  transform:
    translate3d(0,var(--scene-y,-5%),0)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))!important;

  transform-origin:50% 50% 0!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;

  /*
    JS already interpolates rotation/zoom with requestAnimationFrame.
    A CSS .45s transform transition on every RAF frame creates the
    sluggish/jittery "rubber band" feeling. Disable transform transition.
  */
  transition:
    width .24s ease,
    height .24s ease!important;

  will-change:transform!important;
}

/* Keep the scene itself responsible for exact centering. */
.lab-scene{
  display:grid!important;
  place-items:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Desktop: slightly raise product, NEVER shift it horizontally. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate3d(0,-5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:761px){
  .lab-speaker{
    transform:
      translate3d(0,-3%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Mobile: keep whole product centered and visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate3d(0,-1.5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* The app's iframe must remain centered in its own viewport. */
.sike-builder-live-stage{
  position:relative!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  margin:0!important;
  transform:none!important;
}

/* During interaction keep animation/render work light. */
.lab-scene.dragging .lab-speaker,
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}

/* Prevent text/layout paint from interfering with pointer movement. */
.lab-scene{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
}


/* ===================================================================
   SIKE V38 — STRONGER ALWAYS-VISIBLE PLAYBACK MOTION
   =================================================================== */

/*
  Visual playback movement no longer becomes almost invisible at low volume.
  The JS supplies a minimum --audio-level while music is actively playing.
*/

.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  animation:sikeWooferV38 var(--audio-speed,.48s) cubic-bezier(.24,.02,.30,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  animation:sikeConeV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  animation:sikeDustCapV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  animation:sikeHighV38 calc(var(--audio-speed,.48s) * .72) ease-in-out infinite alternate!important;
}

@keyframes sikeWooferV38{
  0%{
    transform:
      translateZ(calc(-2px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .050)));
    filter:brightness(.80);
  }
  100%{
    transform:
      translateZ(calc(5px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .125)));
    filter:brightness(calc(1 + (var(--audio-level,.7) * .15)));
  }
}

@keyframes sikeConeV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .075)));
    filter:brightness(.74) contrast(1.06);
  }
  100%{
    transform:
      translateZ(calc(8px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .175)));
    filter:brightness(calc(1.04 + (var(--audio-level,.7) * .19))) contrast(1.10);
  }
}

@keyframes sikeDustCapV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .060)));
  }
  100%{
    transform:
      translateZ(calc(10px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .215)));
  }
}

@keyframes sikeHighV38{
  0%{
    transform:translateZ(-1px) scale(calc(1 - (var(--audio-high-level,.5) * .025)));
  }
  100%{
    transform:translateZ(3px) scale(calc(1 + (var(--audio-high-level,.5) * .070)));
  }
}

/* More obvious pressure behind the front grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  background:
    radial-gradient(circle at 50% 28%,
      rgba(255,255,255,calc(.020 + var(--audio-high-level,.5) * .060)) 0 9%,
      transparent 23%),
    radial-gradient(circle at 50% 67%,
      rgba(255,84,36,calc(.040 + var(--audio-level,.7) * .145)) 0 13%,
      transparent 36%)!important;
  animation:sikeGrillePulseV38 calc(var(--audio-speed,.48s) * .95) ease-in-out infinite alternate!important;
}

@keyframes sikeGrillePulseV38{
  from{opacity:.42;transform:scale(.992)}
  to{opacity:1;transform:scale(calc(1 + var(--audio-level,.7) * .007))}
}

/* Stronger distinction between modes while still moving at low volume. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"]{
  --audio-level:calc(var(--audio-level) * 1.18);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"]{
  --audio-level:calc(var(--audio-level) * 1.08);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"]{
  --audio-level:calc(var(--audio-level) * .78);
}

/*
  Preserve smooth model interaction: pause reactive animation while the user
  is actively rotating/zooming, then resume immediately afterwards.
*/
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-grille:after{
  animation-play-state:paused!important;
}

/* Mobile: strong enough to see, but avoid extra expensive filters. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
    filter:none!important;
  }
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    mix-blend-mode:normal!important;
    filter:none!important;
  }
}


/* ===================================================================
   SIKE V38 MOBILE CONTROL PANEL SYNC FIX
   =================================================================== */

[data-volume-ring]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  overscroll-behavior:contain!important;
}

/* On phone the physical ring keeps the same visual size, but gets a larger
   invisible touch target so the control is actually usable with a thumb. */
@media(max-width:760px){
  [data-volume-ring]{
    position:relative!important;
    cursor:ns-resize!important;
  }
  [data-volume-ring]::before{
    content:"";
    position:absolute;
    inset:-18px!important;
    border-radius:50%;
    background:transparent;
    pointer-events:auto;
  }
  [data-volume-ring].is-touch-adjusting{
    filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,159,255,.20))!important;
  }
  [data-volume-ring].is-touch-adjusting .knob-led.is-active{
    opacity:1!important;
  }
}

/* Prevent the parent 3D scene from rotating while the user is adjusting volume. */
[data-volume-ring],
[data-volume-ring] *{
  touch-action:none!important;
}


/* ===================================================================
   SIKE V41 — CLEAN APP ENTRY / ACCOUNT LANDING
   Rebuilds app.php visually while preserving all auth/demo functionality.
   =================================================================== */

body:has(.sike-app-landing){
  background:#0a0b0d!important;
  color:#f7f5f1!important;
}
body:has(.sike-app-landing) .site-header{
  background:rgba(7,8,10,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.sike-v7-status-note{
  display:none!important;
}

.sike-app-landing{
  --app-orange:#ff6538;
  --app-red:#ef3535;
  --app-ink:#0d0f12;
  --app-panel:#12151a;
  --app-panel-2:#171a20;
  --app-line:rgba(255,255,255,.08);
  --app-muted:#8b929c;

  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:34px 28px 80px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,91,48,.15),transparent 26%),
    radial-gradient(circle at 90% 16%,rgba(217,36,49,.12),transparent 28%),
    #0a0b0d!important;
}

.sike-app-landing-hero{
  position:relative!important;
  width:min(1320px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #101216!important;
  box-shadow:0 26px 80px rgba(0,0,0,.32)!important;
}
.sike-app-landing-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,91,46,.13),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(216,38,50,.09),transparent 27%)!important;
}
.sike-app-landing-glow{
  display:none!important;
}

.sike-app-landing-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 12px 16px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:0 0 18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,101,56,.22)!important;
  border-radius:999px!important;
  background:rgba(255,101,56,.07)!important;
  color:#ff7b52!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d27b!important;
  box-shadow:0 0 0 5px rgba(52,210,123,.08)!important;
}

.sike-app-landing-copy h1{
  max-width:780px!important;
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(54px,6.1vw,94px)!important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-app-landing-copy h1 em{
  color:#ff6a3e!important;
  font-style:normal!important;
}
.sike-app-landing-copy p{
  max-width:720px!important;
  margin:24px 0 0!important;
  color:#9da3ac!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.sike-app-landing-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
}
.sike-app-landing-badges span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#15181d!important;
  color:#d6d9de!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}
.sike-app-mini-device-stack{
  margin-top:24px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.sike-app-mini-device-stack>div{
  width:86px!important;
  height:64px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:5px!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0c0e11!important;
  box-shadow:none!important;
}
.sike-app-mini-device-stack img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:8px!important;
}
.sike-app-mini-device-stack b{
  color:#c8ccd2!important;
  font-size:7px!important;
  line-height:1.05!important;
}

/* Right-side account/auth panel */
.sike-app-entry-panel{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(11,13,16,.94)!important;
  padding:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.sike-app-account-ready{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-ready-icon{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:linear-gradient(145deg,#37d37e,#1aac62)!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(37,202,111,.18)!important;
}
.sike-app-account-ready>span,
.sike-app-auth-head>span{
  color:#ff754a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-app-account-ready h2,
.sike-app-auth-head h2{
  margin:9px 0 0!important;
  color:#f6f5f2!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}
.sike-app-account-ready p,
.sike-app-auth-head p{
  margin:14px 0 0!important;
  color:#858d98!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.sike-app-account-row{
  margin-top:20px!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #272c33!important;
  border-radius:13px!important;
  background:#0d1014!important;
}
.sike-app-account-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#d4d8dd!important;
  font-size:9px!important;
}
.sike-app-account-row i{
  flex:0 0 auto!important;
  color:#35d27c!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.sike-app-ready-devices{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:10px 0 0!important;
}
.sike-app-ready-devices>span{
  min-width:0!important;
  height:72px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111419!important;
}
.sike-app-ready-devices img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#0a0c0f!important;
}
.sike-app-ready-devices b{
  min-width:0!important;
  color:#c7cbd1!important;
  font-size:7px!important;
  line-height:1.1!important;
}

.sike-app-continue-button,
.sike-app-auth-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff6b3b,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 30px rgba(237,52,56,.16)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-app-continue-button:hover,
.sike-app-auth-submit:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.sike-app-continue-button b,
.sike-app-auth-submit b{
  font-size:18px!important;
}
.sike-app-signout{
  margin:11px auto 0!important;
  color:#747b85!important;
  font-size:8px!important;
  text-decoration:none!important;
}

/* Logged-out auth cleaned up too */
.sike-app-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:20px 0 12px!important;
  padding:4px!important;
  border:1px solid #252a31!important;
  border-radius:13px!important;
  background:#090b0e!important;
}
.sike-app-auth-tabs button{
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#747c86!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-app-auth-tabs button.active{
  background:#171a1f!important;
  color:#fff!important;
}

.sike-social-login-block{
  margin-top:10px!important;
}
.sike-social-login-title{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.sike-social-login-title span{
  color:#7c838d!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.sike-social-login-title small{
  color:#5f6670!important;
  font-size:6px!important;
}
.sike-social-login-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-social-login{
  width:100%!important;
  min-height:42px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid #292e35!important;
  background:#111419!important;
  color:#e4e6e9!important;
  box-shadow:none!important;
}
.sike-social-login:hover{
  border-color:#3b424c!important;
  background:#171b20!important;
}
.sike-social-login i{
  font-size:13px!important;
}
.sike-social-login span{
  font-size:7px!important;
}
.sike-social-login b{
  font-size:5px!important;
}
.sike-social-divider{
  margin:12px 0!important;
}
.sike-social-divider:before{
  border-color:#242930!important;
}
.sike-social-divider span{
  background:#0b0d10!important;
  color:#616974!important;
  font-size:6px!important;
}

.sike-app-auth-form label>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#818894!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.sike-app-auth-form input[type=text],
.sike-app-auth-form input[type=email],
.sike-app-auth-form input[type=password]{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:1px solid #292f36!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.sike-app-auth-form input:focus{
  border-color:rgba(255,103,59,.65)!important;
  box-shadow:0 0 0 3px rgba(255,103,59,.08)!important;
}
.sike-app-consent{
  margin-top:10px!important;
}
.sike-app-security-note{
  border-color:#252a31!important;
  background:#0c0f13!important;
  border-radius:12px!important;
}

/* The supporting sections now match the actual app, instead of a bright landing page. */
.sike-app-steps-section,
.sike-app-preview-section{
  width:min(1320px,100%)!important;
  margin:24px auto 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#101216!important;
}
.sike-app-steps-section{
  padding:28px!important;
}
.sike-app-section-heading span,
.sike-app-preview-copy>span{
  color:#ff754a!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-section-heading h2,
.sike-app-preview-copy h2{
  margin-top:8px!important;
  color:#f4f3f0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.sike-app-section-heading p,
.sike-app-preview-copy p{
  color:#858d97!important;
}
.sike-app-step-grid{
  gap:10px!important;
  margin-top:22px!important;
}
.sike-app-step-card{
  border:1px solid #242930!important;
  border-radius:17px!important;
  background:#0c0f13!important;
  box-shadow:none!important;
}
.sike-app-step-card.active{
  border-color:rgba(255,101,56,.32)!important;
  background:linear-gradient(145deg,rgba(255,101,56,.07),#0c0f13 48%)!important;
}
.sike-app-step-card.done{
  border-color:rgba(49,207,120,.22)!important;
}
.sike-app-step-card h3{
  color:#eef0f2!important;
}
.sike-app-step-card p{
  color:#777f89!important;
}
.sike-app-step-number{
  color:#ff7146!important;
}

.sike-app-preview-section{
  padding:28px!important;
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
.sike-app-preview-ui{
  border:1px solid #272d34!important;
  border-radius:20px!important;
  background:#0b0e12!important;
  box-shadow:none!important;
}
.sike-app-preview-copy a,
.sike-app-preview-copy button{
  color:#ff754a!important;
}

/* ------------------------- PHONE ------------------------- */
@media(max-width:760px){
  .sike-app-landing{
    padding:12px 10px 86px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,95,48,.14),transparent 25%),
      #090a0c!important;
  }

  .sike-app-landing-hero{
    padding:14px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:20px!important;
  }

  .sike-app-landing-copy{
    padding:10px 4px 4px!important;
  }
  .sike-app-kicker{
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  .sike-app-landing-copy h1{
    max-width:360px!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .sike-app-landing-copy p{
    margin-top:16px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  .sike-app-landing-badges{
    margin-top:16px!important;
    gap:5px!important;
  }
  .sike-app-landing-badges span{
    padding:7px 9px!important;
    font-size:6.5px!important;
  }

  /* Old duplicate hero thumbnails are hidden on phone;
     the clean device strip inside account card remains. */
  .sike-app-mini-device-stack{
    display:none!important;
  }

  .sike-app-entry-panel{
    padding:17px!important;
    border-radius:18px!important;
  }
  .sike-app-ready-icon{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:22px!important;
    margin-bottom:15px!important;
  }
  .sike-app-account-ready h2,
  .sike-app-auth-head h2{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .sike-app-account-ready p,
  .sike-app-auth-head p{
    font-size:11px!important;
  }
  .sike-app-account-row{
    display:block!important;
    padding:10px!important;
  }
  .sike-app-account-row i{
    display:block!important;
    margin-top:5px!important;
  }

  .sike-app-ready-devices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sike-app-ready-devices>span{
    height:64px!important;
    padding:6px!important;
    display:block!important;
    text-align:center!important;
  }
  .sike-app-ready-devices img{
    width:38px!important;
    height:38px!important;
    margin:auto!important;
  }
  .sike-app-ready-devices b{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:5.5px!important;
  }

  .sike-social-login-grid{
    grid-template-columns:1fr!important;
  }
  .sike-social-login-title small{
    display:none!important;
  }

  .sike-app-steps-section,
  .sike-app-preview-section{
    margin-top:12px!important;
    border-radius:19px!important;
  }
  .sike-app-steps-section{
    padding:16px!important;
  }
  .sike-app-step-grid{
    grid-template-columns:1fr!important;
  }
  .sike-app-step-card{
    min-height:0!important;
    padding:16px!important;
  }
  .sike-app-preview-section{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  .sike-app-preview-ui{
    min-height:260px!important;
  }
}

@media(max-width:390px){
  .sike-app-landing-copy h1{
    font-size:42px!important;
  }
  .sike-app-landing-hero{
    padding:11px!important;
  }
  .sike-app-entry-panel{
    padding:14px!important;
  }
  .sike-app-ready-devices>span{
    height:60px!important;
  }
}

/* Keep chat from visually dominating this onboarding page. */
body:has(.sike-app-landing) .chat-launcher{
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}


/* ===================================================================
   SIKE V42 — ORANGE APP LANDING / COMPLETELY NEW LAYOUT
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:#ff6633!important;
}
.sike-app-landing-v42{
  min-height:calc(100vh - 120px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 24px 72px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,212,163,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(255,75,43,.24),transparent 28%),
    linear-gradient(135deg,#ff8430 0%,#ff572f 48%,#ed3036 100%)!important;
}

.sike-v42-shell{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(13,15,18,.94)!important;
  box-shadow:0 32px 90px rgba(94,18,9,.26)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sike-v42-topline{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 3px 14px!important;
}
.sike-v42-label,
.sike-v42-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-v42-label i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2fd17a!important;
  box-shadow:0 0 0 5px rgba(47,209,122,.08)!important;
}
.sike-v42-label span,
.sike-v42-status span{
  color:#808894!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.sike-v42-status b{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#ff6239!important;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}

.sike-v42-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)!important;
  gap:16px!important;
}
.sike-v42-intro{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
}
.sike-v42-copy,
.sike-v42-device-stage,
.sike-v42-feature-strip,
.sike-v42-account{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12151a!important;
  border-radius:22px!important;
}

.sike-v42-copy{
  min-height:330px!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,91,43,.13),transparent 31%),
    #12151a!important;
}
.sike-v42-kicker{
  color:#ff7145!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.sike-v42-copy h1{
  margin:12px 0 0!important;
  color:#f8f5f0!important;
  font-size:clamp(56px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-v42-copy h1 em{
  color:#ff673d!important;
  font-style:normal!important;
}
.sike-v42-copy p{
  max-width:700px!important;
  margin:22px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.sike-v42-device-stage{
  min-height:190px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:.8fr 1.2fr!important;
  gap:16px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(120deg,rgba(255,102,56,.08),transparent 52%),
    #0e1115!important;
}
.sike-v42-device-copy span{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-v42-device-copy strong{
  display:block!important;
  margin-top:8px!important;
  color:#f0f1f3!important;
  font-size:17px!important;
}
.sike-v42-device-copy small{
  display:block!important;
  margin-top:7px!important;
  color:#717984!important;
  font-size:9px!important;
}
.sike-v42-device-art{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
}
.sike-v42-device-card{
  min-width:0!important;
  height:126px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #262c33!important;
  border-radius:16px!important;
  background:#15181d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sike-v42-device-card img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.sike-v42-device-card span{
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
}

.sike-v42-feature-strip{
  min-height:86px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.sike-v42-feature-strip>span{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  border-radius:14px!important;
  background:#0d1014!important;
}
.sike-v42-feature-strip i{
  grid-row:1/3!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#ff6339!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.sike-v42-feature-strip b{
  color:#f1f2f3!important;
  font-size:8px!important;
}
.sike-v42-feature-strip small{
  color:#6e7680!important;
  font-size:6.5px!important;
}

.sike-v42-account{
  min-width:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,57,.02)!important;
}
.sike-v42-account-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.sike-v42-avatar{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff7140,#e93439)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:0 14px 36px rgba(237,53,56,.18)!important;
}
.sike-v42-account-head span,
.sike-v42-auth-head>span,
.sike-v42-next-card>span{
  color:#ff7146!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-account-head h2,
.sike-v42-auth-head h2{
  margin:5px 0 0!important;
  color:#f7f5f1!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
.sike-v42-account-head p{
  margin:5px 0 0!important;
  color:#77808a!important;
  font-size:8px!important;
}
.sike-v42-account-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:18px!important;
}
.sike-v42-account-meta>div{
  padding:12px!important;
  border:1px solid #272d34!important;
  border-radius:13px!important;
  background:#0b0e12!important;
}
.sike-v42-account-meta span{
  display:block!important;
  color:#626b75!important;
  font-size:6px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-v42-account-meta b{
  display:block!important;
  margin-top:5px!important;
  color:#e7e9eb!important;
  font-size:9px!important;
}
.sike-v42-account-meta b.green{
  color:#34d17a!important;
}
.sike-v42-next-card{
  margin-top:9px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,101,56,.08),#0c0f13 56%)!important;
  border:1px solid rgba(255,102,57,.15)!important;
}
.sike-v42-next-card h3{
  margin:7px 0 0!important;
  color:#f3f4f5!important;
  font-size:18px!important;
}
.sike-v42-next-card p,
.sike-v42-auth-head p{
  margin:8px 0 0!important;
  color:#7e8691!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v42-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff6d3d,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 15px 30px rgba(238,52,57,.16)!important;
}
.sike-v42-primary b{
  font-size:17px!important;
}
.sike-v42-secondary{
  margin:12px auto 0!important;
  color:#727a84!important;
  font-size:7px!important;
  text-decoration:none!important;
}

.sike-v42-tabs{
  margin-top:20px!important;
}
.sike-v42-social{
  margin-top:10px!important;
}
.sike-v42-social-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v42-social-grid form{
  margin:0!important;
}
.sike-v42-social-grid button{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #2a3037!important;
  border-radius:11px!important;
  background:#0c0f13!important;
  color:#d8dce1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.sike-v42-social-grid i{
  font-size:13px!important;
  font-style:normal!important;
}
.sike-v42-social-grid span{
  font-size:7px!important;
  font-weight:800!important;
}
.sike-v42-divider{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  color:#656d77!important;
  font-size:6px!important;
}
.sike-v42-divider:before,
.sike-v42-divider:after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#242a31!important;
}
.sike-v42-form label>span{
  color:#7e8690!important;
}
.sike-v42-form input{
  background:#0b0e12!important;
  border-color:#292f36!important;
}

.sike-v42-bottom{
  width:min(1440px,100%)!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.sike-v42-bottom article{
  min-height:150px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:rgba(15,17,20,.92)!important;
  box-shadow:0 20px 50px rgba(105,23,12,.14)!important;
}
.sike-v42-bottom span{
  color:#ff7448!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-bottom h3{
  margin:10px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.sike-v42-bottom p{
  margin:8px 0 0!important;
  max-width:370px!important;
  color:#838b95!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* ---------------------- MOBILE ---------------------- */
@media(max-width:760px){
  .sike-app-landing-v42{
    padding:10px 8px 76px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,210,160,.13),transparent 24%),
      linear-gradient(160deg,#ff7e2f 0%,#ff5430 52%,#ec3439 100%)!important;
  }
  .sike-v42-shell{
    padding:11px!important;
    border-radius:19px!important;
  }
  .sike-v42-topline{
    min-height:34px!important;
    padding-bottom:8px!important;
  }
  .sike-v42-label span{
    font-size:6px!important;
  }
  .sike-v42-status span{
    display:none!important;
  }

  .sike-v42-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v42-intro{
    gap:9px!important;
  }
  .sike-v42-copy,
  .sike-v42-device-stage,
  .sike-v42-feature-strip,
  .sike-v42-account{
    border-radius:16px!important;
  }
  .sike-v42-copy{
    min-height:0!important;
    padding:22px 16px!important;
  }
  .sike-v42-copy h1{
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.89!important;
  }
  .sike-v42-copy p{
    margin-top:15px!important;
    font-size:12px!important;
  }

  .sike-v42-device-stage{
    min-height:0!important;
    padding:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .sike-v42-device-copy strong{
    font-size:13px!important;
  }
  .sike-v42-device-art{
    gap:6px!important;
  }
  .sike-v42-device-card{
    height:88px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .sike-v42-device-card img{
    width:52px!important;
    height:52px!important;
  }
  .sike-v42-device-card span{
    font-size:5.5px!important;
  }

  .sike-v42-feature-strip{
    min-height:0!important;
    padding:8px!important;
    gap:5px!important;
  }
  .sike-v42-feature-strip>span{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:4px!important;
    padding:9px!important;
  }
  .sike-v42-feature-strip i{
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
  }
  .sike-v42-feature-strip small{
    display:none!important;
  }

  .sike-v42-account{
    padding:16px!important;
  }
  .sike-v42-account-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .sike-v42-avatar{
    width:48px!important;height:48px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }
  .sike-v42-account-head h2,
  .sike-v42-auth-head h2{
    font-size:34px!important;
  }
  .sike-v42-account-meta{
    margin-top:13px!important;
  }
  .sike-v42-next-card{
    padding:13px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sike-v42-bottom{
    margin-top:9px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-v42-bottom article{
    min-height:0!important;
    padding:15px!important;
    border-radius:16px!important;
  }
  .sike-v42-bottom h3{
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .sike-v42-copy h1{
    font-size:42px!important;
  }
  .sike-v42-shell{
    padding:9px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===================================================================
   SIKE V43 — APP PAGE WITHOUT GREY BACKGROUND BOXES
   Keeps the orange SIKE background, removes heavy grey card fills.
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:
    radial-gradient(circle at 10% 8%,rgba(255,211,161,.15),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(255,78,45,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Outer shell becomes transparent / glass-light instead of grey block. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Remove the solid grey fills from all major app cards. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip,
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.36)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Intro hero is cleaner, with only a subtle orange glow. */
.sike-app-landing-v42 .sike-v42-copy{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,96,48,.10),transparent 34%),
    rgba(9,11,14,.28)!important;
}

/* Device section — no grey containers. */
.sike-app-landing-v42 .sike-v42-device-stage{
  background:
    linear-gradient(120deg,rgba(255,104,54,.06),transparent 58%),
    rgba(9,11,14,.24)!important;
}

.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(6,8,10,.32)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

/* Feature strip: remove separate grey tiles. */
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(7,9,11,.24)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Account panel stays readable but much more transparent. */
.sike-app-landing-v42 .sike-v42-account{
  background:rgba(6,8,10,.40)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(6,8,10,.28)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-next-card{
  background:
    linear-gradient(145deg,rgba(255,101,56,.07),rgba(6,8,10,.20) 62%)!important;
  border-color:rgba(255,106,59,.14)!important;
}

/* Login/create account UI: transparent dark controls, no grey slabs. */
.sike-app-landing-v42 .sike-app-auth-tabs{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-app-auth-tabs button.active{
  background:rgba(255,255,255,.07)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-form input{
  background:rgba(4,6,8,.30)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Bottom info cards blend into page instead of looking like grey boxes. */
.sike-app-landing-v42 .sike-v42-bottom{
  gap:8px!important;
}
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(8,10,12,.30)!important;
}

/* Mobile: even lighter card chrome, more open orange page. */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-shell{
    background:rgba(7,9,11,.20)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .sike-app-landing-v42 .sike-v42-copy,
  .sike-app-landing-v42 .sike-v42-device-stage,
  .sike-app-landing-v42 .sike-v42-account,
  .sike-app-landing-v42 .sike-v42-bottom article{
    background:rgba(7,9,11,.26)!important;
  }

  .sike-app-landing-v42 .sike-v42-feature-strip{
    background:transparent!important;
  }

  .sike-app-landing-v42 .sike-v42-device-card,
  .sike-app-landing-v42 .sike-v42-feature-strip>span{
    background:rgba(4,6,8,.20)!important;
  }
}


/* ===================================================================
   SIKE V44 — CLEAN APPLE / SOUNDBOKS INSPIRED RIGHT SIDEBAR
   =================================================================== */

/* Keep the open orange/red background from V43. */
.sike-app-landing-v42{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,220,178,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(255,65,40,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Main shell stays visually open. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.18)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Left side remains nearly borderless/open. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* RIGHT SIDEBAR:
   one premium light-grey Apple-like panel instead of many dark/grey blocks. */
.sike-app-landing-v42 .sike-v42-account{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(252,251,248,.97),rgba(235,235,232,.95))!important;
  box-shadow:
    0 28px 70px rgba(59,16,7,.20),
    inset 0 1px rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  color:#111318!important;
}

/* Soft inner sheen. */
.sike-app-landing-v42 .sike-v42-account:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.24),transparent 40%)!important;
}

/* All sidebar content above sheen. */
.sike-app-landing-v42 .sike-v42-account > *{
  position:relative!important;
  z-index:1!important;
}

/* Account header dark typography. */
.sike-app-landing-v42 .sike-v42-account-head span,
.sike-app-landing-v42 .sike-v42-auth-head>span,
.sike-app-landing-v42 .sike-v42-next-card>span{
  color:#ff5f38!important;
}
.sike-app-landing-v42 .sike-v42-account-head h2,
.sike-app-landing-v42 .sike-v42-auth-head h2{
  color:#0d0f12!important;
}
.sike-app-landing-v42 .sike-v42-account-head p,
.sike-app-landing-v42 .sike-v42-auth-head p{
  color:#73777e!important;
}

/* Cleaner avatar, less gaming, more premium hardware feel. */
.sike-app-landing-v42 .sike-v42-avatar{
  background:linear-gradient(145deg,#ff7040,#ef3738)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:
    0 12px 28px rgba(226,63,42,.20),
    inset 0 1px rgba(255,255,255,.28)!important;
}

/* Meta blocks become white floating cells. */
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.055)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta span{
  color:#8a8e94!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b{
  color:#181b20!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b.green{
  color:#24b86e!important;
}

/* Next-step area = minimal Apple Settings-style grouped section. */
.sike-app-landing-v42 .sike-v42-next-card{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid rgba(20,22,25,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.045)!important;
}
.sike-app-landing-v42 .sike-v42-next-card h3{
  color:#17191d!important;
  font-size:17px!important;
}
.sike-app-landing-v42 .sike-v42-next-card p{
  color:#777c84!important;
}

/* Primary CTA = clean SIKE orange, flatter and more premium. */
.sike-app-landing-v42 .sike-v42-primary{
  min-height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff6d3d,#f24337)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 12px 28px rgba(236,72,47,.20),
    inset 0 1px rgba(255,255,255,.20)!important;
}
.sike-app-landing-v42 .sike-v42-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.025)!important;
}
.sike-app-landing-v42 .sike-v42-secondary{
  color:#797d83!important;
}

/* Auth tab group within grey sidebar. */
.sike-app-landing-v42 .sike-v42-tabs{
  padding:4px!important;
  border:1px solid rgba(20,22,25,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
}
.sike-app-landing-v42 .sike-v42-tabs button{
  color:#8b8f95!important;
}
.sike-app-landing-v42 .sike-v42-tabs button.active{
  background:#fff!important;
  color:#111318!important;
  box-shadow:0 4px 14px rgba(20,22,25,.08)!important;
}

/* Social login buttons: white frosted cells. */
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(255,255,255,.76)!important;
  color:#1a1d21!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 5px 16px rgba(20,22,25,.045)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button:hover{
  background:#fff!important;
}

/* Divider and inputs. */
.sike-app-landing-v42 .sike-v42-divider{
  color:#858990!important;
}
.sike-app-landing-v42 .sike-v42-divider:before,
.sike-app-landing-v42 .sike-v42-divider:after{
  background:rgba(20,22,25,.10)!important;
}

.sike-app-landing-v42 .sike-v42-form label>span{
  color:#777c83!important;
}
.sike-app-landing-v42 .sike-v42-form input[type=text],
.sike-app-landing-v42 .sike-v42-form input[type=email],
.sike-app-landing-v42 .sike-v42-form input[type=password]{
  height:48px!important;
  border:1px solid rgba(20,22,25,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111318!important;
  box-shadow:inset 0 1px 1px rgba(18,20,23,.025)!important;
}
.sike-app-landing-v42 .sike-v42-form input::placeholder{
  color:#a1a5aa!important;
}
.sike-app-landing-v42 .sike-v42-form input:focus{
  background:#fff!important;
  border-color:rgba(255,96,52,.55)!important;
  box-shadow:0 0 0 4px rgba(255,96,52,.08)!important;
}
.sike-app-landing-v42 .sike-app-consent span{
  color:#7f8389!important;
}

/* Make the left device cards black/transparent instead of grey. */
.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(8,10,12,.50)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(8,10,12,.35)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* Bottom cards remain dark transparent and lightweight. */
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.42)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ------------------------- MOBILE ------------------------- */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-account{
    padding:18px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(250,249,246,.98),rgba(233,233,230,.97))!important;
    box-shadow:
      0 20px 45px rgba(57,15,6,.17),
      inset 0 1px rgba(255,255,255,.90)!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .sike-app-landing-v42 .sike-v42-avatar{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head h2,
  .sike-app-landing-v42 .sike-v42-auth-head h2{
    font-size:32px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-meta{
    gap:6px!important;
  }
  .sike-app-landing-v42 .sike-v42-account-meta>div,
  .sike-app-landing-v42 .sike-v42-next-card{
    border-radius:13px!important;
  }

  .sike-app-landing-v42 .sike-v42-primary{
    min-height:50px!important;
  }

  .sike-app-landing-v42 .sike-v42-social-grid{
    gap:6px!important;
  }
}

/* Soundboks-style restraint: keep corners strong, no excessive glass glow. */
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-account *{
  text-shadow:none!important;
}


/* ===================================================================
   SIKE V45 — COMPLETE APP PAGE REDESIGN
   =================================================================== */
body:has(.sike-app-v45){
  background:#ff6235!important;
}
.sike-app-v45{
  min-height:calc(100vh - 120px)!important;
  padding:30px 24px 72px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,210,165,.18),transparent 27%),
    radial-gradient(circle at 86% 10%,rgba(236,45,50,.25),transparent 32%),
    linear-gradient(135deg,#ff8130 0%,#ff5c32 46%,#e92f38 100%)!important;
}
.sike-v45-wrap{
  width:min(1420px,100%)!important;
  margin:0 auto!important;
}

/* HERO */
.sike-v45-hero{
  min-height:510px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:16px!important;
}
.sike-v45-hero-copy,
.sike-v45-product-cluster{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101216!important;
  box-shadow:0 28px 75px rgba(70,15,7,.18)!important;
}
.sike-v45-hero-copy{
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,91,47,.14),transparent 28%),
    #101216!important;
}
.sike-v45-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:20px!important;
}
.sike-v45-eyebrow i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#31d47c!important;
  box-shadow:0 0 0 5px rgba(49,212,124,.08)!important;
}
.sike-v45-eyebrow span{
  color:#ff7548!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-v45-eyebrow b{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#1b1f24!important;
  color:#818892!important;
  font-size:6px!important;
  letter-spacing:.08em!important;
}
.sike-v45-hero-copy h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(64px,6.4vw,105px)!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
.sike-v45-hero-copy h1 em{
  color:#ff6840!important;
  font-style:normal!important;
}
.sike-v45-hero-copy>p{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sike-v45-quickpoints{
  display:flex!important;
  gap:9px!important;
  margin-top:28px!important;
}
.sike-v45-quickpoints>span{
  min-width:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:30px auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 8px!important;
  border:1px solid #282d34!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-v45-quickpoints i{
  grid-row:1/3!important;
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-v45-quickpoints b{color:#f1f2f3!important;font-size:8px!important}
.sike-v45-quickpoints small{color:#6d7580!important;font-size:6px!important}

/* PRODUCT CLUSTER */
.sike-v45-product-cluster{
  padding:18px!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:10px!important;
  background:
    linear-gradient(160deg,#16191e 0%,#0b0d10 100%)!important;
}
.sike-v45-product-main{
  position:relative!important;
  min-height:330px!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #272c33!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,94,49,.09),transparent 40%),
    #0a0c0f!important;
}
.sike-v45-product-main>span{
  position:absolute!important;
  left:18px!important;top:16px!important;
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-product-main img{
  width:100%!important;
  height:245px!important;
  object-fit:contain!important;
  display:block!important;
  margin-top:10px!important;
}
.sike-v45-product-main strong{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.03em!important;
}
.sike-v45-product-main small{
  display:block!important;
  margin-top:3px!important;
  color:#747c86!important;
  font-size:8px!important;
}
.sike-v45-product-small{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sike-v45-product-small>div{
  min-height:84px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid #282d34!important;
  background:#101318!important;
}
.sike-v45-product-small img{
  width:64px!important;height:64px!important;object-fit:contain!important;border-radius:10px!important;
  background:#090b0e!important;
}
.sike-v45-product-small b{display:block!important;color:#e7e9ec!important;font-size:8px!important}
.sike-v45-product-small small{display:block!important;margin-top:4px!important;color:#6c7480!important;font-size:6px!important}

/* LOWER CONTENT */
.sike-v45-content{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;
  gap:16px!important;
}
.sike-v45-info{
  padding:30px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(11,13,16,.88)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.14)!important;
}
.sike-v45-info-head>span{
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-info-head h2{
  margin:9px 0 0!important;
  color:#f6f4f0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
}
.sike-v45-info-head p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#828a94!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.sike-v45-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
.sike-v45-info-grid article{
  min-height:130px!important;
  padding:16px!important;
  border:1px solid #252a31!important;
  border-radius:16px!important;
  background:#0d1014!important;
}
.sike-v45-info-grid i{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
}
.sike-v45-info-grid h3{
  margin:14px 0 0!important;
  color:#eceef0!important;
  font-size:11px!important;
}
.sike-v45-info-grid p{
  margin:6px 0 0!important;
  color:#737b85!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* ACCOUNT CARD */
.sike-v45-account{
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:linear-gradient(180deg,#f7f6f3 0%,#e9e9e6 100%)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.18)!important;
  color:#111318!important;
}
.sike-v45-account-status{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.sike-v45-avatar{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#ff7140,#ed3938)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sike-v45-account-status span,
.sike-v45-auth-head>span,
.sike-v45-action-block>span{
  color:#ff5e38!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v45-account-status h2,
.sike-v45-auth-head h2{
  margin:5px 0 0!important;
  color:#111318!important;
  font-size:34px!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
.sike-v45-account-status p{
  margin:4px 0 0!important;
  color:#7a7f86!important;
  font-size:8px!important;
}
.sike-v45-account-status .online{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#32cc78!important;
  box-shadow:0 0 0 5px rgba(50,204,120,.10)!important;
}
.sike-v45-account-lines{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-v45-account-lines>div{
  padding:13px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-account-lines span{
  display:block!important;color:#8b8f95!important;font-size:6px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.sike-v45-account-lines b{
  display:block!important;margin-top:5px!important;color:#1a1c20!important;font-size:9px!important;
}
.sike-v45-account-lines .green{color:#23b86d!important}
.sike-v45-action-block{
  margin-top:9px!important;
  padding:17px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-action-block h3{
  margin:7px 0 0!important;
  color:#17191d!important;
  font-size:19px!important;
}
.sike-v45-action-block p,
.sike-v45-auth-head p{
  margin:8px 0 0!important;
  color:#777d84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v45-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:14px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#ff6c3d,#ee3938)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(234,65,47,.18)!important;
}
.sike-v45-primary b{font-size:17px!important}
.sike-v45-signout{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  color:#777c83!important;
  font-size:7px!important;
  text-decoration:none!important;
}

/* AUTH */
.sike-v45-tabs{
  margin:18px 0 12px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(18,20,24,.08)!important;
}
.sike-v45-tabs button{color:#858990!important}
.sike-v45-tabs button.active{
  background:#fff!important;color:#111318!important;box-shadow:0 4px 12px rgba(18,20,24,.07)!important;
}
.sike-v45-socials{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v45-socials form{margin:0!important}
.sike-v45-socials button{
  width:100%!important;min-height:42px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  color:#1a1d21!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.sike-v45-socials i{font-size:13px!important;font-style:normal!important}
.sike-v45-socials span{font-size:7px!important;font-weight:800!important}
.sike-v45-divider{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:12px 0!important;color:#858990!important;font-size:6px!important;
}
.sike-v45-divider:before,.sike-v45-divider:after{
  content:""!important;flex:1!important;height:1px!important;background:rgba(18,20,24,.10)!important;
}
.sike-v45-form label>span{color:#777c83!important}
.sike-v45-form input[type=text],
.sike-v45-form input[type=email],
.sike-v45-form input[type=password]{
  height:46px!important;
  border-radius:12px!important;
  border:1px solid rgba(18,20,24,.10)!important;
  background:rgba(255,255,255,.75)!important;
  color:#111318!important;
}
.sike-v45-form input::placeholder{color:#a1a4a8!important}
.sike-v45-form input:focus{
  border-color:rgba(255,97,53,.55)!important;
  box-shadow:0 0 0 4px rgba(255,97,53,.08)!important;
  background:#fff!important;
}
.sike-v45-account .sike-app-consent span{color:#7d8288!important}

/* MOBILE */
@media(max-width:760px){
  .sike-app-v45{
    padding:10px 8px 78px!important;
  }
  .sike-v45-hero,
  .sike-v45-content{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v45-hero{
    min-height:0!important;
  }
  .sike-v45-hero-copy,
  .sike-v45-product-cluster,
  .sike-v45-info,
  .sike-v45-account{
    border-radius:20px!important;
  }
  .sike-v45-hero-copy{
    padding:24px 18px!important;
  }
  .sike-v45-hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
  }
  .sike-v45-hero-copy>p{
    margin-top:16px!important;
    font-size:12px!important;
  }
  .sike-v45-quickpoints{
    gap:5px!important;
    margin-top:18px!important;
  }
  .sike-v45-quickpoints>span{
    min-width:0!important;
    flex:1!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    padding:8px!important;
  }
  .sike-v45-quickpoints i{grid-row:auto!important}
  .sike-v45-quickpoints small{display:none!important}

  .sike-v45-product-main{
    min-height:230px!important;
  }
  .sike-v45-product-main img{
    height:170px!important;
  }
  .sike-v45-product-small>div{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:70px!important;
  }
  .sike-v45-product-small img{
    width:48px!important;height:48px!important;
  }

  .sike-v45-info{
    padding:18px!important;
  }
  .sike-v45-info-head h2{
    font-size:30px!important;
  }
  .sike-v45-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-v45-info-grid article{
    min-height:110px!important;
    padding:13px!important;
  }

  .sike-v45-account{
    padding:18px!important;
  }
  .sike-v45-account-status{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  .sike-v45-avatar{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .sike-v45-account-status h2,
  .sike-v45-auth-head h2{
    font-size:30px!important;
  }
}

@media(max-width:390px){
  .sike-v45-hero-copy h1{font-size:43px!important}
  .sike-v45-info-grid{grid-template-columns:1fr!important}
  .sike-v45-socials{grid-template-columns:1fr!important}
}


/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* ===================================================================
   SIKE APP V29 — DASHBOARD LAYOUT RECOVERY
   Fixes V28 hero-grid break caused by Now Playing being inserted as
   a fourth direct grid child.
   =================================================================== */

/* Restore the original, stable 3-row hero layout exactly. */
.sike-ios-hero-card{
  grid-template-rows:auto minmax(300px,1fr) auto!important;
}

/* 3D model stage remains the flexible middle row. */
.sike-builder-live-stage{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* Now Playing is now a floating glass card OVER the 3D viewport. */
.sike-builder-live-stage .sike-dashboard-now-playing{
  position:absolute!important;
  z-index:24!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  width:auto!important;
  min-width:0!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 9px!important;

  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto auto!important;
  gap:9px!important;
  align-items:center!important;

  border-radius:15px!important;
  background:rgba(8,11,15,.88)!important;
  border:1px solid rgba(255,111,61,.20)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.035)!important;

  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing[hidden]{
  display:none!important;
}

.sike-builder-live-stage .sike-dashboard-now-cover{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy strong{
  max-width:100%!important;
  font-size:9px!important;
}
.sike-builder-live-stage .sike-dashboard-now-copy>span{
  font-size:6.5px!important;
}
.sike-builder-live-stage .sike-dashboard-now-bars{
  height:26px!important;
}
.sike-builder-live-stage .sike-dashboard-now-playing>button{
  height:32px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}

/* Move builder drag hint slightly up when music is active, so elements
   never overlap each other. */
.device-playing-music .sike-ios-drag-hint{
  bottom:82px!important;
}

/* Live-model badge always stays above model but clear of playback card. */
.sike-builder-live-badge{
  z-index:25!important;
}

/* Don't let the glow pseudo-element obscure player controls. */
.device-playing-music .sike-builder-live-stage:after{
  z-index:2!important;
}
.sike-builder-live-frame{
  position:relative!important;
  z-index:3!important;
}

/* Cleaner persistent player: less tall and less dominant than V28. */
.sike-global-music-player{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:60px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(150px,.45fr)!important;
  gap:12px!important;
}
.sike-global-player-cover{
  width:46px!important;
  height:46px!important;
}
.sike-global-player-track{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.sike-global-player-controls .main{
  width:40px!important;
  height:40px!important;
}
body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
  padding-bottom:86px!important;
}

/* Make sure the dashboard itself remains a balanced two-column desktop grid. */
@media(min-width:1101px){
  .sike-ios-view[data-view="home"].active{
    align-items:start!important;
  }
  .sike-ios-hero-card{
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:721px){
  .sike-ios-hero-card{
    grid-template-rows:auto minmax(360px,1fr) auto!important;
  }
}

/* Phone: compact floating player inside model, no layout growth. */
@media(max-width:720px){
  .sike-ios-hero-card{
    display:block!important;
    min-height:0!important;
  }

  .sike-builder-live-stage{
    position:relative!important;
    height:300px!important;
    min-height:300px!important;
  }

  .sike-builder-live-stage .sike-dashboard-now-playing{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:50px!important;
    padding:5px 6px!important;
    grid-template-columns:40px minmax(0,1fr) 30px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-cover{
    width:40px!important;
    height:40px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-bars{
    display:none!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    font-size:0!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-playing>button:after{
    content:"♫"!important;
    font-size:12px!important;
  }
  .device-playing-music .sike-ios-drag-hint{
    display:none!important;
  }

  .sike-global-music-player{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;
    padding:5px 7px!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    gap:6px!important;
    border-radius:17px!important;
  }
  .sike-global-player-cover{
    width:42px!important;
    height:42px!important;
  }
  .sike-global-player-track{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .sike-global-player-controls .main{
    width:38px!important;
    height:38px!important;
  }
  .sike-global-player-output{
    right:6px!important;
    top:-36px!important;
  }

  body.sike-music-has-playback:not(.sike-music-fullscreen-active) .sike-ios-app{
    padding-bottom:82px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .sike-builder-live-stage{
    height:275px!important;
    min-height:275px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy small{
    font-size:5.5px!important;
  }
  .sike-builder-live-stage .sike-dashboard-now-copy strong{
    font-size:8px!important;
  }
}


/* ===================================================================
   SIKE V30 — AUDIO REACTIVE 3D SPEAKER
   Visual prototype: drivers/cones react to playback volume + sound mode.
   =================================================================== */

.lab-cabinet{
  --audio-level:.65;
  --audio-high-level:.45;
  --audio-speed:.62s;
}

/* Actual speaker driver assemblies pulse along their own Z-axis visually. */
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  transform-origin:50% 50%;
  animation:sikeWooferExcursion var(--audio-speed) cubic-bezier(.3,.02,.35,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  transform-origin:50% 50%;
  animation:sikeConeExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
  will-change:transform,filter;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  transform-origin:50% 50%;
  animation:sikeCapExcursion var(--audio-speed) cubic-bezier(.26,.04,.32,1) infinite alternate;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  transform-origin:50% 50%;
  animation:sikeHighDriverExcursion calc(var(--audio-speed) * .72) ease-in-out infinite alternate;
}

@keyframes sikeWooferExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .018)));
    filter:brightness(.88);
  }
  47%{
    transform:scale(1);
    filter:brightness(1);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .055)));
    filter:brightness(calc(1 + (var(--audio-level) * .10)));
  }
}
@keyframes sikeConeExcursion{
  0%{
    transform:scale(calc(1 - (var(--audio-level) * .035)));
    box-shadow:inset 0 0 calc(7px + 12px * var(--audio-level)) rgba(0,0,0,.95);
  }
  100%{
    transform:scale(calc(1 + (var(--audio-level) * .072)));
    box-shadow:inset 0 0 calc(4px + 5px * var(--audio-level)) rgba(0,0,0,.70);
  }
}
@keyframes sikeCapExcursion{
  0%{transform:scale(calc(1 - (var(--audio-level) * .022)))}
  100%{transform:scale(calc(1 + (var(--audio-level) * .085)))}
}
@keyframes sikeHighDriverExcursion{
  0%{transform:scale(calc(1 - (var(--audio-high-level) * .014)))}
  100%{transform:scale(calc(1 + (var(--audio-high-level) * .032)))}
}

/* Make bass pressure visible even through the protective grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 29%,rgba(255,255,255,calc(.015 + var(--audio-high-level) * .028)) 0 8%,transparent 20%),
    radial-gradient(circle at 50% 67%,rgba(255,92,45,calc(.02 + var(--audio-level) * .065)) 0 10%,transparent 30%);
  mix-blend-mode:screen;
  animation:sikeGrillePressure var(--audio-speed) ease-in-out infinite alternate;
}
@keyframes sikeGrillePressure{
  0%{opacity:.35;transform:scale(.992)}
  100%{opacity:1;transform:scale(calc(1 + var(--audio-level) * .004))}
}

/* Tiny cabinet pressure movement. Kept intentionally subtle. */
.lab-cabinet.sike-audio-playing .grille-mesh{
  animation:sikeGrilleMeshVibe calc(var(--audio-speed) * .5) linear infinite alternate;
}
@keyframes sikeGrilleMeshVibe{
  from{background-position:0 0;filter:brightness(.98)}
  to{background-position:0 .35px;filter:brightness(calc(1 + var(--audio-level) * .035))}
}

/* Profiles visibly change driver behavior. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-frame,
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"] .lab-driver-low .driver-cone{
  animation-timing-function:cubic-bezier(.18,.02,.27,1);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"] .lab-grille:after{
  opacity:.32;
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"] .lab-grille:after{
  filter:saturate(1.12);
}

/* Dashboard model-stage glow now follows actual audio playback. */
.device-playing-music .sike-builder-live-stage{
  --speaker-active-glow:rgba(255,86,40,.13);
}
.device-playing-music .sike-builder-live-stage:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12% 19% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse,var(--speaker-active-glow),transparent 69%);
  filter:blur(24px);
  animation:sikeStageBeat .72s ease-in-out infinite alternate;
}
@keyframes sikeStageBeat{
  from{opacity:.3;transform:scale(.96)}
  to{opacity:.9;transform:scale(1.04)}
}

/* Muted / stopped speaker instantly settles. */
.lab-cabinet:not(.sike-audio-playing) .driver-frame,
.lab-cabinet:not(.sike-audio-playing) .driver-cone,
.lab-cabinet:not(.sike-audio-playing) .driver-cap,
.lab-cabinet:not(.sike-audio-playing) .grille-mesh{
  animation:none!important;
  transform:none;
}

/* Keep animation lighter on phones, but still clearly visible. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing{
    --audio-speed:max(.34s,var(--audio-speed));
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lab-cabinet.sike-audio-playing .driver-frame,
  .lab-cabinet.sike-audio-playing .driver-cone,
  .lab-cabinet.sike-audio-playing .driver-cap,
  .lab-cabinet.sike-audio-playing .grille-mesh,
  .lab-cabinet.sike-audio-playing .lab-grille:after,
  .device-playing-music .sike-builder-live-stage:before{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE APP V31 — FULL 3D PRODUCT + INTERACTIVE CONTROL PANEL
   =================================================================== */

/* Always show the entire 3D speaker in the Sike App live model viewport. */
.sike-builder-live-stage{
  min-height:520px!important;
  height:clamp(520px,58vh,760px)!important;
  overflow:hidden!important;
}
.sike-builder-live-frame.sike-builder-full-product{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  transform:none!important;
}

/* Give the embedded Builder enough breathing room to fit the full cabinet. */
.sike-builder-live-stage iframe{
  object-fit:contain!important;
}

/* Control knob interaction feedback */
.lab-control-knob,
.control-knob,
.volume-knob,
.knob-core,
.lab-knob,
[data-volume-knob]{
  transform-origin:50% 50%!important;
  transition:transform .08s linear,filter .16s ease!important;
}
.lab-control-knob:hover,
.control-knob:hover,
.volume-knob:hover,
.knob-core:hover,
.lab-knob:hover,
[data-volume-knob]:hover{
  filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,164,255,.16))!important;
}

/* Powered control panel gets a subtle live-state glow */
.lab-cabinet.sike-panel-powered .lab-control-panel,
.lab-cabinet.sike-panel-powered .control-panel{
  filter:brightness(1.03)!important;
}

/* Mobile: full product still fits without giant empty areas */
@media(max-width:720px){
  .sike-builder-live-stage{
    min-height:390px!important;
    height:56vh!important;
    max-height:560px!important;
  }
  .sike-builder-live-frame.sike-builder-full-product{
    min-height:100%!important;
  }
}

@media(max-width:430px){
  .sike-builder-live-stage{
    min-height:350px!important;
    height:52vh!important;
    max-height:500px!important;
  }
}


/* ===================================================================
   SIKE V32 — CONTROL PANEL FULL VOLUME SYNC + MUSIC LED REACTION
   =================================================================== */

/* The real circular control panel is the master physical volume interface. */
.reference-control-panel .volume-ring,
.rgb-control-panel .volume-ring,
[data-volume-ring]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
.reference-control-panel .volume-ring:active,
.rgb-control-panel .volume-ring:active,
[data-volume-ring]:active{
  cursor:grabbing!important;
}

/* Powered panel has subtle instrument illumination. */
[data-volume-ring].is-panel-powered{
  filter:
    brightness(1.04)
    drop-shadow(0 0 5px rgba(66,151,255,.10))!important;
}
[data-volume-ring]:not(.is-panel-powered){
  filter:saturate(.45) brightness(.72)!important;
}

/* Existing LEDs remain a true volume meter:
   active count is generated by JS from 0–100%. */
[data-volume-ring] .knob-led{
  transition:
    opacity .12s ease,
    filter .12s ease,
    fill .12s ease!important;
}

/* While SIKE MUSIC is actually playing, ONLY the illuminated volume LEDs
   breathe/chase subtly. The amount of lit LEDs still matches the real volume. */
[data-volume-ring].is-music-playing .knob-led.is-active{
  animation:sikeControlLedBeat var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
  transform-origin:center!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+1){
  animation-delay:-.13s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n+2){
  animation-delay:-.27s!important;
}
[data-volume-ring].is-music-playing .knob-led.is-active:nth-child(3n){
  animation-delay:-.39s!important;
}

@keyframes sikeControlLedBeat{
  0%{
    opacity:.52;
    filter:
      brightness(.90)
      drop-shadow(0 0 1px var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(.88);
  }
  100%{
    opacity:1;
    filter:
      brightness(calc(1.12 + var(--music-level,.7) * .32))
      drop-shadow(0 0 calc(2px + var(--music-level,.7) * 4px) var(--individual-led-color,var(--led-on,#3f8cff)));
    transform:scale(calc(1 + var(--music-level,.7) * .16));
  }
}

/* Small pulse in the metal ring itself so the panel clearly looks live. */
[data-volume-ring].is-music-playing:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:1px solid rgba(102,176,255,.22)!important;
  box-shadow:
    inset 0 0 9px rgba(64,143,255,.10),
    0 0 8px rgba(64,143,255,.08)!important;
  animation:sikeControlRingLive var(--music-led-speed,.58s) ease-in-out infinite alternate!important;
}
@keyframes sikeControlRingLive{
  from{opacity:.28;transform:scale(.985)}
  to{opacity:.85;transform:scale(1.015)}
}

/* Paused track: keep only a tiny status glow, no beat animation. */
[data-volume-ring].is-music-paused .knob-led.is-active{
  animation:none!important;
  opacity:.42!important;
}
[data-volume-ring].is-music-paused:after{
  animation:none!important;
  opacity:.16!important;
}

/* Volume zero means no active LEDs and therefore no fake beat. */
[data-volume-ring][aria-valuenow="0"].is-music-playing:after{
  opacity:.12!important;
  animation:none!important;
}

/* Mobile/touch: slightly larger hit area without changing visible design. */
@media(max-width:720px){
  [data-volume-ring]:before{
    cursor:grab!important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  [data-volume-ring].is-music-playing .knob-led.is-active,
  [data-volume-ring].is-music-playing:after{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V33 — SMOOTH 3D / LOW-JITTER INTERACTION
   =================================================================== */

/* Keep the complete 3D cabinet on its own compositor layer. */
.lab-scene,
.lab-cabinet,
.lab-cabinet *,
.sike-builder-live-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.lab-cabinet{
  will-change:transform;
  transform-style:preserve-3d;
  contain:layout style;
}

/* Individual moving pieces should be composited instead of repainted. */
.lab-cabinet .lab-part,
.lab-cabinet .battery-part,
.lab-cabinet .handle-part,
.lab-cabinet .control-part,
.lab-cabinet .lab-driver-low,
.lab-cabinet .lab-driver-high{
  will-change:transform;
}

/* During manual rotation, remove repaint-heavy visual filters/shadows.
   They come back immediately when the pointer is released. */
body.sike-3d-dragging .lab-cabinet,
body.sike-3d-dragging .lab-cabinet *{
  transition:none!important;
}

body.sike-3d-dragging .lab-cabinet.sike-audio-playing .lab-grille:after,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-3d-dragging .lab-cabinet.sike-audio-playing .grille-mesh{
  animation-play-state:paused!important;
}

body.sike-3d-dragging .lab-cabinet{
  filter:none!important;
}

body.sike-3d-dragging .lab-scene{
  cursor:grabbing!important;
}

/* Smoother touch/phone handling. */
.lab-scene,
.sike-builder-live-stage{
  touch-action:none;
  overscroll-behavior:contain;
}

/* Avoid accidental text selection while rotating. */
.lab-scene,
.lab-scene *{
  user-select:none;
  -webkit-user-select:none;
}

/* GPU-friendly control panel LEDs. */
[data-volume-ring],
[data-volume-ring] .knob-led{
  will-change:transform,opacity;
}

/* On lower-powered mobile devices, keep bass animation visible but lighter. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .device-playing-music .sike-builder-live-stage:before{
    filter:blur(14px)!important;
  }
}

/* Very small devices: reduce expensive visual effects further. */
@media(max-width:430px){
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    opacity:.45!important;
  }
  [data-volume-ring].is-music-playing .knob-led.is-active{
    filter:none!important;
  }
}


/* SIKE V33 ZOOM FIX — mouse wheel + trackpad + touch pinch */
[data-product-lab] .lab-scene,
.product-lab .lab-scene{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
[data-product-lab] .lab-scene:hover,
.product-lab .lab-scene:hover{
  cursor:grab;
}
[data-product-lab] .lab-scene.dragging,
.product-lab .lab-scene.dragging{
  cursor:grabbing!important;
}


/* ===================================================================
   SIKE V36 — PRODUCT CENTERING + SMOOTHER 3D INTERACTION
   =================================================================== */

/* Keep the whole model centered vertically instead of sitting at the bottom. */
.lab-speaker{
  top:50%!important;
  left:50%!important;
  transform:
    translate(-50%, calc(-50% + var(--scene-y,-7%)))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))
    scale(var(--scene-scale))!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}

/* Make the stage feel balanced and keep the model visually centered. */
.sike-builder-live-stage{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  width:100%!important;
  height:100%!important;
  display:block!important;
}

/* Remove expensive effects while the user is actively rotating/zooming. */
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *,
body.sike-model-interacting .lab-scene{
  transition:none!important;
}
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .grille-mesh,
body.sike-model-interacting [data-volume-ring].is-music-playing .knob-led{
  animation-play-state:paused!important;
}

/* Smooth compositor path for the model itself. */
.lab-speaker,
.lab-cabinet{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.lab-speaker{
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
}

/* Desktop: slightly more centered and not too low. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 5%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}

/* Tablet/mobile keep the entire product visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate(-50%, calc(-50% - 2%))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))
      scale(var(--scene-scale))!important;
  }
}


/* ===================================================================
   SIKE V37 — TRUE CENTER + ZERO-LAG TRANSFORM FIX
   =================================================================== */

/*
  The .lab-scene already centers .lab-speaker with CSS Grid.
  Do NOT add left:50% / top:50% to the relatively positioned speaker.
  That double-centers it and pushes the product to the right.
*/
.lab-speaker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;

  /* only vertical lift; horizontal centering comes from lab-scene grid */
  transform:
    translate3d(0,var(--scene-y,-5%),0)
    scale(var(--scene-scale))
    rotateX(var(--scene-rx))
    rotateY(var(--scene-ry))!important;

  transform-origin:50% 50% 0!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;

  /*
    JS already interpolates rotation/zoom with requestAnimationFrame.
    A CSS .45s transform transition on every RAF frame creates the
    sluggish/jittery "rubber band" feeling. Disable transform transition.
  */
  transition:
    width .24s ease,
    height .24s ease!important;

  will-change:transform!important;
}

/* Keep the scene itself responsible for exact centering. */
.lab-scene{
  display:grid!important;
  place-items:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Desktop: slightly raise product, NEVER shift it horizontally. */
@media(min-width:1100px){
  .lab-speaker{
    transform:
      translate3d(0,-5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:761px){
  .lab-speaker{
    transform:
      translate3d(0,-3%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* Mobile: keep whole product centered and visible. */
@media(max-width:760px){
  .lab-speaker{
    transform:
      translate3d(0,-1.5%,0)
      scale(var(--scene-scale))
      rotateX(var(--scene-rx))
      rotateY(var(--scene-ry))!important;
  }
}

/* The app's iframe must remain centered in its own viewport. */
.sike-builder-live-stage{
  position:relative!important;
  overflow:hidden!important;
}
.sike-builder-live-frame{
  margin:0!important;
  transform:none!important;
}

/* During interaction keep animation/render work light. */
.lab-scene.dragging .lab-speaker,
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}

/* Prevent text/layout paint from interfering with pointer movement. */
.lab-scene{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
}


/* ===================================================================
   SIKE V38 — STRONGER ALWAYS-VISIBLE PLAYBACK MOTION
   =================================================================== */

/*
  Visual playback movement no longer becomes almost invisible at low volume.
  The JS supplies a minimum --audio-level while music is actively playing.
*/

.lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame{
  animation:sikeWooferV38 var(--audio-speed,.48s) cubic-bezier(.24,.02,.30,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
  animation:sikeConeV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap{
  animation:sikeDustCapV38 var(--audio-speed,.48s) cubic-bezier(.22,.02,.28,1) infinite alternate!important;
}
.lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame{
  animation:sikeHighV38 calc(var(--audio-speed,.48s) * .72) ease-in-out infinite alternate!important;
}

@keyframes sikeWooferV38{
  0%{
    transform:
      translateZ(calc(-2px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .050)));
    filter:brightness(.80);
  }
  100%{
    transform:
      translateZ(calc(5px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .125)));
    filter:brightness(calc(1 + (var(--audio-level,.7) * .15)));
  }
}

@keyframes sikeConeV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .075)));
    filter:brightness(.74) contrast(1.06);
  }
  100%{
    transform:
      translateZ(calc(8px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .175)));
    filter:brightness(calc(1.04 + (var(--audio-level,.7) * .19))) contrast(1.10);
  }
}

@keyframes sikeDustCapV38{
  0%{
    transform:
      translateZ(calc(-3px * var(--audio-punch,.8)))
      scale(calc(1 - (var(--audio-level,.7) * .060)));
  }
  100%{
    transform:
      translateZ(calc(10px * var(--audio-punch,.8)))
      scale(calc(1 + (var(--audio-level,.7) * .215)));
  }
}

@keyframes sikeHighV38{
  0%{
    transform:translateZ(-1px) scale(calc(1 - (var(--audio-high-level,.5) * .025)));
  }
  100%{
    transform:translateZ(3px) scale(calc(1 + (var(--audio-high-level,.5) * .070)));
  }
}

/* More obvious pressure behind the front grille. */
.lab-cabinet.sike-audio-playing .lab-grille:after{
  background:
    radial-gradient(circle at 50% 28%,
      rgba(255,255,255,calc(.020 + var(--audio-high-level,.5) * .060)) 0 9%,
      transparent 23%),
    radial-gradient(circle at 50% 67%,
      rgba(255,84,36,calc(.040 + var(--audio-level,.7) * .145)) 0 13%,
      transparent 36%)!important;
  animation:sikeGrillePulseV38 calc(var(--audio-speed,.48s) * .95) ease-in-out infinite alternate!important;
}

@keyframes sikeGrillePulseV38{
  from{opacity:.42;transform:scale(.992)}
  to{opacity:1;transform:scale(calc(1 + var(--audio-level,.7) * .007))}
}

/* Stronger distinction between modes while still moving at low volume. */
.lab-cabinet.sike-audio-playing[data-audio-preset="bass"]{
  --audio-level:calc(var(--audio-level) * 1.18);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="outdoor"]{
  --audio-level:calc(var(--audio-level) * 1.08);
}
.lab-cabinet.sike-audio-playing[data-audio-preset="night"]{
  --audio-level:calc(var(--audio-level) * .78);
}

/*
  Preserve smooth model interaction: pause reactive animation while the user
  is actively rotating/zooming, then resume immediately afterwards.
*/
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cap,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-driver-high .driver-frame,
body.sike-model-interacting .lab-cabinet.sike-audio-playing .lab-grille:after{
  animation-play-state:paused!important;
}

/* Mobile: strong enough to see, but avoid extra expensive filters. */
@media(max-width:720px){
  .lab-cabinet.sike-audio-playing .lab-driver-low .driver-cone{
    filter:none!important;
  }
  .lab-cabinet.sike-audio-playing .lab-grille:after{
    mix-blend-mode:normal!important;
    filter:none!important;
  }
}


/* ===================================================================
   SIKE V38 MOBILE CONTROL PANEL SYNC FIX
   =================================================================== */

[data-volume-ring]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  overscroll-behavior:contain!important;
}

/* On phone the physical ring keeps the same visual size, but gets a larger
   invisible touch target so the control is actually usable with a thumb. */
@media(max-width:760px){
  [data-volume-ring]{
    position:relative!important;
    cursor:ns-resize!important;
  }
  [data-volume-ring]::before{
    content:"";
    position:absolute;
    inset:-18px!important;
    border-radius:50%;
    background:transparent;
    pointer-events:auto;
  }
  [data-volume-ring].is-touch-adjusting{
    filter:brightness(1.12) drop-shadow(0 0 8px rgba(77,159,255,.20))!important;
  }
  [data-volume-ring].is-touch-adjusting .knob-led.is-active{
    opacity:1!important;
  }
}

/* Prevent the parent 3D scene from rotating while the user is adjusting volume. */
[data-volume-ring],
[data-volume-ring] *{
  touch-action:none!important;
}


/* ===================================================================
   SIKE V41 — CLEAN APP ENTRY / ACCOUNT LANDING
   Rebuilds app.php visually while preserving all auth/demo functionality.
   =================================================================== */

body:has(.sike-app-landing){
  background:#0a0b0d!important;
  color:#f7f5f1!important;
}
body:has(.sike-app-landing) .site-header{
  background:rgba(7,8,10,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.sike-v7-status-note{
  display:none!important;
}

.sike-app-landing{
  --app-orange:#ff6538;
  --app-red:#ef3535;
  --app-ink:#0d0f12;
  --app-panel:#12151a;
  --app-panel-2:#171a20;
  --app-line:rgba(255,255,255,.08);
  --app-muted:#8b929c;

  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:34px 28px 80px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,91,48,.15),transparent 26%),
    radial-gradient(circle at 90% 16%,rgba(217,36,49,.12),transparent 28%),
    #0a0b0d!important;
}

.sike-app-landing-hero{
  position:relative!important;
  width:min(1320px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  overflow:hidden!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),
    #101216!important;
  box-shadow:0 26px 80px rgba(0,0,0,.32)!important;
}
.sike-app-landing-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(255,91,46,.13),transparent 28%),
    radial-gradient(circle at 84% 72%,rgba(216,38,50,.09),transparent 27%)!important;
}
.sike-app-landing-glow{
  display:none!important;
}

.sike-app-landing-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding:18px 12px 16px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin:0 0 18px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,101,56,.22)!important;
  border-radius:999px!important;
  background:rgba(255,101,56,.07)!important;
  color:#ff7b52!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-kicker:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d27b!important;
  box-shadow:0 0 0 5px rgba(52,210,123,.08)!important;
}

.sike-app-landing-copy h1{
  max-width:780px!important;
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(54px,6.1vw,94px)!important;
  line-height:.90!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-app-landing-copy h1 em{
  color:#ff6a3e!important;
  font-style:normal!important;
}
.sike-app-landing-copy p{
  max-width:720px!important;
  margin:24px 0 0!important;
  color:#9da3ac!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.sike-app-landing-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
}
.sike-app-landing-badges span{
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:#15181d!important;
  color:#d6d9de!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
}
.sike-app-mini-device-stack{
  margin-top:24px!important;
  display:flex!important;
  gap:9px!important;
  align-items:center!important;
}
.sike-app-mini-device-stack>div{
  width:86px!important;
  height:64px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:5px!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0c0e11!important;
  box-shadow:none!important;
}
.sike-app-mini-device-stack img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:8px!important;
}
.sike-app-mini-device-stack b{
  color:#c8ccd2!important;
  font-size:7px!important;
  line-height:1.05!important;
}

/* Right-side account/auth panel */
.sike-app-entry-panel{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(11,13,16,.94)!important;
  padding:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.sike-app-account-ready{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-app-ready-icon{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 20px!important;
  background:linear-gradient(145deg,#37d37e,#1aac62)!important;
  color:#fff!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(37,202,111,.18)!important;
}
.sike-app-account-ready>span,
.sike-app-auth-head>span{
  color:#ff754a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-app-account-ready h2,
.sike-app-auth-head h2{
  margin:9px 0 0!important;
  color:#f6f5f2!important;
  font-size:clamp(32px,3.2vw,50px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}
.sike-app-account-ready p,
.sike-app-auth-head p{
  margin:14px 0 0!important;
  color:#858d98!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.sike-app-account-row{
  margin-top:20px!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #272c33!important;
  border-radius:13px!important;
  background:#0d1014!important;
}
.sike-app-account-row span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#d4d8dd!important;
  font-size:9px!important;
}
.sike-app-account-row i{
  flex:0 0 auto!important;
  color:#35d27c!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.sike-app-ready-devices{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin:10px 0 0!important;
}
.sike-app-ready-devices>span{
  min-width:0!important;
  height:72px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111419!important;
}
.sike-app-ready-devices img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#0a0c0f!important;
}
.sike-app-ready-devices b{
  min-width:0!important;
  color:#c7cbd1!important;
  font-size:7px!important;
  line-height:1.1!important;
}

.sike-app-continue-button,
.sike-app-auth-submit{
  width:100%!important;
  min-height:52px!important;
  margin-top:12px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ff6b3b,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 30px rgba(237,52,56,.16)!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-app-continue-button:hover,
.sike-app-auth-submit:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
.sike-app-continue-button b,
.sike-app-auth-submit b{
  font-size:18px!important;
}
.sike-app-signout{
  margin:11px auto 0!important;
  color:#747b85!important;
  font-size:8px!important;
  text-decoration:none!important;
}

/* Logged-out auth cleaned up too */
.sike-app-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:20px 0 12px!important;
  padding:4px!important;
  border:1px solid #252a31!important;
  border-radius:13px!important;
  background:#090b0e!important;
}
.sike-app-auth-tabs button{
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#747c86!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-app-auth-tabs button.active{
  background:#171a1f!important;
  color:#fff!important;
}

.sike-social-login-block{
  margin-top:10px!important;
}
.sike-social-login-title{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.sike-social-login-title span{
  color:#7c838d!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
.sike-social-login-title small{
  color:#5f6670!important;
  font-size:6px!important;
}
.sike-social-login-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-social-login{
  width:100%!important;
  min-height:42px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid #292e35!important;
  background:#111419!important;
  color:#e4e6e9!important;
  box-shadow:none!important;
}
.sike-social-login:hover{
  border-color:#3b424c!important;
  background:#171b20!important;
}
.sike-social-login i{
  font-size:13px!important;
}
.sike-social-login span{
  font-size:7px!important;
}
.sike-social-login b{
  font-size:5px!important;
}
.sike-social-divider{
  margin:12px 0!important;
}
.sike-social-divider:before{
  border-color:#242930!important;
}
.sike-social-divider span{
  background:#0b0d10!important;
  color:#616974!important;
  font-size:6px!important;
}

.sike-app-auth-form label>span{
  display:block!important;
  margin:0 0 6px!important;
  color:#818894!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.sike-app-auth-form input[type=text],
.sike-app-auth-form input[type=email],
.sike-app-auth-form input[type=password]{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:1px solid #292f36!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.sike-app-auth-form input:focus{
  border-color:rgba(255,103,59,.65)!important;
  box-shadow:0 0 0 3px rgba(255,103,59,.08)!important;
}
.sike-app-consent{
  margin-top:10px!important;
}
.sike-app-security-note{
  border-color:#252a31!important;
  background:#0c0f13!important;
  border-radius:12px!important;
}

/* The supporting sections now match the actual app, instead of a bright landing page. */
.sike-app-steps-section,
.sike-app-preview-section{
  width:min(1320px,100%)!important;
  margin:24px auto 0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#101216!important;
}
.sike-app-steps-section{
  padding:28px!important;
}
.sike-app-section-heading span,
.sike-app-preview-copy>span{
  color:#ff754a!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-app-section-heading h2,
.sike-app-preview-copy h2{
  margin-top:8px!important;
  color:#f4f3f0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.sike-app-section-heading p,
.sike-app-preview-copy p{
  color:#858d97!important;
}
.sike-app-step-grid{
  gap:10px!important;
  margin-top:22px!important;
}
.sike-app-step-card{
  border:1px solid #242930!important;
  border-radius:17px!important;
  background:#0c0f13!important;
  box-shadow:none!important;
}
.sike-app-step-card.active{
  border-color:rgba(255,101,56,.32)!important;
  background:linear-gradient(145deg,rgba(255,101,56,.07),#0c0f13 48%)!important;
}
.sike-app-step-card.done{
  border-color:rgba(49,207,120,.22)!important;
}
.sike-app-step-card h3{
  color:#eef0f2!important;
}
.sike-app-step-card p{
  color:#777f89!important;
}
.sike-app-step-number{
  color:#ff7146!important;
}

.sike-app-preview-section{
  padding:28px!important;
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
.sike-app-preview-ui{
  border:1px solid #272d34!important;
  border-radius:20px!important;
  background:#0b0e12!important;
  box-shadow:none!important;
}
.sike-app-preview-copy a,
.sike-app-preview-copy button{
  color:#ff754a!important;
}

/* ------------------------- PHONE ------------------------- */
@media(max-width:760px){
  .sike-app-landing{
    padding:12px 10px 86px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,95,48,.14),transparent 25%),
      #090a0c!important;
  }

  .sike-app-landing-hero{
    padding:14px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border-radius:20px!important;
  }

  .sike-app-landing-copy{
    padding:10px 4px 4px!important;
  }
  .sike-app-kicker{
    margin-bottom:13px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  .sike-app-landing-copy h1{
    max-width:360px!important;
    font-size:clamp(42px,14vw,62px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .sike-app-landing-copy p{
    margin-top:16px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }

  .sike-app-landing-badges{
    margin-top:16px!important;
    gap:5px!important;
  }
  .sike-app-landing-badges span{
    padding:7px 9px!important;
    font-size:6.5px!important;
  }

  /* Old duplicate hero thumbnails are hidden on phone;
     the clean device strip inside account card remains. */
  .sike-app-mini-device-stack{
    display:none!important;
  }

  .sike-app-entry-panel{
    padding:17px!important;
    border-radius:18px!important;
  }
  .sike-app-ready-icon{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:22px!important;
    margin-bottom:15px!important;
  }
  .sike-app-account-ready h2,
  .sike-app-auth-head h2{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .sike-app-account-ready p,
  .sike-app-auth-head p{
    font-size:11px!important;
  }
  .sike-app-account-row{
    display:block!important;
    padding:10px!important;
  }
  .sike-app-account-row i{
    display:block!important;
    margin-top:5px!important;
  }

  .sike-app-ready-devices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sike-app-ready-devices>span{
    height:64px!important;
    padding:6px!important;
    display:block!important;
    text-align:center!important;
  }
  .sike-app-ready-devices img{
    width:38px!important;
    height:38px!important;
    margin:auto!important;
  }
  .sike-app-ready-devices b{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:5.5px!important;
  }

  .sike-social-login-grid{
    grid-template-columns:1fr!important;
  }
  .sike-social-login-title small{
    display:none!important;
  }

  .sike-app-steps-section,
  .sike-app-preview-section{
    margin-top:12px!important;
    border-radius:19px!important;
  }
  .sike-app-steps-section{
    padding:16px!important;
  }
  .sike-app-step-grid{
    grid-template-columns:1fr!important;
  }
  .sike-app-step-card{
    min-height:0!important;
    padding:16px!important;
  }
  .sike-app-preview-section{
    padding:16px!important;
    grid-template-columns:1fr!important;
  }
  .sike-app-preview-ui{
    min-height:260px!important;
  }
}

@media(max-width:390px){
  .sike-app-landing-copy h1{
    font-size:42px!important;
  }
  .sike-app-landing-hero{
    padding:11px!important;
  }
  .sike-app-entry-panel{
    padding:14px!important;
  }
  .sike-app-ready-devices>span{
    height:60px!important;
  }
}

/* Keep chat from visually dominating this onboarding page. */
body:has(.sike-app-landing) .chat-launcher{
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}


/* ===================================================================
   SIKE V42 — ORANGE APP LANDING / COMPLETELY NEW LAYOUT
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:#ff6633!important;
}
.sike-app-landing-v42{
  min-height:calc(100vh - 120px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 24px 72px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,212,163,.18),transparent 30%),
    radial-gradient(circle at 86% 10%,rgba(255,75,43,.24),transparent 28%),
    linear-gradient(135deg,#ff8430 0%,#ff572f 48%,#ed3036 100%)!important;
}

.sike-v42-shell{
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  padding:20px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(13,15,18,.94)!important;
  box-shadow:0 32px 90px rgba(94,18,9,.26)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sike-v42-topline{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 3px 14px!important;
}
.sike-v42-label,
.sike-v42-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-v42-label i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2fd17a!important;
  box-shadow:0 0 0 5px rgba(47,209,122,.08)!important;
}
.sike-v42-label span,
.sike-v42-status span{
  color:#808894!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.sike-v42-status b{
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#ff6239!important;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}

.sike-v42-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr)!important;
  gap:16px!important;
}
.sike-v42-intro{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
}
.sike-v42-copy,
.sike-v42-device-stage,
.sike-v42-feature-strip,
.sike-v42-account{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12151a!important;
  border-radius:22px!important;
}

.sike-v42-copy{
  min-height:330px!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 80% 30%,rgba(255,91,43,.13),transparent 31%),
    #12151a!important;
}
.sike-v42-kicker{
  color:#ff7145!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}
.sike-v42-copy h1{
  margin:12px 0 0!important;
  color:#f8f5f0!important;
  font-size:clamp(56px,6vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}
.sike-v42-copy h1 em{
  color:#ff673d!important;
  font-style:normal!important;
}
.sike-v42-copy p{
  max-width:700px!important;
  margin:22px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.sike-v42-device-stage{
  min-height:190px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:.8fr 1.2fr!important;
  gap:16px!important;
  align-items:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(120deg,rgba(255,102,56,.08),transparent 52%),
    #0e1115!important;
}
.sike-v42-device-copy span{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-v42-device-copy strong{
  display:block!important;
  margin-top:8px!important;
  color:#f0f1f3!important;
  font-size:17px!important;
}
.sike-v42-device-copy small{
  display:block!important;
  margin-top:7px!important;
  color:#717984!important;
  font-size:9px!important;
}
.sike-v42-device-art{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
}
.sike-v42-device-card{
  min-width:0!important;
  height:126px!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #262c33!important;
  border-radius:16px!important;
  background:#15181d!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.sike-v42-device-card img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.sike-v42-device-card span{
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
}

.sike-v42-feature-strip{
  min-height:86px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.sike-v42-feature-strip>span{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:34px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  border-radius:14px!important;
  background:#0d1014!important;
}
.sike-v42-feature-strip i{
  grid-row:1/3!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#ff6339!important;
  color:#fff!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:950!important;
}
.sike-v42-feature-strip b{
  color:#f1f2f3!important;
  font-size:8px!important;
}
.sike-v42-feature-strip small{
  color:#6e7680!important;
  font-size:6.5px!important;
}

.sike-v42-account{
  min-width:0!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,57,.02)!important;
}
.sike-v42-account-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.sike-v42-avatar{
  width:58px!important;height:58px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ff7140,#e93439)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  box-shadow:0 14px 36px rgba(237,53,56,.18)!important;
}
.sike-v42-account-head span,
.sike-v42-auth-head>span,
.sike-v42-next-card>span{
  color:#ff7146!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-account-head h2,
.sike-v42-auth-head h2{
  margin:5px 0 0!important;
  color:#f7f5f1!important;
  font-size:clamp(30px,3vw,46px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
}
.sike-v42-account-head p{
  margin:5px 0 0!important;
  color:#77808a!important;
  font-size:8px!important;
}
.sike-v42-account-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:18px!important;
}
.sike-v42-account-meta>div{
  padding:12px!important;
  border:1px solid #272d34!important;
  border-radius:13px!important;
  background:#0b0e12!important;
}
.sike-v42-account-meta span{
  display:block!important;
  color:#626b75!important;
  font-size:6px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-v42-account-meta b{
  display:block!important;
  margin-top:5px!important;
  color:#e7e9eb!important;
  font-size:9px!important;
}
.sike-v42-account-meta b.green{
  color:#34d17a!important;
}
.sike-v42-next-card{
  margin-top:9px!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,101,56,.08),#0c0f13 56%)!important;
  border:1px solid rgba(255,102,57,.15)!important;
}
.sike-v42-next-card h3{
  margin:7px 0 0!important;
  color:#f3f4f5!important;
  font-size:18px!important;
}
.sike-v42-next-card p,
.sike-v42-auth-head p{
  margin:8px 0 0!important;
  color:#7e8691!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v42-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ff6d3d,#ed3438)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 15px 30px rgba(238,52,57,.16)!important;
}
.sike-v42-primary b{
  font-size:17px!important;
}
.sike-v42-secondary{
  margin:12px auto 0!important;
  color:#727a84!important;
  font-size:7px!important;
  text-decoration:none!important;
}

.sike-v42-tabs{
  margin-top:20px!important;
}
.sike-v42-social{
  margin-top:10px!important;
}
.sike-v42-social-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v42-social-grid form{
  margin:0!important;
}
.sike-v42-social-grid button{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #2a3037!important;
  border-radius:11px!important;
  background:#0c0f13!important;
  color:#d8dce1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.sike-v42-social-grid i{
  font-size:13px!important;
  font-style:normal!important;
}
.sike-v42-social-grid span{
  font-size:7px!important;
  font-weight:800!important;
}
.sike-v42-divider{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  color:#656d77!important;
  font-size:6px!important;
}
.sike-v42-divider:before,
.sike-v42-divider:after{
  content:""!important;
  flex:1!important;
  height:1px!important;
  background:#242a31!important;
}
.sike-v42-form label>span{
  color:#7e8690!important;
}
.sike-v42-form input{
  background:#0b0e12!important;
  border-color:#292f36!important;
}

.sike-v42-bottom{
  width:min(1440px,100%)!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.sike-v42-bottom article{
  min-height:150px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:rgba(15,17,20,.92)!important;
  box-shadow:0 20px 50px rgba(105,23,12,.14)!important;
}
.sike-v42-bottom span{
  color:#ff7448!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v42-bottom h3{
  margin:10px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
.sike-v42-bottom p{
  margin:8px 0 0!important;
  max-width:370px!important;
  color:#838b95!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* ---------------------- MOBILE ---------------------- */
@media(max-width:760px){
  .sike-app-landing-v42{
    padding:10px 8px 76px!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,210,160,.13),transparent 24%),
      linear-gradient(160deg,#ff7e2f 0%,#ff5430 52%,#ec3439 100%)!important;
  }
  .sike-v42-shell{
    padding:11px!important;
    border-radius:19px!important;
  }
  .sike-v42-topline{
    min-height:34px!important;
    padding-bottom:8px!important;
  }
  .sike-v42-label span{
    font-size:6px!important;
  }
  .sike-v42-status span{
    display:none!important;
  }

  .sike-v42-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v42-intro{
    gap:9px!important;
  }
  .sike-v42-copy,
  .sike-v42-device-stage,
  .sike-v42-feature-strip,
  .sike-v42-account{
    border-radius:16px!important;
  }
  .sike-v42-copy{
    min-height:0!important;
    padding:22px 16px!important;
  }
  .sike-v42-copy h1{
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.89!important;
  }
  .sike-v42-copy p{
    margin-top:15px!important;
    font-size:12px!important;
  }

  .sike-v42-device-stage{
    min-height:0!important;
    padding:13px!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .sike-v42-device-copy strong{
    font-size:13px!important;
  }
  .sike-v42-device-art{
    gap:6px!important;
  }
  .sike-v42-device-card{
    height:88px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .sike-v42-device-card img{
    width:52px!important;
    height:52px!important;
  }
  .sike-v42-device-card span{
    font-size:5.5px!important;
  }

  .sike-v42-feature-strip{
    min-height:0!important;
    padding:8px!important;
    gap:5px!important;
  }
  .sike-v42-feature-strip>span{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:4px!important;
    padding:9px!important;
  }
  .sike-v42-feature-strip i{
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
  }
  .sike-v42-feature-strip small{
    display:none!important;
  }

  .sike-v42-account{
    padding:16px!important;
  }
  .sike-v42-account-head{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .sike-v42-avatar{
    width:48px!important;height:48px!important;
    border-radius:14px!important;
    font-size:18px!important;
  }
  .sike-v42-account-head h2,
  .sike-v42-auth-head h2{
    font-size:34px!important;
  }
  .sike-v42-account-meta{
    margin-top:13px!important;
  }
  .sike-v42-next-card{
    padding:13px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sike-v42-bottom{
    margin-top:9px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .sike-v42-bottom article{
    min-height:0!important;
    padding:15px!important;
    border-radius:16px!important;
  }
  .sike-v42-bottom h3{
    font-size:19px!important;
  }
}

@media(max-width:390px){
  .sike-v42-copy h1{
    font-size:42px!important;
  }
  .sike-v42-shell{
    padding:9px!important;
  }
  .sike-v42-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===================================================================
   SIKE V43 — APP PAGE WITHOUT GREY BACKGROUND BOXES
   Keeps the orange SIKE background, removes heavy grey card fills.
   =================================================================== */

body:has(.sike-app-landing-v42){
  background:
    radial-gradient(circle at 10% 8%,rgba(255,211,161,.15),transparent 26%),
    radial-gradient(circle at 86% 15%,rgba(255,78,45,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Outer shell becomes transparent / glass-light instead of grey block. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.28)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Remove the solid grey fills from all major app cards. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip,
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.36)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Intro hero is cleaner, with only a subtle orange glow. */
.sike-app-landing-v42 .sike-v42-copy{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,96,48,.10),transparent 34%),
    rgba(9,11,14,.28)!important;
}

/* Device section — no grey containers. */
.sike-app-landing-v42 .sike-v42-device-stage{
  background:
    linear-gradient(120deg,rgba(255,104,54,.06),transparent 58%),
    rgba(9,11,14,.24)!important;
}

.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(6,8,10,.32)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

/* Feature strip: remove separate grey tiles. */
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(7,9,11,.24)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Account panel stays readable but much more transparent. */
.sike-app-landing-v42 .sike-v42-account{
  background:rgba(6,8,10,.40)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(6,8,10,.28)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-next-card{
  background:
    linear-gradient(145deg,rgba(255,101,56,.07),rgba(6,8,10,.20) 62%)!important;
  border-color:rgba(255,106,59,.14)!important;
}

/* Login/create account UI: transparent dark controls, no grey slabs. */
.sike-app-landing-v42 .sike-app-auth-tabs{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-app-auth-tabs button.active{
  background:rgba(255,255,255,.07)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(5,7,9,.24)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-app-landing-v42 .sike-v42-form input{
  background:rgba(4,6,8,.30)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Bottom info cards blend into page instead of looking like grey boxes. */
.sike-app-landing-v42 .sike-v42-bottom{
  gap:8px!important;
}
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(8,10,12,.30)!important;
}

/* Mobile: even lighter card chrome, more open orange page. */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-shell{
    background:rgba(7,9,11,.20)!important;
    border-color:rgba(255,255,255,.08)!important;
  }

  .sike-app-landing-v42 .sike-v42-copy,
  .sike-app-landing-v42 .sike-v42-device-stage,
  .sike-app-landing-v42 .sike-v42-account,
  .sike-app-landing-v42 .sike-v42-bottom article{
    background:rgba(7,9,11,.26)!important;
  }

  .sike-app-landing-v42 .sike-v42-feature-strip{
    background:transparent!important;
  }

  .sike-app-landing-v42 .sike-v42-device-card,
  .sike-app-landing-v42 .sike-v42-feature-strip>span{
    background:rgba(4,6,8,.20)!important;
  }
}


/* ===================================================================
   SIKE V44 — CLEAN APPLE / SOUNDBOKS INSPIRED RIGHT SIDEBAR
   =================================================================== */

/* Keep the open orange/red background from V43. */
.sike-app-landing-v42{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,220,178,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(255,65,40,.18),transparent 30%),
    linear-gradient(135deg,#ff8430 0%,#ff5a30 48%,#ed3036 100%)!important;
}

/* Main shell stays visually open. */
.sike-app-landing-v42 .sike-v42-shell{
  background:rgba(8,10,12,.18)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Left side remains nearly borderless/open. */
.sike-app-landing-v42 .sike-v42-copy,
.sike-app-landing-v42 .sike-v42-device-stage,
.sike-app-landing-v42 .sike-v42-feature-strip{
  background:transparent!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* RIGHT SIDEBAR:
   one premium light-grey Apple-like panel instead of many dark/grey blocks. */
.sike-app-landing-v42 .sike-v42-account{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(252,251,248,.97),rgba(235,235,232,.95))!important;
  box-shadow:
    0 28px 70px rgba(59,16,7,.20),
    inset 0 1px rgba(255,255,255,.85)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  color:#111318!important;
}

/* Soft inner sheen. */
.sike-app-landing-v42 .sike-v42-account:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.24),transparent 40%)!important;
}

/* All sidebar content above sheen. */
.sike-app-landing-v42 .sike-v42-account > *{
  position:relative!important;
  z-index:1!important;
}

/* Account header dark typography. */
.sike-app-landing-v42 .sike-v42-account-head span,
.sike-app-landing-v42 .sike-v42-auth-head>span,
.sike-app-landing-v42 .sike-v42-next-card>span{
  color:#ff5f38!important;
}
.sike-app-landing-v42 .sike-v42-account-head h2,
.sike-app-landing-v42 .sike-v42-auth-head h2{
  color:#0d0f12!important;
}
.sike-app-landing-v42 .sike-v42-account-head p,
.sike-app-landing-v42 .sike-v42-auth-head p{
  color:#73777e!important;
}

/* Cleaner avatar, less gaming, more premium hardware feel. */
.sike-app-landing-v42 .sike-v42-avatar{
  background:linear-gradient(145deg,#ff7040,#ef3738)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:
    0 12px 28px rgba(226,63,42,.20),
    inset 0 1px rgba(255,255,255,.28)!important;
}

/* Meta blocks become white floating cells. */
.sike-app-landing-v42 .sike-v42-account-meta>div{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.055)!important;
}
.sike-app-landing-v42 .sike-v42-account-meta span{
  color:#8a8e94!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b{
  color:#181b20!important;
}
.sike-app-landing-v42 .sike-v42-account-meta b.green{
  color:#24b86e!important;
}

/* Next-step area = minimal Apple Settings-style grouped section. */
.sike-app-landing-v42 .sike-v42-next-card{
  margin-top:10px!important;
  padding:16px!important;
  border:1px solid rgba(20,22,25,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 22px rgba(24,26,30,.045)!important;
}
.sike-app-landing-v42 .sike-v42-next-card h3{
  color:#17191d!important;
  font-size:17px!important;
}
.sike-app-landing-v42 .sike-v42-next-card p{
  color:#777c84!important;
}

/* Primary CTA = clean SIKE orange, flatter and more premium. */
.sike-app-landing-v42 .sike-v42-primary{
  min-height:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff6d3d,#f24337)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 12px 28px rgba(236,72,47,.20),
    inset 0 1px rgba(255,255,255,.20)!important;
}
.sike-app-landing-v42 .sike-v42-primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.025)!important;
}
.sike-app-landing-v42 .sike-v42-secondary{
  color:#797d83!important;
}

/* Auth tab group within grey sidebar. */
.sike-app-landing-v42 .sike-v42-tabs{
  padding:4px!important;
  border:1px solid rgba(20,22,25,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.62)!important;
}
.sike-app-landing-v42 .sike-v42-tabs button{
  color:#8b8f95!important;
}
.sike-app-landing-v42 .sike-v42-tabs button.active{
  background:#fff!important;
  color:#111318!important;
  box-shadow:0 4px 14px rgba(20,22,25,.08)!important;
}

/* Social login buttons: white frosted cells. */
.sike-app-landing-v42 .sike-v42-social-grid button{
  background:rgba(255,255,255,.76)!important;
  color:#1a1d21!important;
  border:1px solid rgba(20,22,25,.08)!important;
  box-shadow:0 5px 16px rgba(20,22,25,.045)!important;
}
.sike-app-landing-v42 .sike-v42-social-grid button:hover{
  background:#fff!important;
}

/* Divider and inputs. */
.sike-app-landing-v42 .sike-v42-divider{
  color:#858990!important;
}
.sike-app-landing-v42 .sike-v42-divider:before,
.sike-app-landing-v42 .sike-v42-divider:after{
  background:rgba(20,22,25,.10)!important;
}

.sike-app-landing-v42 .sike-v42-form label>span{
  color:#777c83!important;
}
.sike-app-landing-v42 .sike-v42-form input[type=text],
.sike-app-landing-v42 .sike-v42-form input[type=email],
.sike-app-landing-v42 .sike-v42-form input[type=password]{
  height:48px!important;
  border:1px solid rgba(20,22,25,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111318!important;
  box-shadow:inset 0 1px 1px rgba(18,20,23,.025)!important;
}
.sike-app-landing-v42 .sike-v42-form input::placeholder{
  color:#a1a5aa!important;
}
.sike-app-landing-v42 .sike-v42-form input:focus{
  background:#fff!important;
  border-color:rgba(255,96,52,.55)!important;
  box-shadow:0 0 0 4px rgba(255,96,52,.08)!important;
}
.sike-app-landing-v42 .sike-app-consent span{
  color:#7f8389!important;
}

/* Make the left device cards black/transparent instead of grey. */
.sike-app-landing-v42 .sike-v42-device-card{
  background:rgba(8,10,12,.50)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.sike-app-landing-v42 .sike-v42-feature-strip>span{
  background:rgba(8,10,12,.35)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* Bottom cards remain dark transparent and lightweight. */
.sike-app-landing-v42 .sike-v42-bottom article{
  background:rgba(9,11,14,.42)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* ------------------------- MOBILE ------------------------- */
@media(max-width:760px){
  .sike-app-landing-v42 .sike-v42-account{
    padding:18px!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(250,249,246,.98),rgba(233,233,230,.97))!important;
    box-shadow:
      0 20px 45px rgba(57,15,6,.17),
      inset 0 1px rgba(255,255,255,.90)!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
  .sike-app-landing-v42 .sike-v42-avatar{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-head h2,
  .sike-app-landing-v42 .sike-v42-auth-head h2{
    font-size:32px!important;
  }

  .sike-app-landing-v42 .sike-v42-account-meta{
    gap:6px!important;
  }
  .sike-app-landing-v42 .sike-v42-account-meta>div,
  .sike-app-landing-v42 .sike-v42-next-card{
    border-radius:13px!important;
  }

  .sike-app-landing-v42 .sike-v42-primary{
    min-height:50px!important;
  }

  .sike-app-landing-v42 .sike-v42-social-grid{
    gap:6px!important;
  }
}

/* Soundboks-style restraint: keep corners strong, no excessive glass glow. */
.sike-app-landing-v42 .sike-v42-account,
.sike-app-landing-v42 .sike-v42-account *{
  text-shadow:none!important;
}


/* ===================================================================
   SIKE V45 — COMPLETE APP PAGE REDESIGN
   =================================================================== */
body:has(.sike-app-v45){
  background:#ff6235!important;
}
.sike-app-v45{
  min-height:calc(100vh - 120px)!important;
  padding:30px 24px 72px!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,210,165,.18),transparent 27%),
    radial-gradient(circle at 86% 10%,rgba(236,45,50,.25),transparent 32%),
    linear-gradient(135deg,#ff8130 0%,#ff5c32 46%,#e92f38 100%)!important;
}
.sike-v45-wrap{
  width:min(1420px,100%)!important;
  margin:0 auto!important;
}

/* HERO */
.sike-v45-hero{
  min-height:510px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:16px!important;
}
.sike-v45-hero-copy,
.sike-v45-product-cluster{
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101216!important;
  box-shadow:0 28px 75px rgba(70,15,7,.18)!important;
}
.sike-v45-hero-copy{
  padding:48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(255,91,47,.14),transparent 28%),
    #101216!important;
}
.sike-v45-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:20px!important;
}
.sike-v45-eyebrow i{
  width:8px!important;height:8px!important;border-radius:50%!important;background:#31d47c!important;
  box-shadow:0 0 0 5px rgba(49,212,124,.08)!important;
}
.sike-v45-eyebrow span{
  color:#ff7548!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-v45-eyebrow b{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#1b1f24!important;
  color:#818892!important;
  font-size:6px!important;
  letter-spacing:.08em!important;
}
.sike-v45-hero-copy h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(64px,6.4vw,105px)!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
}
.sike-v45-hero-copy h1 em{
  color:#ff6840!important;
  font-style:normal!important;
}
.sike-v45-hero-copy>p{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#9299a3!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.sike-v45-quickpoints{
  display:flex!important;
  gap:9px!important;
  margin-top:28px!important;
}
.sike-v45-quickpoints>span{
  min-width:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:30px auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 8px!important;
  border:1px solid #282d34!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-v45-quickpoints i{
  grid-row:1/3!important;
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-v45-quickpoints b{color:#f1f2f3!important;font-size:8px!important}
.sike-v45-quickpoints small{color:#6d7580!important;font-size:6px!important}

/* PRODUCT CLUSTER */
.sike-v45-product-cluster{
  padding:18px!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:10px!important;
  background:
    linear-gradient(160deg,#16191e 0%,#0b0d10 100%)!important;
}
.sike-v45-product-main{
  position:relative!important;
  min-height:330px!important;
  padding:20px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #272c33!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,94,49,.09),transparent 40%),
    #0a0c0f!important;
}
.sike-v45-product-main>span{
  position:absolute!important;
  left:18px!important;top:16px!important;
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-product-main img{
  width:100%!important;
  height:245px!important;
  object-fit:contain!important;
  display:block!important;
  margin-top:10px!important;
}
.sike-v45-product-main strong{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.03em!important;
}
.sike-v45-product-main small{
  display:block!important;
  margin-top:3px!important;
  color:#747c86!important;
  font-size:8px!important;
}
.sike-v45-product-small{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.sike-v45-product-small>div{
  min-height:84px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid #282d34!important;
  background:#101318!important;
}
.sike-v45-product-small img{
  width:64px!important;height:64px!important;object-fit:contain!important;border-radius:10px!important;
  background:#090b0e!important;
}
.sike-v45-product-small b{display:block!important;color:#e7e9ec!important;font-size:8px!important}
.sike-v45-product-small small{display:block!important;margin-top:4px!important;color:#6c7480!important;font-size:6px!important}

/* LOWER CONTENT */
.sike-v45-content{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;
  gap:16px!important;
}
.sike-v45-info{
  padding:30px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(11,13,16,.88)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.14)!important;
}
.sike-v45-info-head>span{
  color:#ff7548!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-v45-info-head h2{
  margin:9px 0 0!important;
  color:#f6f4f0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
}
.sike-v45-info-head p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#828a94!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.sike-v45-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:22px!important;
}
.sike-v45-info-grid article{
  min-height:130px!important;
  padding:16px!important;
  border:1px solid #252a31!important;
  border-radius:16px!important;
  background:#0d1014!important;
}
.sike-v45-info-grid i{
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#ff663c!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
}
.sike-v45-info-grid h3{
  margin:14px 0 0!important;
  color:#eceef0!important;
  font-size:11px!important;
}
.sike-v45-info-grid p{
  margin:6px 0 0!important;
  color:#737b85!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* ACCOUNT CARD */
.sike-v45-account{
  padding:26px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  background:linear-gradient(180deg,#f7f6f3 0%,#e9e9e6 100%)!important;
  box-shadow:0 24px 65px rgba(70,15,7,.18)!important;
  color:#111318!important;
}
.sike-v45-account-status{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.sike-v45-avatar{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#ff7140,#ed3938)!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sike-v45-account-status span,
.sike-v45-auth-head>span,
.sike-v45-action-block>span{
  color:#ff5e38!important;
  font-size:7px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
}
.sike-v45-account-status h2,
.sike-v45-auth-head h2{
  margin:5px 0 0!important;
  color:#111318!important;
  font-size:34px!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}
.sike-v45-account-status p{
  margin:4px 0 0!important;
  color:#7a7f86!important;
  font-size:8px!important;
}
.sike-v45-account-status .online{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#32cc78!important;
  box-shadow:0 0 0 5px rgba(50,204,120,.10)!important;
}
.sike-v45-account-lines{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-v45-account-lines>div{
  padding:13px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-account-lines span{
  display:block!important;color:#8b8f95!important;font-size:6px!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.sike-v45-account-lines b{
  display:block!important;margin-top:5px!important;color:#1a1c20!important;font-size:9px!important;
}
.sike-v45-account-lines .green{color:#23b86d!important}
.sike-v45-action-block{
  margin-top:9px!important;
  padding:17px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
}
.sike-v45-action-block h3{
  margin:7px 0 0!important;
  color:#17191d!important;
  font-size:19px!important;
}
.sike-v45-action-block p,
.sike-v45-auth-head p{
  margin:8px 0 0!important;
  color:#777d84!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.sike-v45-primary{
  width:100%!important;
  min-height:50px!important;
  margin-top:14px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#ff6c3d,#ee3938)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(234,65,47,.18)!important;
}
.sike-v45-primary b{font-size:17px!important}
.sike-v45-signout{
  display:block!important;
  width:max-content!important;
  margin:12px auto 0!important;
  color:#777c83!important;
  font-size:7px!important;
  text-decoration:none!important;
}

/* AUTH */
.sike-v45-tabs{
  margin:18px 0 12px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(18,20,24,.08)!important;
}
.sike-v45-tabs button{color:#858990!important}
.sike-v45-tabs button.active{
  background:#fff!important;color:#111318!important;box-shadow:0 4px 12px rgba(18,20,24,.07)!important;
}
.sike-v45-socials{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.sike-v45-socials form{margin:0!important}
.sike-v45-socials button{
  width:100%!important;min-height:42px!important;
  border:1px solid rgba(18,20,24,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  color:#1a1d21!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.sike-v45-socials i{font-size:13px!important;font-style:normal!important}
.sike-v45-socials span{font-size:7px!important;font-weight:800!important}
.sike-v45-divider{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin:12px 0!important;color:#858990!important;font-size:6px!important;
}
.sike-v45-divider:before,.sike-v45-divider:after{
  content:""!important;flex:1!important;height:1px!important;background:rgba(18,20,24,.10)!important;
}
.sike-v45-form label>span{color:#777c83!important}
.sike-v45-form input[type=text],
.sike-v45-form input[type=email],
.sike-v45-form input[type=password]{
  height:46px!important;
  border-radius:12px!important;
  border:1px solid rgba(18,20,24,.10)!important;
  background:rgba(255,255,255,.75)!important;
  color:#111318!important;
}
.sike-v45-form input::placeholder{color:#a1a4a8!important}
.sike-v45-form input:focus{
  border-color:rgba(255,97,53,.55)!important;
  box-shadow:0 0 0 4px rgba(255,97,53,.08)!important;
  background:#fff!important;
}
.sike-v45-account .sike-app-consent span{color:#7d8288!important}

/* MOBILE */
@media(max-width:760px){
  .sike-app-v45{
    padding:10px 8px 78px!important;
  }
  .sike-v45-hero,
  .sike-v45-content{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .sike-v45-hero{
    min-height:0!important;
  }
  .sike-v45-hero-copy,
  .sike-v45-product-cluster,
  .sike-v45-info,
  .sike-v45-account{
    border-radius:20px!important;
  }
  .sike-v45-hero-copy{
    padding:24px 18px!important;
  }
  .sike-v45-hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
  }
  .sike-v45-hero-copy>p{
    margin-top:16px!important;
    font-size:12px!important;
  }
  .sike-v45-quickpoints{
    gap:5px!important;
    margin-top:18px!important;
  }
  .sike-v45-quickpoints>span{
    min-width:0!important;
    flex:1!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    padding:8px!important;
  }
  .sike-v45-quickpoints i{grid-row:auto!important}
  .sike-v45-quickpoints small{display:none!important}

  .sike-v45-product-main{
    min-height:230px!important;
  }
  .sike-v45-product-main img{
    height:170px!important;
  }
  .sike-v45-product-small>div{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:70px!important;
  }
  .sike-v45-product-small img{
    width:48px!important;height:48px!important;
  }

  .sike-v45-info{
    padding:18px!important;
  }
  .sike-v45-info-head h2{
    font-size:30px!important;
  }
  .sike-v45-info-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-v45-info-grid article{
    min-height:110px!important;
    padding:13px!important;
  }

  .sike-v45-account{
    padding:18px!important;
  }
  .sike-v45-account-status{
    grid-template-columns:46px minmax(0,1fr) auto!important;
  }
  .sike-v45-avatar{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .sike-v45-account-status h2,
  .sike-v45-auth-head h2{
    font-size:30px!important;
  }
}

@media(max-width:390px){
  .sike-v45-hero-copy h1{font-size:43px!important}
  .sike-v45-info-grid{grid-template-columns:1fr!important}
  .sike-v45-socials{grid-template-columns:1fr!important}
}


/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* ===================================================================
   SIKE V46 — DEVICE DECK / TEAMUP LOWER DASHBOARD
   Inspired by compact stacked hardware controls, adapted to SIKE style.
   =================================================================== */
.sike-device-deck{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid #292d33!important;
  background:#0c0f13!important;
}
.sike-device-deck-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:13px!important;
}
.sike-device-deck-head>div>span{
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.sike-device-deck-head h3{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-device-add{
  width:38px!important;height:38px!important;
  border:1px solid #2d3239!important;
  border-radius:12px!important;
  background:#13171c!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.sike-team-card{
  padding:12px!important;
  border:1px solid #262b31!important;
  border-radius:18px!important;
  background:#13171b!important;
}
.sike-team-top,
.sike-linked-role{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:25px!important;
}
.sike-team-role,
.sike-linked-role{
  color:#8c949e!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-role i,
.sike-linked-role i{
  display:inline-block!important;
  width:8px!important;height:8px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  border:1px solid #89919a!important;
}
.sike-team-role button,
.sike-linked-role button,
.sike-team-collapse{
  border:0!important;
  background:transparent!important;
  color:#7f8791!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.sike-team-banner,
.sike-linked-banner{
  min-height:58px!important;
  display:grid!important;
  align-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#ff1f53 0%,#ed183e 48%,#cb0b38 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.sike-team-banner{
  grid-template-columns:minmax(0,1fr) 72px!important;
  padding-left:18px!important;
}
.sike-team-banner strong{
  display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;
}
.sike-team-banner span{
  display:block!important;margin-top:4px!important;color:#ffe8ee!important;font-size:9px!important;font-weight:700!important;
}
.sike-team-banner>b{
  height:100%!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.34)!important;
  color:#fff!important;
  font-size:34px!important;
  font-style:italic!important;
}
.sike-team-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:8px 0 10px!important;
}
.sike-team-actions button{
  min-height:36px!important;
  border:1px solid #2c3137!important;
  border-radius:8px!important;
  background:#25292e!important;
  color:#e5e7ea!important;
  font-size:8px!important;
  font-weight:800!important;
}
.sike-team-devices{
  display:grid!important;
  gap:10px!important;
}
.sike-linked-device{
  padding-top:4px!important;
  border-top:1px solid #252a30!important;
}
.sike-linked-banner{
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  margin-top:5px!important;
  padding:0!important;
}
.sike-linked-banner img{
  width:54px!important;height:54px!important;
  margin-left:5px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.18)!important;
}
.sike-linked-banner strong{
  display:block!important;color:#fff!important;font-size:13px!important;
}
.sike-linked-banner span{
  display:block!important;margin-top:3px!important;color:#ffe2e8!important;font-size:8px!important;
}
.sike-linked-banner>b{
  height:58px!important;
  display:grid!important;place-items:center!important;
  background:rgba(20,22,25,.28)!important;
  color:#fff!important;
  font-size:26px!important;
  font-style:italic!important;
}
.sike-linked-device.powercell .sike-linked-banner{
  background:linear-gradient(100deg,#22272d 0%,#15191e 65%,#0d1014 100%)!important;
}
.sike-linked-device.powercell .sike-linked-banner>b{
  font-size:16px!important;
  font-style:normal!important;
}
.sike-linked-controls{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin-top:8px!important;
}
.sike-linked-controls.three{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-linked-controls button{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid #2b3037!important;
  border-radius:10px!important;
  background:#22262b!important;
  color:#d8dce1!important;
  cursor:pointer!important;
}
.sike-linked-controls i{
  font-size:18px!important;
  font-style:normal!important;
}
.sike-linked-controls span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  font-weight:700!important;
}
.sike-linked-controls button:hover{
  background:#2a2f35!important;
  border-color:#3b424b!important;
}
.sike-device-deck-footer{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-top:10px!important;
}
.sike-device-deck-footer button{
  min-height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #292e35!important;
  border-radius:11px!important;
  background:#111419!important;
  color:#d8dce0!important;
}
.sike-device-deck-footer span{font-size:8px!important;font-weight:800!important}
.sike-device-deck-footer em{font-size:16px!important;color:#727b86!important;font-style:normal!important}
.sike-team-card.collapsed .sike-team-actions{margin-bottom:0!important}

/* Desktop: make the lower section feel like a compact hardware console. */
@media(min-width:900px){
  .sike-device-deck{
    padding:20px!important;
  }
  .sike-team-devices{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:10px!important;
  }
  .sike-linked-device{
    border-top:0!important;
    border-left:1px solid #252a30!important;
    padding:0 0 0 10px!important;
  }
  .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }
  .sike-team-card{
    padding:14px!important;
  }
}

/* Mobile follows the stacked reference much more closely. */
@media(max-width:760px){
  .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .sike-device-deck-head h3{
    font-size:23px!important;
  }
  .sike-team-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  .sike-team-banner{
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    padding-left:14px!important;
  }
  .sike-team-banner strong{font-size:18px!important}
  .sike-team-banner>b{font-size:28px!important}
  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .sike-linked-banner{
    grid-template-columns:56px minmax(0,1fr) 58px!important;
    min-height:56px!important;
  }
  .sike-linked-banner img{
    width:47px!important;height:47px!important;
  }
  .sike-linked-banner>b{
    height:56px!important;
    font-size:24px!important;
  }
  .sike-linked-controls{
    gap:5px!important;
  }
  .sike-linked-controls button{
    min-height:54px!important;
    border-radius:9px!important;
  }
  .sike-linked-controls i{
    font-size:16px!important;
  }
  .sike-linked-controls span{
    font-size:6px!important;
  }
  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
}


/* ===================================================================
   SIKE V47 — DESKTOP DEVICE DECK FIX + PREMIUM MOTION
   =================================================================== */

/* Fix the desktop right-column overflow seen in V46. */
.sike-device-deck{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sike-team-card,
.sike-team-devices,
.sike-linked-device,
.sike-linked-banner,
.sike-linked-controls,
.sike-device-deck-footer{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: stack devices vertically inside the narrow right column.
   This prevents the POWERCELL and device buttons from clipping off-screen. */
@media(min-width:900px){
  .sike-device-deck{
    padding:18px!important;
    border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(20,23,28,.97),rgba(11,13,17,.98))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:
      0 26px 60px rgba(0,0,0,.22),
      inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-card{
    padding:13px!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,#171b20 0%,#111419 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }

  .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sike-linked-device{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-linked-device:first-child{
    padding-top:5px!important;
    border-top:0!important;
  }

  .sike-linked-banner{
    grid-template-columns:66px minmax(0,1fr) 64px!important;
    width:100%!important;
  }

  .sike-linked-controls{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sike-linked-controls.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .sike-linked-controls button{
    min-width:0!important;
    padding:7px 4px!important;
  }

  .sike-device-deck-footer{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* Wider desktop layouts can use 2-column device cards without clipping. */
@media(min-width:1500px){
  .sike-team-devices{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }
}

/* Premium glass header/details */
.sike-device-deck-head{
  margin-bottom:15px!important;
}
.sike-device-deck-head h3{
  font-size:27px!important;
  letter-spacing:-.045em!important;
}
.sike-device-add{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1d2228,#11151a)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.04)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sike-device-add:hover{
  transform:translateY(-2px) scale(1.02)!important;
  border-color:rgba(255,105,61,.45)!important;
  background:linear-gradient(180deg,#252b32,#15191f)!important;
}

/* Team banner gets a more premium SIKE red/orange gradient. */
.sike-team-banner,
.sike-linked-device:not(.powercell) .sike-linked-banner{
  background:
    linear-gradient(105deg,#ff335a 0%,#f51f47 48%,#b81235 100%)!important;
  position:relative!important;
}
.sike-team-banner:after,
.sike-linked-device:not(.powercell) .sike-linked-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,transparent 15%,rgba(255,255,255,.09) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  animation:sikeDeckSheen 5.8s ease-in-out infinite!important;
}
@keyframes sikeDeckSheen{
  0%,72%{transform:translateX(-120%);opacity:0}
  78%{opacity:.8}
  92%{transform:translateX(120%);opacity:.45}
  100%{transform:translateX(120%);opacity:0}
}

/* Powercell card gets elegant neutral hardware styling. */
.sike-linked-device.powercell .sike-linked-banner{
  background:
    linear-gradient(105deg,#252a31 0%,#161a20 56%,#0b0e12 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Buttons feel less blocky and more polished. */
.sike-linked-controls button,
.sike-team-actions button,
.sike-device-deck-footer button{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.08)!important;
  background:
    linear-gradient(180deg,#24292f,#1b1f24)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.08)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}
.sike-linked-controls button:hover,
.sike-team-actions button:hover,
.sike-device-deck-footer button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,105,61,.28)!important;
  background:linear-gradient(180deg,#2a3037,#20252b)!important;
}
.sike-linked-controls button:active,
.sike-team-actions button:active,
.sike-device-deck-footer button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Device image cards */
.sike-linked-banner img{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Subtle entrance motion when section appears. */
.sike-device-deck{
  animation:sikeDeckEnter .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeDeckEnter{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-linked-device{
  animation:sikeDeviceEnter .38s ease both!important;
}
.sike-linked-device:nth-child(2){animation-delay:.05s!important}
.sike-linked-device:nth-child(3){animation-delay:.10s!important}
@keyframes sikeDeviceEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Make the surrounding dashboard bottom more balanced on desktop. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"]{
    padding-bottom:118px!important;
  }

  /* Ensure right-side cards never exceed their grid column. */
  .sike-ios-view[data-view="home"] > *,
  .sike-ios-dashboard > *,
  .sike-ios-home-grid > *{
    min-width:0!important;
  }
}

/* Desktop player: more premium, less visually heavy. */
@media(min-width:900px){
  .sike-global-player,
  .sike-music-global-player,
  [data-global-player]{
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    background:rgba(5,7,9,.94)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -16px 44px rgba(0,0,0,.22)!important;
  }
}

/* Mobile remains stacked and compact. */
@media(max-width:760px){
  .sike-device-deck{
    overflow:visible!important;
    box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
  }
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation-duration:7s!important;
  }
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .sike-device-deck,
  .sike-linked-device,
  .sike-team-banner:after,
  .sike-linked-device:not(.powercell) .sike-linked-banner:after{
    animation:none!important;
  }
}

.sike-device-add.scanning{
  color:#ff7046!important;
  animation:sikeScanPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeScanPulse{
  from{transform:scale(.94);box-shadow:0 0 0 rgba(255,105,61,0)}
  to{transform:scale(1.04);box-shadow:0 0 0 7px rgba(255,105,61,.07)}
}


/* ===================================================================
   SIKE V48 — DEVICES SECTION MOVED INTO MAIN LEFT AREA
   =================================================================== */

/* Main-area device section now spans the left content width. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(18,21,25,.98),rgba(10,12,15,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* In the left/main area, use a wider professional layout. */
@media(min-width:1100px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-card{
    padding:15px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    padding:0 0 0 12px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device:first-child{
    border-left:0!important;
    padding-left:0!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Standard laptop widths: two columns, powercell full row. */
@media(min-width:900px) and (max-width:1099px){
  .sike-ios-view[data-view="home"] .sike-device-deck .sike-team-devices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-device.powercell{
    grid-column:1 / -1!important;
  }

  .sike-ios-view[data-view="home"] .sike-device-deck .sike-device-deck-footer{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Slightly larger cards now that we have more horizontal space. */
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner{
  min-height:64px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-banner img{
  width:58px!important;
  height:58px!important;
}
.sike-ios-view[data-view="home"] .sike-device-deck .sike-linked-controls button{
  min-height:62px!important;
}

/* Keep animations clean but restrained. */
.sike-ios-view[data-view="home"] .sike-device-deck{
  animation:sikeDeckEnterV48 .38s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeDeckEnterV48{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Mobile stays stacked and full width. */
@media(max-width:760px){
  .sike-ios-view[data-view="home"] .sike-device-deck{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}


/* ===================================================================
   SIKE V49 — LIVE PLAYBACK ANALYTICS
   =================================================================== */
.sike-live-analytics{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,54,.075),transparent 28%),
    linear-gradient(180deg,#15181d 0%,#0d1014 100%)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.16),
    inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:sikeAnalyticsIn .42s cubic-bezier(.2,.75,.25,1) both!important;
}
@keyframes sikeAnalyticsIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.sike-analytics-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-analytics-head>div:first-child>span{
  color:#ff6c42!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-analytics-head h3{
  margin:5px 0 0!important;
  color:#f6f5f2!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-analytics-head small{
  display:block!important;
  margin-top:6px!important;
  color:#727b86!important;
  font-size:7px!important;
}
.sike-analytics-live{
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:#0c1014!important;
  border:1px solid #293038!important;
}
.sike-analytics-live i{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#33d27c!important;
  box-shadow:0 0 0 4px rgba(51,210,124,.08)!important;
  animation:sikeLiveDot 1.1s ease-in-out infinite alternate!important;
}
@keyframes sikeLiveDot{to{opacity:.42;transform:scale(.82)}}
.sike-analytics-live b{
  color:#b8bec5!important;
  font-size:6px!important;
  letter-spacing:.12em!important;
}

.sike-analytics-summary{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:7px!important;
  margin-top:14px!important;
}
.sike-analytics-summary>div{
  min-width:0!important;
  padding:11px!important;
  border-radius:13px!important;
  background:#0b0e12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-analytics-summary span{
  display:block!important;
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-analytics-summary strong{
  display:block!important;
  margin-top:5px!important;
  color:#f7f6f3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.sike-analytics-summary small{
  display:block!important;
  margin-top:4px!important;
  color:#535c66!important;
  font-size:5.5px!important;
}

.sike-analytics-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin-top:13px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-tabs button{
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#717a85!important;
  font-size:6.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-analytics-tabs button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(234,59,56,.14)!important;
}

.sike-analytics-chart-wrap{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(255,105,61,.025),transparent),
    #090c10!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-chart-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.sike-chart-meta span{
  color:#68727c!important;
  font-size:5.5px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.sike-chart-meta strong{
  color:#ff754a!important;
  font-size:10px!important;
}
.sike-analytics-chart-wrap canvas{
  display:block!important;
  width:100%!important;
  height:142px!important;
  margin-top:8px!important;
}
.sike-chart-axis{
  display:flex!important;
  justify-content:space-between!important;
  color:#454e58!important;
  font-size:5px!important;
  letter-spacing:.08em!important;
}

.sike-analytics-foot{
  margin-top:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-analytics-session{
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-analytics-session>span{
  color:#626b75!important;
  font-size:5.5px!important;
  letter-spacing:.1em!important;
  font-weight:900!important;
}
.sike-analytics-session strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:16px!important;
}
.sike-analytics-session small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68717c!important;
  font-size:6px!important;
}
.sike-analytics-foot>button{
  min-width:72px!important;
  border:1px solid #2a3037!important;
  border-radius:13px!important;
  background:#11151a!important;
  color:#858e98!important;
  font-size:6px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.sike-analytics-foot>button:hover{
  color:#fff!important;
  border-color:rgba(255,105,61,.28)!important;
}

.sike-recent-playback{
  margin-top:9px!important;
  padding:11px!important;
  border-radius:14px!important;
  background:#0a0d11!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.sike-recent-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.sike-recent-title span{
  color:#69727d!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-recent-title small{
  color:#4f5862!important;
  font-size:5.5px!important;
}
.sike-recent-list{
  margin-top:7px!important;
}
.sike-recent-list .empty{
  padding:9px 0!important;
  color:#515a64!important;
  font-size:6px!important;
}
.sike-recent-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-recent-row:first-child{border-top:0!important}
.sike-recent-row span{min-width:0!important}
.sike-recent-row b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#cfd3d8!important;
  font-size:6.5px!important;
}
.sike-recent-row small{
  display:block!important;
  margin-top:2px!important;
  color:#555f69!important;
  font-size:5.5px!important;
}
.sike-recent-row em{
  min-width:28px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#151a20!important;
  color:#8a929c!important;
  font-size:6px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.sike-analytics-note{
  margin:8px 2px 0!important;
  color:#48515a!important;
  font-size:5.3px!important;
  line-height:1.45!important;
}

/* Hide telemetry when there are no paired devices, same behavior as the rest of home. */
.no-devices [data-view="home"]>.sike-live-analytics{display:none!important}

/* Standard desktop right-column placement: directly under speaker/POWERCELL controls. */
@media(min-width:1051px){
  .sike-live-analytics{
    grid-column:2!important;
    align-self:start!important;
  }
}

/* Tablet: full width. */
@media(max-width:1050px){
  .sike-live-analytics{
    grid-column:1!important;
    margin-top:10px!important;
  }
  .sike-analytics-summary{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Phone: compact, swipe-free tabs and short graph. */
@media(max-width:720px){
  .sike-live-analytics{
    margin-top:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sike-analytics-head h3{font-size:22px!important}
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-chart-wrap canvas{
    height:118px!important;
  }
  .sike-analytics-tabs button{
    min-height:34px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sike-live-analytics,
  .sike-analytics-live i{
    animation:none!important;
  }
}


/* ===================================================================
   SIKE V50 — REMOVE CONNECTED DEVICE + SUPPORT QUICK LINK
   =================================================================== */

/* Connected cards now have a dedicated remove control without nesting buttons. */
.sike-connected-device-wrap{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.sike-connected-device-wrap[hidden]{display:none!important}
.sike-connected-device-wrap .sike-connected-device-card{
  width:100%!important;
  height:100%!important;
  min-height:74px!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
}
.sike-device-remove{
  position:absolute!important;
  z-index:8!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,12,.38)!important;
  color:#b7bdc5!important;
  font-size:16px!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:.62!important;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sike-connected-device-wrap:hover .sike-device-remove,
.sike-device-remove:focus-visible{
  opacity:1!important;
}
.sike-device-remove:hover{
  transform:translateY(-50%) scale(1.04)!important;
  color:#fff!important;
  background:rgba(238,56,55,.82)!important;
  border-color:rgba(255,125,101,.40)!important;
}

/* Quick Support / FAQ card inside device strip. */
.sike-device-support-link{
  min-width:0!important;
  min-height:74px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 46%),
    #12161b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-device-support-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,110,63,.30)!important;
  background:#171b20!important;
}
.sike-support-icon{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0b0e12!important;
  color:#ff7046!important;
  font-size:17px!important;
  font-weight:900!important;
}
.sike-device-support-link small{
  display:block!important;
  color:#ff7046!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.sike-device-support-link strong{
  display:block!important;
  margin-top:3px!important;
  color:#e9ebee!important;
  font-size:10px!important;
}
.sike-device-support-link em{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#656f79!important;
  font-size:5.8px!important;
  font-style:normal!important;
}
.sike-device-support-link>b{
  color:#6f7882!important;
  font-size:14px!important;
}

/* The device strip can now hold scan + up to 3 connected devices + support cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,.88fr)) minmax(190px,.78fr)!important;
  }
}
@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(240px,.9fr) repeat(2,minmax(185px,1fr))!important;
  }
  .sike-device-support-link{
    min-height:68px!important;
  }
}

/* Confirmation modal */
.sike-remove-modal{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  padding:20px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  background:rgba(2,4,7,.66)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal.show{opacity:1!important}
.sike-remove-dialog{
  position:relative!important;
  width:min(420px,100%)!important;
  padding:24px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(255,94,50,.08),transparent 34%),
    linear-gradient(180deg,#171a1f,#0d1014)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  transform:translateY(10px) scale(.985)!important;
  transition:transform .18s ease!important;
}
.sike-remove-modal.show .sike-remove-dialog{
  transform:translateY(0) scale(1)!important;
}
.sike-remove-close{
  position:absolute!important;
  right:14px!important;top:14px!important;
  width:32px!important;height:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:#0c0f13!important;
  color:#8b939c!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.sike-remove-icon{
  width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:rgba(238,54,55,.11)!important;
  border:1px solid rgba(255,88,74,.18)!important;
  color:#ff5d4c!important;
  font-size:25px!important;
  font-weight:700!important;
}
.sike-remove-dialog>span{
  display:block!important;
  margin-top:18px!important;
  color:#ff6840!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-remove-dialog h3{
  margin:7px 0 0!important;
  color:#f7f5f1!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.sike-remove-dialog p{
  margin:12px 0 0!important;
  color:#7d8590!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.sike-remove-dialog p b{color:#cfd3d8!important}
.sike-remove-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:20px!important;
}
.sike-remove-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171b20!important;
  color:#d7dbe0!important;
  font-size:8px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-remove-actions button.danger{
  background:linear-gradient(135deg,#ff5f3b,#e9373a)!important;
  color:#fff!important;
  border-color:rgba(255,136,109,.22)!important;
}
.sike-remove-dialog>a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  color:#747d87!important;
  font-size:7px!important;
  text-decoration:none!important;
}
.sike-remove-dialog>a:hover{color:#ff7548!important}
body.sike-modal-open{overflow:hidden!important}

/* Tablet/mobile: support joins the horizontal carousel and remove is always visible. */
@media(max-width:900px){
  .sike-connected-device-wrap{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    scroll-snap-align:start!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    width:100%!important;
    min-width:0!important;
  }
  .sike-device-support-link{
    flex:0 0 190px!important;
    min-width:190px!important;
    scroll-snap-align:start!important;
  }
  .sike-device-remove{
    opacity:.90!important;
    right:7px!important;
    top:9px!important;
    transform:none!important;
    width:25px!important;height:25px!important;
  }
  .sike-device-remove:hover{
    transform:scale(1.04)!important;
  }
}
@media(max-width:720px){
  .sike-connected-device-wrap{
    flex-basis:142px!important;
    width:142px!important;
    min-width:142px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:62px!important;
    padding-right:34px!important;
  }
  .sike-device-support-link{
    min-height:62px!important;
    flex-basis:180px!important;
    min-width:180px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .sike-support-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .sike-remove-modal{padding:12px!important}
  .sike-remove-dialog{padding:20px!important;border-radius:20px!important}
  .sike-remove-dialog h3{font-size:27px!important}
}


/* ===================================================================
   SIKE V51 — COMPACT / CLEAN "MY DEVICES" HEADER
   =================================================================== */

/* Pull the whole top dashboard area together. */
.sike-ios-topbar{
  min-height:64px!important;
  padding:0 4px 10px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.sike-app-dashboard-title{
  min-width:0!important;
  padding-top:2px!important;
}
.sike-app-dashboard-title>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#ff7146!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title h1{
  margin:0!important;
  color:#f7f5f1!important;
  font-size:clamp(28px,2.7vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.sike-app-dashboard-title small{
  display:block!important;
  margin-top:7px!important;
  color:#7d858f!important;
  font-size:8px!important;
  line-height:1.25!important;
}

/* Top-right controls become tighter and cleaner. */
.sike-ios-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding-top:1px!important;
}
.sike-ios-account-pill{
  min-height:38px!important;
  padding:4px 10px 4px 5px!important;
  border-radius:13px!important;
}
.sike-ios-account-pill>span{
  width:29px!important;
  height:29px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.sike-ios-demo-pill{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:7px!important;
}
.sike-ios-circle{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}

/* Device strip: shorter, cleaner, equal-height cards. */
.sike-device-strip{
  margin-top:4px!important;
  gap:8px!important;
  align-items:stretch!important;
}
.sike-scan-device-card,
.sike-connected-device-wrap,
.sike-device-support-link{
  min-height:62px!important;
  height:62px!important;
}

/* Scan card */
.sike-scan-device-card{
  padding:7px 10px!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  gap:9px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,135,67,.15),transparent 40%),
    linear-gradient(135deg,#191619,#111419 65%,#0e1115 100%)!important;
  box-shadow:none!important;
}
.sike-scan-radar{
  width:39px!important;
  height:39px!important;
  border-radius:12px!important;
}
.sike-scan-copy small{
  font-size:5.5px!important;
  letter-spacing:.10em!important;
}
.sike-scan-copy strong{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-scan-copy em{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-scan-action{
  min-width:48px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  font-size:5.5px!important;
}

/* Connected device card */
.sike-connected-device-wrap .sike-connected-device-card{
  min-height:62px!important;
  height:62px!important;
  padding:7px 38px 7px 9px!important;
  border-radius:15px!important;
}
.sike-connected-device-card .device-thumb{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}
.sike-connected-device-card .device-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.sike-connected-device-card strong{
  font-size:9px!important;
  line-height:1.05!important;
}
.sike-connected-device-card small{
  margin-top:3px!important;
  font-size:5.8px!important;
}
.sike-connected-device-card>i{
  width:7px!important;
  height:7px!important;
}

/* Smaller remove button, still easy to hit. */
.sike-device-remove{
  width:24px!important;
  height:24px!important;
  right:8px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

/* Support card now behaves like a compact quick-link rather than another hero card. */
.sike-device-support-link{
  padding:7px 9px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.sike-support-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.sike-device-support-link small{
  font-size:5px!important;
}
.sike-device-support-link strong{
  margin-top:2px!important;
  font-size:8.5px!important;
}
.sike-device-support-link em{
  margin-top:2px!important;
  font-size:5.3px!important;
}
.sike-device-support-link>b{
  font-size:12px!important;
}

/* Reduce empty visual air between device row and the main product card. */
.sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
}

/* Large desktop: make the whole header row feel like a unified compact control bar. */
@media(min-width:1200px){
  .sike-ios-topbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(170px,.92fr)) minmax(180px,.72fr)!important;
  }
}

/* Medium desktop: keep support clean and avoid over-wide spacing. */
@media(max-width:1380px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(170px,1fr))!important;
  }
  .sike-device-support-link{
    min-width:180px!important;
  }
}

/* Mobile: one compact title row and smaller carousel cards. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:54px!important;
    padding:8px 2px 8px!important;
    align-items:center!important;
  }
  .sike-app-dashboard-title>span,
  .sike-app-dashboard-title small{
    display:none!important;
  }
  .sike-app-dashboard-title h1{
    font-size:27px!important;
    line-height:1!important;
  }
  .sike-ios-top-actions{
    gap:5px!important;
  }
  .sike-ios-account-pill{
    min-height:34px!important;
    padding-right:7px!important;
  }
  .sike-ios-account-pill>span{
    width:26px!important;
    height:26px!important;
  }
  .sike-ios-demo-pill{
    display:none!important;
  }
  .sike-ios-circle{
    width:34px!important;
    height:34px!important;
  }

  .sike-device-strip{
    padding:5px 0 3px!important;
    gap:6px!important;
  }
  .sike-scan-device-card,
  .sike-connected-device-wrap,
  .sike-device-support-link{
    min-height:56px!important;
    height:56px!important;
  }
  .sike-scan-device-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
  }
  .sike-scan-radar{
    width:36px!important;
    height:36px!important;
  }
  .sike-connected-device-wrap{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
  .sike-connected-device-wrap .sike-connected-device-card{
    min-height:56px!important;
    height:56px!important;
    padding-left:7px!important;
  }
  .sike-connected-device-card .device-thumb{
    width:38px!important;
    height:38px!important;
  }
  .sike-device-support-link{
    flex-basis:164px!important;
    min-width:164px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  .sike-support-icon{
    width:34px!important;
    height:34px!important;
  }
}

/* Very small phones: keep My devices on one line and avoid vertical bloat. */
@media(max-width:390px){
  .sike-app-dashboard-title h1{
    font-size:24px!important;
  }
  .sike-ios-topbar{
    gap:8px!important;
  }
  .sike-ios-account-pill{
    max-width:104px!important;
    overflow:hidden!important;
  }
}


/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* ===================================================================
   SIKE V52 — REMOVE TOP SUPPORT CARD + MOVE DASHBOARD UP
   =================================================================== */

/* Remove extra vertical breathing room above My devices. */
.sike-ios-app-shell,
.sike-ios-main,
.sike-ios-content{
  padding-top:0!important;
}

.sike-ios-topbar{
  min-height:54px!important;
  padding-top:0!important;
  padding-bottom:6px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sike-app-dashboard-title{
  padding-top:0!important;
}
.sike-app-dashboard-title>span{
  margin-bottom:4px!important;
}
.sike-app-dashboard-title small{
  margin-top:5px!important;
}

/* Move connected device controls directly under the compact title. */
.sike-device-strip{
  margin-top:0!important;
  margin-bottom:7px!important;
}
.sike-ios-device-switcher{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Pull the main SIKE ONE + right-side controls upward. */
.sike-ios-view[data-view="home"]{
  margin-top:0!important;
  padding-top:0!important;
}
.sike-ios-view[data-view="home"] > .sike-ios-dashboard,
.sike-ios-dashboard,
.sike-ios-home-grid{
  margin-top:0!important;
  padding-top:0!important;
}

/* A slightly tighter gap between top device strip and primary dashboard card. */
.sike-ios-speaker-card,
.sike-ios-main-speaker-card,
.sike-ios-product-card{
  margin-top:0!important;
}

/* With Support removed, redistribute top cards cleanly. */
@media(min-width:1390px){
  .sike-device-strip{
    grid-template-columns:minmax(230px,.82fr) repeat(3,minmax(180px,.95fr))!important;
    max-width:940px!important;
  }
}

@media(max-width:1389px) and (min-width:901px){
  .sike-device-strip{
    grid-template-columns:minmax(225px,.9fr) repeat(2,minmax(180px,1fr))!important;
    max-width:820px!important;
  }
}

/* Desktop app container itself sits closer to the top edge. */
@media(min-width:901px){
  .sike-ios-shell{
    padding-top:18px!important;
  }
  .sike-ios-topbar + .sike-device-strip{
    margin-top:1px!important;
  }
}

/* Mobile: remove unnecessary top whitespace too. */
@media(max-width:720px){
  .sike-ios-topbar{
    min-height:48px!important;
    padding:4px 2px 5px!important;
  }
  .sike-device-strip{
    margin-top:0!important;
    margin-bottom:5px!important;
    padding-top:2px!important;
  }
  .sike-ios-device-switcher{
    margin-bottom:6px!important;
  }
}


/* ===================================================================
   SIKE V53 — DUAL BATTERY / VOLTAGE / 350W RMS TELEMETRY
   =================================================================== */
.sike-battery-detect{
  margin:12px 0 2px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  background:#0b0e12!important;
}
.sike-battery-detect>div:first-child>span{
  display:block!important;
  color:#ff6d42!important;
  font-size:5.5px!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
}
.sike-battery-detect strong{
  display:block!important;
  margin-top:4px!important;
  color:#f1f2f3!important;
  font-size:10px!important;
}
.sike-battery-detect small{
  display:block!important;
  margin-top:3px!important;
  color:#59626c!important;
  font-size:5.5px!important;
}
.sike-battery-count-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#080b0f!important;
}
.sike-battery-count-switch button{
  width:34px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#69737d!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-battery-count-switch button.active{
  background:linear-gradient(135deg,#ff6a3e,#e93b39)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,59,57,.15)!important;
}

/* Six battery info cells fit neatly in two rows. */
.sike-ios-battery-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.sike-ios-battery-grid>div{
  min-width:0!important;
}

/* V53 adds Voltage as the fifth live analytics tab. */
.sike-analytics-tabs{
  grid-template-columns:repeat(5,1fr)!important;
}

/* Five analytics summary cards: 3 + 2 on desktop right column. */
.sike-analytics-summary{
  grid-template-columns:repeat(2,1fr)!important;
}
.sike-analytics-summary>div:last-child{
  grid-column:1 / -1!important;
}

@media(max-width:1050px){
  .sike-analytics-summary{
    grid-template-columns:repeat(5,1fr)!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:auto!important;
  }
}
@media(max-width:720px){
  .sike-analytics-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .sike-analytics-summary>div:last-child{
    grid-column:1 / -1!important;
  }
  .sike-battery-detect{
    padding:9px!important;
  }
  .sike-ios-battery-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}


/* ===================================================================
   SIKE V54 — POWERCELL DEDICATED CONTROL CENTER
   Each product now feels like its own mini-app/control panel.
   =================================================================== */
.sike-open-battery-center{
  width:100%!important;
  min-height:42px!important;
  margin-top:11px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0b0e12!important;
  color:#d9dde1!important;
  cursor:pointer!important;
}
.sike-open-battery-center span{font-size:8px!important;font-weight:850!important}
.sike-open-battery-center b{color:#ff7046!important;font-size:7px!important}

.sike-battery-control-view{
  padding-bottom:120px!important;
}
.sike-battery-live-pill{
  min-height:28px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#0d1014!important;
  color:#7e8791!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.sike-battery-live-pill i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#32d17a!important;
  box-shadow:0 0 0 4px rgba(50,209,122,.08)!important;
  animation:sikeBatteryLive 1.2s ease-in-out infinite alternate!important;
}
@keyframes sikeBatteryLive{to{opacity:.45;transform:scale(.84)}}

.sike-battery-dashboard{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sike-battery-hero{
  grid-column:1 / -1!important;
  min-height:270px!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:1fr auto!important;
  gap:10px 18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 72% 36%,rgba(255,104,58,.12),transparent 30%),
    linear-gradient(145deg,#171a1f,#0b0e12 72%)!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
.sike-battery-hero-copy{
  align-self:center!important;
}
.sike-battery-hero-copy>span{
  color:#ff7046!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.sike-battery-hero-copy h3{
  margin:10px 0 0!important;
  color:#f7f5f1!important;
  font-size:72px!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.sike-battery-hero-copy p{
  margin:14px 0 0!important;
  color:#7c858f!important;
  font-size:10px!important;
}
.sike-battery-hero-copy p b{color:#dfe2e5!important}
.sike-battery-hero-art{
  grid-row:1 / 3!important;
  grid-column:2!important;
  display:grid!important;
  place-items:center!important;
}
.sike-battery-hero-art img{
  width:230px!important;
  height:190px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.30))!important;
}
.sike-battery-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}
.sike-battery-hero-stats>span{
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-hero-stats small{
  display:block!important;
  color:#59636d!important;
  font-size:5.5px!important;
  letter-spacing:.10em!important;
  font-weight:900!important;
}
.sike-battery-hero-stats b{
  display:block!important;
  margin-top:4px!important;
  color:#f0f2f3!important;
  font-size:10px!important;
}
.sike-battery-live-bars{
  display:flex!important;
  align-items:end!important;
  gap:3px!important;
  height:24px!important;
  margin-top:16px!important;
}
.sike-battery-live-bars i{
  width:4px!important;
  border-radius:4px!important;
  background:#ff7046!important;
  animation:sikeBatteryBars .7s ease-in-out infinite alternate!important;
}
.sike-battery-live-bars i:nth-child(1){height:8px!important}
.sike-battery-live-bars i:nth-child(2){height:18px!important;animation-delay:.12s!important}
.sike-battery-live-bars i:nth-child(3){height:12px!important;animation-delay:.24s!important}
.sike-battery-live-bars i:nth-child(4){height:22px!important;animation-delay:.18s!important}
.sike-battery-live-bars i:nth-child(5){height:14px!important;animation-delay:.05s!important}
@keyframes sikeBatteryBars{to{transform:scaleY(.42);opacity:.55}}

.sike-battery-panel{
  min-width:0!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.sike-battery-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.sike-battery-panel-head span{
  display:block!important;
  color:#ff7046!important;
  font-size:5.8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-battery-panel-head h3{
  margin:5px 0 0!important;
  color:#f0f2f3!important;
  font-size:18px!important;
  letter-spacing:-.035em!important;
}
.sike-battery-panel-head>small{
  color:#5e6872!important;
  font-size:6px!important;
}
.sike-battery-pack-panel{
  grid-column:1 / -1!important;
}
.sike-battery-pack-choice{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.sike-battery-pack-choice button{
  min-height:72px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#0b0e12!important;
  color:#bfc5cc!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-battery-pack-choice button.active{
  border-color:rgba(255,105,61,.38)!important;
  background:linear-gradient(135deg,rgba(255,105,61,.13),#0b0e12 58%)!important;
}
.sike-battery-pack-choice button>i{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#171b20!important;color:#ff7046!important;font-size:15px!important;font-style:normal!important;font-weight:950!important;
}
.sike-battery-pack-choice b{display:block!important;color:#e9ebed!important;font-size:10px!important}
.sike-battery-pack-choice small{display:block!important;margin-top:4px!important;color:#65707a!important;font-size:6.5px!important}

.sike-battery-settings-list{
  display:grid!important;
  gap:7px!important;
}
.sike-battery-setting{
  width:100%!important;
  min-height:58px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#0a0d11!important;
  color:#dfe2e5!important;
}
button.sike-battery-setting{cursor:pointer!important}
.sike-battery-setting span{min-width:0!important}
.sike-battery-setting b{display:block!important;font-size:9px!important}
.sike-battery-setting small{display:block!important;margin-top:4px!important;color:#626c76!important;font-size:6.5px!important}
.sike-battery-setting select{
  min-width:100px!important;
  height:32px!important;
  border:1px solid #2b3138!important;
  border-radius:9px!important;
  background:#14181d!important;
  color:#dfe2e5!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.sike-battery-setting>i,
.sike-battery-setting>em{
  min-width:42px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #2b3138!important;
  background:#14181d!important;
  color:#6f7983!important;
  font-size:6.5px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.sike-battery-setting>i.on{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6b3e,#e93a3a)!important;
  border-color:transparent!important;
}
.sike-battery-setting.on{
  border-color:rgba(255,105,61,.20)!important;
}

.sike-battery-diagnostics-panel{
  grid-column:1 / -1!important;
}
.sike-battery-diagnostic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
}
.sike-battery-diagnostic-grid>div{
  padding:13px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#0a0d11!important;
}
.sike-battery-diagnostic-grid span{display:block!important;color:#626c76!important;font-size:6px!important}
.sike-battery-diagnostic-grid b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:13px!important}
.sike-battery-diagnostic-grid small{display:block!important;margin-top:3px!important;color:#4f5963!important;font-size:5.5px!important}
.sike-battery-diagnostic-button{
  width:100%!important;
  min-height:42px!important;
  margin-top:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#14181d!important;
  color:#cfd3d8!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.sike-battery-diagnostic-button.running{
  color:#ff7046!important;
  animation:sikeDiagPulse .65s ease-in-out infinite alternate!important;
}
@keyframes sikeDiagPulse{to{opacity:.55}}

@media(max-width:900px){
  .sike-battery-dashboard{grid-template-columns:1fr!important}
  .sike-battery-pack-panel,.sike-battery-diagnostics-panel{grid-column:auto!important}
  .sike-battery-hero{
    grid-template-columns:1fr 180px!important;
  }
  .sike-battery-hero-art img{width:170px!important;height:150px!important}
  .sike-battery-hero-copy h3{font-size:58px!important}
}
@media(max-width:620px){
  .sike-battery-control-view{padding-bottom:90px!important}
  .sike-battery-page-head .sike-battery-live-pill{display:none!important}
  .sike-battery-hero{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:1fr 105px!important;
    border-radius:20px!important;
  }
  .sike-battery-hero-copy h3{font-size:44px!important}
  .sike-battery-hero-copy p{font-size:8px!important}
  .sike-battery-hero-art img{width:105px!important;height:105px!important}
  .sike-battery-hero-stats{grid-column:1 / -1!important;grid-template-columns:repeat(3,1fr)!important}
  .sike-battery-panel{padding:14px!important;border-radius:17px!important}
  .sike-battery-pack-choice{grid-template-columns:1fr!important}
  .sike-battery-setting{min-height:54px!important}
  .sike-battery-setting select{min-width:82px!important}
  .sike-battery-diagnostic-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-battery-live-pill i,.sike-battery-live-bars i,.sike-battery-diagnostic-button.running{animation:none!important}
}


/* ===================================================================
   SIKE V55 — COMPLETELY DEDICATED POWERCELL APP
   =================================================================== */

/* POWERCELL is its own control experience: remove speaker/dashboard chrome. */
.powercell-app-mode .sike-ios-device-switcher{
  margin-bottom:12px!important;
}
.powercell-app-mode .sike-app-dashboard-title h1{
  letter-spacing:-.055em!important;
}
.sike-powercell-app{
  padding:0 0 118px!important;
}
.powercell-app-top{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:4px 2px 14px!important;
}
.powercell-back{
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:#111419!important;
  color:#e6e8eb!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.powercell-app-title span{
  color:#ff7147!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-app-title h2{
  margin:4px 0 0!important;
  color:#f6f5f2!important;
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.powercell-app-live{
  min-height:30px!important;
  padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:#101318!important;
}
.powercell-app-live i{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#2ed078!important;
  box-shadow:0 0 0 5px rgba(46,208,120,.08)!important;
  animation:powercellLive 1.15s ease-in-out infinite alternate!important;
}
.powercell-app-live span{color:#858e98!important;font-size:6px!important;font-weight:900!important;letter-spacing:.11em!important}
@keyframes powercellLive{to{opacity:.45;transform:scale(.82)}}

.powercell-tabs{
  position:sticky!important;
  top:0!important;
  z-index:24!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
  padding:4px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(9,12,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.powercell-tabs button{
  min-height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#6f7883!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.powercell-tabs button.active{
  background:linear-gradient(135deg,#ff6c40,#e83a39)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(231,61,57,.17)!important;
}
.powercell-tab-panel{display:none!important}
.powercell-tab-panel.active{
  display:block!important;
  animation:powercellPanelIn .28s ease both!important;
}
@keyframes powercellPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-overview-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:10px!important;
}
.powercell-hero-card{
  grid-column:1 / -1!important;
  min-height:320px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 75% 45%,rgba(255,93,48,.13),transparent 31%),
    radial-gradient(circle at 12% 92%,rgba(255,92,47,.06),transparent 30%),
    linear-gradient(145deg,#171a1f 0%,#0a0d11 72%)!important;
  overflow:hidden!important;
  box-shadow:0 28px 62px rgba(0,0,0,.16)!important;
}
.powercell-hero-copy{
  align-self:center!important;
}
.powercell-kicker{
  color:#ff7045!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
.powercell-hero-copy>h3{
  margin:11px 0 0!important;
  color:#f8f6f2!important;
  font-size:82px!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
.powercell-hero-copy>p{
  margin:15px 0 0!important;
  color:#727b85!important;
  font-size:10px!important;
}
.powercell-hero-copy>p b{color:#d7dbe0!important}
.powercell-charge-line{
  width:min(430px,100%)!important;
  margin-top:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.powercell-charge-line>span{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#22272d!important;
}
.powercell-charge-line>span i{
  display:block!important;
  width:82%!important;height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff6d3f,#ef343b)!important;
  transition:width .35s ease!important;
}
.powercell-charge-line>b{color:#f3f4f5!important;font-size:10px!important}
.powercell-hero-mini{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  margin-top:18px!important;
}
.powercell-hero-mini>span{
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:#090c10!important;
}
.powercell-hero-mini small{display:block!important;color:#56606a!important;font-size:5.5px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-hero-mini b{display:block!important;margin-top:5px!important;color:#e6e9eb!important;font-size:10px!important}

.powercell-product{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
}
.powercell-product img{
  position:relative!important;
  z-index:3!important;
  width:300px!important;height:225px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 35px rgba(0,0,0,.36))!important;
  animation:powercellFloat 4s ease-in-out infinite!important;
}
.powercell-product>span{
  position:absolute!important;
  z-index:4!important;
  bottom:18px!important;
  color:#555f69!important;
  font-size:6px!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
}
@keyframes powercellFloat{50%{transform:translateY(-7px)}}
.powercell-energy-ring{
  position:absolute!important;
  width:230px!important;height:230px!important;
  border-radius:50%!important;
}
.powercell-energy-ring i{
  position:absolute!important;inset:0!important;
  border:1px solid rgba(255,105,60,.12)!important;
  border-radius:50%!important;
  animation:powercellRing 3.4s ease-out infinite!important;
}
.powercell-energy-ring i:nth-child(2){animation-delay:1.1s!important}
.powercell-energy-ring i:nth-child(3){animation-delay:2.2s!important}
@keyframes powercellRing{0%{transform:scale(.68);opacity:.65}100%{transform:scale(1.28);opacity:0}}

.powercell-card{
  min-width:0!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0d1014)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.powercell-card-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
  margin-bottom:12px!important;
}
.powercell-card-head span,
.powercell-charge-status>span,
.powercell-output-visual>span,
.powercell-health-score>span{
  color:#ff7045!important;
  font-size:5.7px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.powercell-card-head h3{
  margin:5px 0 0!important;
  color:#eceef0!important;
  font-size:17px!important;
  letter-spacing:-.035em!important;
}
.powercell-card-head>small{color:#58626c!important;font-size:5.8px!important}

.powercell-pack-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-pack-options button{
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:13px!important;
  background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important;
}
.powercell-pack-options button>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;
}
.powercell-pack-options b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-pack-options small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.8px!important}
.powercell-pack-options em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-pack-options button.active{
  border-color:rgba(255,108,62,.33)!important;
  background:linear-gradient(135deg,rgba(255,108,62,.09),#090c10 58%)!important;
}
.powercell-pack-options button.active em{opacity:1!important}

.powercell-mode-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-mode-buttons button{
  min-height:82px!important;padding:9px 6px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:13px!important;
  background:#090c10!important;color:#6e7781!important;cursor:pointer!important;
}
.powercell-mode-buttons i{font-size:18px!important;font-style:normal!important;color:#7d8791!important}
.powercell-mode-buttons b{margin-top:7px!important;color:#cfd3d7!important;font-size:7px!important}
.powercell-mode-buttons small{margin-top:3px!important;color:#535d67!important;font-size:5.3px!important}
.powercell-mode-buttons button.active{
  border-color:rgba(255,105,61,.32)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.12),#090c10 64%)!important;
}
.powercell-mode-buttons button.active i{color:#ff7045!important}

.powercell-live-values{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-live-values div{padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-live-values span{display:block!important;color:#56606a!important;font-size:5.5px!important}
.powercell-live-values b{display:block!important;margin-top:5px!important;color:#eceef0!important;font-size:12px!important}
.powercell-wave{
  height:58px!important;margin-top:10px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  border-radius:12px!important;background:#090c10!important;border:1px solid rgba(255,255,255,.055)!important;
}
.powercell-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff6940!important;
  animation:powercellWave .65s ease-in-out infinite alternate!important;
}
.powercell-wave i:nth-child(3n+1){height:18%!important}
.powercell-wave i:nth-child(3n+2){height:66%!important;animation-delay:.12s!important}
.powercell-wave i:nth-child(3n){height:38%!important;animation-delay:.24s!important}
@keyframes powercellWave{to{transform:scaleY(.42);opacity:.55}}

.powercell-settings-layout{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:10px!important;
}
.powercell-setting-list{display:grid!important;gap:7px!important}
.powercell-setting-list>label,
.powercell-setting-list>button{
  width:100%!important;min-height:60px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-setting-list>button{cursor:pointer!important}
.powercell-setting-list b{display:block!important;font-size:8.5px!important}
.powercell-setting-list small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:6px!important}
.powercell-setting-list select{
  min-width:105px!important;height:32px!important;padding:0 8px!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important;
}
.powercell-setting-list i{
  min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.5px!important;font-style:normal!important;font-weight:900!important;
}
.powercell-setting-list i.on{
  border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important;
}

.powercell-charge-status{
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.powercell-charge-status>span{align-self:flex-start!important}
.powercell-big-ring{
  width:170px!important;height:170px!important;margin:18px 0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#ff603a 0 82%,#2b3036 82% 100%)!important;
}
.powercell-big-ring:before{
  content:""!important;width:134px!important;height:134px!important;position:absolute!important;border-radius:50%!important;background:#101318!important;
}
.powercell-big-ring>div{position:relative!important;z-index:2!important;text-align:center!important}
.powercell-big-ring b{display:block!important;color:#f5f4f1!important;font-size:31px!important;letter-spacing:-.05em!important}
.powercell-big-ring small{color:#626c76!important;font-size:6px!important}
.powercell-charge-stats,.powercell-output-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;
}
.powercell-charge-stats div,.powercell-output-stats div{padding:10px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-charge-stats span,.powercell-output-stats span{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-charge-stats b,.powercell-output-stats b{display:block!important;margin-top:5px!important;color:#e7eaec!important;font-size:10px!important}

.powercell-output-visual>h3{
  margin:8px 0 0!important;color:#f5f4f1!important;font-size:35px!important;letter-spacing:-.05em!important;
}
.powercell-output-meter{
  height:96px!important;margin:16px 0!important;padding:12px!important;display:flex!important;align-items:end!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;
}
.powercell-output-meter i{flex:1!important;border-radius:5px!important;background:linear-gradient(180deg,#ff6a3f,#d92f3a)!important;animation:powercellMeter 1.1s ease-in-out infinite alternate!important}
.powercell-output-meter i:nth-child(1){height:24%!important}.powercell-output-meter i:nth-child(2){height:38%!important}.powercell-output-meter i:nth-child(3){height:55%!important}.powercell-output-meter i:nth-child(4){height:70%!important}.powercell-output-meter i:nth-child(5){height:86%!important}.powercell-output-meter i:nth-child(6){height:64%!important}.powercell-output-meter i:nth-child(7){height:45%!important}.powercell-output-meter i:nth-child(8){height:28%!important}
@keyframes powercellMeter{to{opacity:.62;transform:scaleY(.92)}}

.powercell-health-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.powercell-health-score{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:210px!important}
.powercell-health-score>strong{margin-top:12px!important;color:#f6f5f2!important;font-size:64px!important;line-height:.9!important;letter-spacing:-.065em!important}
.powercell-health-score>small{margin-top:8px!important;color:#626c76!important;font-size:7px!important}
.powercell-health-bar{height:7px!important;margin-top:24px!important;border-radius:999px!important;background:#272c32!important;overflow:hidden!important}
.powercell-health-bar i{display:block!important;width:96%!important;height:100%!important;background:linear-gradient(90deg,#31cf78,#ff7145)!important}
.powercell-cell-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.powercell-cell-grid span{padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:#090c10!important}
.powercell-cell-grid b{display:block!important;color:#6e7882!important;font-size:6px!important}
.powercell-cell-grid em{display:block!important;margin-top:5px!important;color:#e1e4e7!important;font-size:10px!important;font-style:normal!important}
.powercell-diagnostics{grid-column:1 / -1!important}
.powercell-diagnostic-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.powercell-diagnostic-stats span{padding:11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#090c10!important}
.powercell-diagnostic-stats small{display:block!important;color:#59636d!important;font-size:5.5px!important}
.powercell-diagnostic-stats b{display:block!important;margin-top:5px!important;color:#e8eaec!important;font-size:11px!important}
.powercell-diagnostics>button{
  width:100%!important;min-height:42px!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-find-card{
  grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
.powercell-find-card span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.powercell-find-card h3{margin:5px 0 0!important;color:#eceef0!important;font-size:17px!important}
.powercell-find-card p{margin:6px 0 0!important;color:#5d6771!important;font-size:6.5px!important}
.powercell-find-card>button{
  min-width:110px!important;height:38px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6a3e,#e83a39)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}

@media(max-width:900px){
  .powercell-overview-grid,.powercell-settings-layout{grid-template-columns:1fr!important}
  .powercell-hero-card{grid-template-columns:minmax(0,1fr) 230px!important}
  .powercell-product img{width:210px!important;height:180px!important}
  .powercell-hero-copy>h3{font-size:66px!important}
  .powercell-health-grid{grid-template-columns:1fr!important}
  .powercell-diagnostics,.powercell-find-card{grid-column:auto!important}
}
@media(max-width:620px){
  .sike-powercell-app{padding-bottom:90px!important}
  .powercell-app-top{grid-template-columns:36px minmax(0,1fr) auto!important;padding-bottom:9px!important}
  .powercell-back{width:35px!important;height:35px!important;border-radius:11px!important}
  .powercell-app-title h2{font-size:24px!important}
  .powercell-app-live{padding:0 8px!important}
  .powercell-tabs{border-radius:13px!important;gap:2px!important}
  .powercell-tabs button{min-height:34px!important;font-size:6.3px!important}
  .powercell-hero-card{
    min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 105px!important;border-radius:20px!important;
  }
  .powercell-hero-copy>h3{font-size:47px!important}
  .powercell-product img{width:105px!important;height:105px!important}
  .powercell-energy-ring{width:105px!important;height:105px!important}
  .powercell-hero-mini{grid-column:1 / -1!important}
  .powercell-card{padding:14px!important;border-radius:17px!important}
  .powercell-pack-options{grid-template-columns:1fr!important}
  .powercell-mode-buttons{grid-template-columns:1fr 1fr 1fr!important}
  .powercell-mode-buttons button{min-height:70px!important}
  .powercell-big-ring{width:145px!important;height:145px!important}
  .powercell-big-ring:before{width:113px!important;height:113px!important}
  .powercell-setting-list>label,.powercell-setting-list>button{min-height:55px!important}
  .powercell-setting-list select{min-width:82px!important}
  .powercell-cell-grid{grid-template-columns:1fr 1fr!important}
  .powercell-diagnostic-stats{grid-template-columns:1fr 1fr!important}
  .powercell-find-card{align-items:flex-start!important;flex-direction:column!important}
  .powercell-find-card>button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-app-live i,.powercell-product img,.powercell-energy-ring i,.powercell-wave i,.powercell-output-meter i{animation:none!important}
}


/* ===================================================================
   SIKE V56 — POWERCELL LIVE BATTERY UI / RIGHT QUICK TABS / 5 QUICK MODES
   =================================================================== */

/* Absolute separation from speaker UI. */
.powercell-app-mode [data-view="home"]{display:none!important}
.powercell-app-mode .sike-feature-dashboard-grid,
.powercell-app-mode .sike-device-deck,
.powercell-app-mode [data-speaker-controls],
.powercell-app-mode .sike-ios-speaker-controls{
  display:none!important;
}

.sike-powercell-v56{
  padding:0 0 118px!important;
}
.powercell-v56-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  gap:12px!important;
  align-items:start!important;
}
.powercell-v56-main{min-width:0!important;display:grid!important;gap:10px!important}
.powercell-v56-rail{
  position:sticky!important;
  top:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.15)!important;
}
.powercell-v56-rail-title{padding:6px 7px 12px!important}
.powercell-v56-rail-title>span{
  color:#ff7045!important;font-size:5.6px!important;letter-spacing:.13em!important;font-weight:950!important;
}
.powercell-v56-rail-title h3{
  margin:5px 0 0!important;color:#f0f2f3!important;font-size:19px!important;letter-spacing:-.04em!important;
}
.powercell-v56-rail>button{
  width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
  color:#abb2ba!important;text-align:left!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-rail>button>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#15191e!important;color:#77818b!important;font-size:13px!important;font-style:normal!important;
}
.powercell-v56-rail>button b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-rail>button small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.powercell-v56-rail>button em{font-style:normal!important;color:#505a64!important;font-size:14px!important}
.powercell-v56-rail>button.active{
  border-color:rgba(255,107,62,.30)!important;
  background:linear-gradient(135deg,rgba(255,107,62,.13),#090c10 62%)!important;
}
.powercell-v56-rail>button.active>i{background:#ff653d!important;color:#fff!important}
.powercell-v56-rail-status{
  margin-top:9px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v56-rail-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.powercell-v56-rail-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v56-rail-status>b{display:block!important;margin-top:7px!important;color:#f3f4f5!important;font-size:22px!important;letter-spacing:-.04em!important}
.powercell-v56-rail-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:6px!important}

.powercell-v56-hero{
  min-height:360px!important;padding:26px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;
  background:
    radial-gradient(circle at 74% 45%,rgba(255,93,48,.13),transparent 30%),
    linear-gradient(145deg,#171a1f,#090c10 74%)!important;
  overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;
}
.powercell-v56-copy>span{
  color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v56-copy>h3{
  margin:10px 0 0!important;color:#f7f5f1!important;font-size:86px!important;line-height:.86!important;letter-spacing:-.075em!important;
}
.powercell-v56-copy>p{margin:16px 0 0!important;color:#6f7882!important;font-size:10px!important}
.powercell-v56-copy>p b{color:#d7dbe0!important}
.powercell-v56-livegrid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:22px!important;max-width:430px!important;
}
.powercell-v56-livegrid>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-livegrid small{display:block!important;color:#56606a!important;font-size:5.4px!important;font-weight:900!important;letter-spacing:.1em!important}
.powercell-v56-livegrid b{display:block!important;margin-top:5px!important;color:#e7e9eb!important;font-size:11px!important}

.powercell-v56-visual{
  position:relative!important;min-height:290px!important;display:grid!important;place-items:center!important;
}
.powercell-battery-shell{
  position:relative!important;z-index:3!important;
  width:160px!important;height:245px!important;
  overflow:visible!important;
  border:2px solid #3a4149!important;border-radius:30px!important;
  background:#0a0d11!important;
  box-shadow:0 30px 50px rgba(0,0,0,.30),inset 0 0 0 7px #11151a!important;
}
.powercell-battery-cap{
  position:absolute!important;z-index:5!important;top:-16px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:17px!important;border-radius:7px 7px 3px 3px!important;background:#353c44!important;
}
.powercell-battery-fill{
  position:absolute!important;z-index:1!important;left:8px!important;right:8px!important;bottom:8px!important;height:82%!important;
  border-radius:21px!important;background:linear-gradient(180deg,#ff7544,#ec343b)!important;
  box-shadow:0 0 32px rgba(255,91,57,.22)!important;transition:height .45s cubic-bezier(.2,.75,.25,1)!important;
}
.powercell-battery-glow{
  position:absolute!important;z-index:2!important;inset:8px!important;border-radius:21px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%)!important;pointer-events:none!important;
}
.powercell-battery-value{
  position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-content:center!important;text-align:center!important;
}
.powercell-battery-value b{color:#fff!important;font-size:38px!important;letter-spacing:-.055em!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important}
.powercell-battery-value small{margin-top:4px!important;color:rgba(255,255,255,.65)!important;font-size:5.5px!important;letter-spacing:.12em!important;font-weight:900!important}
.powercell-energy-pulse{position:absolute!important;width:245px!important;height:245px!important;border-radius:50%!important}
.powercell-energy-pulse i{position:absolute!important;inset:0!important;border:1px solid rgba(255,102,58,.13)!important;border-radius:50%!important;animation:pcV56Pulse 3.2s ease-out infinite!important}
.powercell-energy-pulse i:nth-child(2){animation-delay:1.05s!important}.powercell-energy-pulse i:nth-child(3){animation-delay:2.1s!important}
@keyframes pcV56Pulse{0%{transform:scale(.68);opacity:.72}100%{transform:scale(1.32);opacity:0}}

.powercell-v56-telemetry,
.powercell-v56-panel{
  padding:17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:linear-gradient(180deg,#15181d,#0c0f13)!important;
}
.powercell-v56-telemetry-head,.powercell-v56-panel-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important;
}
.powercell-v56-telemetry-head span,.powercell-v56-panel-head span{
  color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important;
}
.powercell-v56-telemetry-head h3,.powercell-v56-panel-head h3{
  margin:5px 0 0!important;color:#eef0f2!important;font-size:17px!important;letter-spacing:-.035em!important;
}
.powercell-v56-telemetry-head>small,.powercell-v56-panel-head>small{color:#58626c!important;font-size:5.7px!important}

.powercell-v56-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.powercell-v56-metrics>div{
  padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-metrics span{display:block!important;color:#59636d!important;font-size:5.7px!important}
.powercell-v56-metrics b{display:block!important;margin-top:5px!important;color:#f0f2f3!important;font-size:15px!important}
.powercell-v56-metrics small{display:block!important;margin-top:3px!important;color:#49535d!important;font-size:5.2px!important}
.powercell-v56-wave{
  height:64px!important;margin-top:9px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v56-wave i{
  flex:1!important;min-width:2px!important;border-radius:999px!important;background:#ff693f!important;animation:pcV56Wave .68s ease-in-out infinite alternate!important;
}
.powercell-v56-wave i:nth-child(4n+1){height:20%!important}.powercell-v56-wave i:nth-child(4n+2){height:68%!important;animation-delay:.12s!important}.powercell-v56-wave i:nth-child(4n+3){height:43%!important;animation-delay:.22s!important}.powercell-v56-wave i:nth-child(4n){height:82%!important;animation-delay:.08s!important}
@keyframes pcV56Wave{to{transform:scaleY(.4);opacity:.52}}

.powercell-v56-panel{display:none!important}
.powercell-v56-panel.active{display:block!important;animation:pcV56Panel .24s ease both!important}
@keyframes pcV56Panel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.powercell-v56-pack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-pack button{
  min-height:68px!important;padding:9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb3bb!important;text-align:left!important;cursor:pointer!important;
}
.powercell-v56-pack button>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important;font-weight:950!important}
.powercell-v56-pack b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.powercell-v56-pack small{display:block!important;margin-top:3px!important;color:#5c6670!important;font-size:5.7px!important}
.powercell-v56-pack em{opacity:0!important;color:#ff7045!important;font-style:normal!important}
.powercell-v56-pack button.active{border-color:rgba(255,107,62,.31)!important;background:linear-gradient(135deg,rgba(255,107,62,.11),#090c10 60%)!important}
.powercell-v56-pack button.active em{opacity:1!important}

.powercell-v56-settings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.powercell-v56-settings>label,.powercell-v56-settings>button{
  width:100%!important;min-height:62px!important;padding:10px 11px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#dce0e3!important;
}
.powercell-v56-settings>button{cursor:pointer!important}
.powercell-v56-settings b{display:block!important;font-size:8.5px!important}
.powercell-v56-settings small{display:block!important;margin-top:4px!important;color:#5d6771!important;font-size:5.8px!important}
.powercell-v56-settings select{min-width:100px!important;height:32px!important;padding:0 8px!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#dce0e3!important;font-size:7px!important}
.powercell-v56-settings i{min-width:42px!important;min-height:28px!important;display:grid!important;place-items:center!important;border:1px solid #293039!important;border-radius:9px!important;background:#14181d!important;color:#69737d!important;font-size:6.4px!important;font-style:normal!important;font-weight:900!important}
.powercell-v56-settings i.on{border-color:transparent!important;background:linear-gradient(135deg,#ff6c40,#e83a39)!important;color:#fff!important}

.powercell-v56-health{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
.powercell-v56-health>div{padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.powercell-v56-health span{display:block!important;color:#58626c!important;font-size:5.6px!important}
.powercell-v56-health b{display:block!important;margin-top:5px!important;color:#eef0f2!important;font-size:14px!important}
.powercell-v56-health small{display:block!important;margin-top:3px!important;color:#48525c!important;font-size:5.2px!important}
.powercell-v56-health-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
.powercell-v56-health-actions button{min-height:40px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#d4d8dc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.powercell-v56-quick-bottom{
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important;
}
.powercell-v56-quick-bottom button{
  min-height:76px!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:14px!important;background:#101318!important;color:#6d7680!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v56-quick-bottom i{font-size:17px!important;font-style:normal!important;color:#727c86!important}
.powercell-v56-quick-bottom b{display:block!important;margin-top:6px!important;color:#d7dbe0!important;font-size:7.5px!important}
.powercell-v56-quick-bottom small{display:block!important;margin-top:3px!important;color:#515b65!important;font-size:5.3px!important}
.powercell-v56-quick-bottom button.active{
  border-color:rgba(255,106,61,.34)!important;background:linear-gradient(145deg,rgba(255,106,61,.14),#101318 62%)!important;
}
.powercell-v56-quick-bottom button.active i{color:#ff7045!important}

@media(max-width:980px){
  .powercell-v56-layout{grid-template-columns:1fr!important}
  .powercell-v56-rail{
    position:static!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:8px!important;
  }
  .powercell-v56-rail-title,.powercell-v56-rail-status{display:none!important}
  .powercell-v56-rail>button{margin:0!important;grid-template-columns:1fr!important;text-align:center!important;min-height:46px!important}
  .powercell-v56-rail>button>i,.powercell-v56-rail>button small,.powercell-v56-rail>button em{display:none!important}
  .powercell-v56-hero{grid-template-columns:minmax(0,1fr) 250px!important}
}
@media(max-width:640px){
  .sike-powercell-v56{padding-bottom:88px!important}
  .powercell-v56-layout{gap:8px!important}
  .powercell-v56-hero{min-height:0!important;padding:16px!important;grid-template-columns:minmax(0,1fr) 110px!important;border-radius:20px!important}
  .powercell-v56-copy>h3{font-size:52px!important}
  .powercell-v56-livegrid{grid-column:1 / -1!important;grid-template-columns:1fr 1fr!important}
  .powercell-v56-visual{min-height:185px!important}
  .powercell-battery-shell{width:95px!important;height:155px!important;border-radius:20px!important}
  .powercell-battery-fill{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
  .powercell-battery-glow{inset:6px!important;border-radius:14px!important}
  .powercell-battery-value b{font-size:26px!important}
  .powercell-battery-cap{width:42px!important;height:13px!important;top:-12px!important}
  .powercell-energy-pulse{width:150px!important;height:150px!important}
  .powercell-v56-rail{grid-template-columns:repeat(4,1fr)!important}
  .powercell-v56-rail>button{padding:6px!important}
  .powercell-v56-rail>button b{font-size:6.5px!important}
  .powercell-v56-telemetry,.powercell-v56-panel{padding:13px!important;border-radius:17px!important}
  .powercell-v56-settings{grid-template-columns:1fr!important}
  .powercell-v56-health{grid-template-columns:1fr 1fr!important}
  .powercell-v56-quick-bottom{grid-template-columns:repeat(5,minmax(82px,1fr))!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}
  .powercell-v56-quick-bottom::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-energy-pulse i,.powercell-v56-wave i{animation:none!important}
}


/* SIKE V57 - professional SIKE Link */
.sike-link-pro-view{padding-bottom:118px!important}
.sike-link-pro-top{min-height:74px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:4px 0 14px!important}
.sike-link-back{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:#111419!important;color:#e5e8ea!important;font-size:24px!important;cursor:pointer!important}
.sike-link-pro-top>div>span{color:#ff7045!important;font-size:6px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-pro-top h2{margin:4px 0 0!important;color:#f6f5f2!important;font-size:30px!important;line-height:1!important;letter-spacing:-.05em!important}
.sike-link-pro-top p{margin:6px 0 0!important;color:#6f7882!important;font-size:7px!important}
.sike-link-scan-top{min-width:104px!important;height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-pro-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;gap:12px!important;align-items:start!important}
.sike-link-pro-main{min-width:0!important;display:grid!important;gap:10px!important}
.sike-link-help-rail{position:sticky!important;top:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important;box-shadow:0 22px 55px rgba(0,0,0,.15)!important}
.sike-link-help-head{padding:5px 7px 11px!important}
.sike-link-help-head span{color:#ff7045!important;font-size:5.6px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-help-head h3{margin:5px 0 0!important;color:#edf0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-help-rail>button,.sike-link-help-rail>a{width:100%!important;min-height:58px!important;margin-top:6px!important;padding:8px 9px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 15px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#abb2ba!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.sike-link-help-rail>button>i,.sike-link-help-rail>a>i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#15191e!important;color:#ff7045!important;font-size:13px!important;font-style:normal!important}
.sike-link-help-rail b{display:block!important;color:#dce0e3!important;font-size:8px!important}
.sike-link-help-rail small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.7px!important}
.sike-link-help-rail em{font-style:normal!important;color:#515b65!important;font-size:13px!important}
.sike-link-help-status{margin-top:10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important}
.sike-link-help-status>span{display:flex!important;align-items:center!important;gap:6px!important;color:#737c86!important;font-size:6px!important}
.sike-link-help-status>span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#31d078!important}
.sike-link-help-status>b{display:block!important;margin-top:7px!important;color:#eef0f2!important;font-size:15px!important}
.sike-link-help-status>small{display:block!important;margin-top:2px!important;color:#59636d!important;font-size:5.7px!important}

.sike-link-hero{min-height:330px!important;padding:24px!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:26px!important;background:radial-gradient(circle at 23% 50%,rgba(255,95,51,.12),transparent 30%),linear-gradient(145deg,#171a1f,#090c10 72%)!important;overflow:hidden!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important}
.sike-link-orbit{position:relative!important;width:255px!important;height:255px!important;margin:auto!important}
.sike-link-center-node{position:absolute!important;z-index:5!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;display:grid!important;place-items:center!important;border-radius:23px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 36px rgba(229,48,59,.24)!important}
.sike-link-orbit>i{position:absolute!important;inset:22px!important;border:1px solid rgba(255,105,61,.16)!important;border-radius:50%!important;animation:sikeLinkOrbit 7s linear infinite!important}
.sike-link-orbit>i:nth-child(2){inset:45px!important;animation-duration:5.5s!important;animation-direction:reverse!important}
.sike-link-orbit>i:nth-child(3){inset:70px!important;animation-duration:4.4s!important}
@keyframes sikeLinkOrbit{to{transform:rotate(360deg)}}
.sike-link-orbit .node{position:absolute!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#ff7145!important;box-shadow:0 0 0 7px rgba(255,113,69,.08)!important;animation:sikeLinkNode 1.2s ease-in-out infinite alternate!important}
.sike-link-orbit .one{left:48%!important;top:8%!important}.sike-link-orbit .two{right:9%!important;top:50%!important;animation-delay:.2s!important}.sike-link-orbit .three{left:14%!important;bottom:16%!important;animation-delay:.4s!important}
@keyframes sikeLinkNode{to{transform:scale(.72);opacity:.55}}
.sike-link-hero-copy>span{color:#ff7045!important;font-size:7px!important;letter-spacing:.14em!important;font-weight:950!important}
.sike-link-hero-copy h3{margin:9px 0 0!important;color:#f7f5f1!important;font-size:46px!important;line-height:.96!important;letter-spacing:-.06em!important}
.sike-link-hero-copy p{margin:12px 0 0!important;max-width:520px!important;color:#737c86!important;font-size:9px!important;line-height:1.5!important}
.sike-link-hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important}
.sike-link-hero-actions button{min-height:40px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#14181d!important;color:#cfd3d7!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-hero-actions button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:linear-gradient(180deg,#15181d,#0c0f13)!important}
.sike-link-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.sike-link-section-head span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.sike-link-section-head h3{margin:5px 0 0!important;color:#eef0f2!important;font-size:18px!important;letter-spacing:-.04em!important}
.sike-link-section-head>small{color:#59636d!important;font-size:5.8px!important}
.sike-link-progress{height:5px!important;border-radius:999px!important;background:#262b31!important;overflow:hidden!important;margin-bottom:13px!important}
.sike-link-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff6c40,#e83a3a)!important;transition:width .28s ease!important}

.sike-link-step{display:none!important;min-height:245px!important;padding:18px!important;grid-template-columns:48px minmax(0,1fr) 240px!important;gap:18px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important}
.sike-link-step.active{display:grid!important;animation:sikeLinkStepIn .28s ease both!important}
@keyframes sikeLinkStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
.step-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#15191e!important;color:#ff7045!important;font-size:12px!important;font-weight:950!important}
.step-copy>span{color:#ff7045!important;font-size:5.7px!important;letter-spacing:.12em!important;font-weight:950!important}
.step-copy h4{margin:7px 0 0!important;color:#f0f2f3!important;font-size:23px!important;letter-spacing:-.045em!important}
.step-copy p{margin:9px 0 0!important;max-width:560px!important;color:#6b7480!important;font-size:8px!important;line-height:1.5!important}
.sike-link-checklist{display:grid!important;gap:5px!important;margin-top:13px!important}
.sike-link-checklist>div{display:flex!important;align-items:center!important;gap:7px!important;color:#8a929b!important;font-size:7px!important}
.sike-link-checklist i{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:rgba(49,208,120,.08)!important;color:#31d078!important;font-style:normal!important}
.step-visual{min-height:175px!important;display:grid!important;place-items:center!important}
.step-visual.bluetooth .bt-ring{width:120px!important;height:120px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;background:radial-gradient(circle,rgba(255,105,61,.08),transparent 65%)!important;animation:sikeBtPulse 1.8s ease-in-out infinite alternate!important}
.step-visual.bluetooth .bt-ring span{font-size:42px!important;color:#ff7045!important}
@keyframes sikeBtPulse{to{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,105,61,.025)}}
.step-visual.speakers{grid-template-columns:1fr 1fr!important;gap:8px!important}
.step-visual.speakers img{width:110px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.25))!important}
.step-visual.radar{position:relative!important}
.step-visual.radar .radar-core{position:absolute!important;z-index:3!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(145deg,#ff6840,#e7313c)!important;color:#fff!important;font-size:20px!important;font-weight:950!important}
.step-visual.radar span{position:absolute!important;width:110px!important;height:110px!important;border-radius:50%!important;border:1px solid rgba(255,105,61,.18)!important;animation:sikeRadar 1.8s ease-out infinite!important}
.step-visual.radar span:nth-child(3){animation-delay:.6s!important}.step-visual.radar span:nth-child(4){animation-delay:1.2s!important}
@keyframes sikeRadar{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.step-visual.group{grid-template-columns:1fr auto 1fr!important;gap:10px!important}
.step-visual.group>div{width:72px!important;height:72px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:#15191e!important;color:#f0f2f3!important;font-size:11px!important;font-weight:950!important}
.step-visual.group i{color:#ff7045!important;font-size:20px!important;font-style:normal!important}
.sike-link-inline-scan{min-height:36px!important;margin-top:13px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav{display:flex!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important}
.sike-link-guide-nav button{min-width:100px!important;height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#14181d!important;color:#aeb5bc!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}
.sike-link-guide-nav button.primary{border:0!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important}

.sike-link-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.sike-link-device-grid>button{min-height:76px!important;padding:9px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;gap:9px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#090c10!important;color:#aeb5bd!important;text-align:left!important;cursor:pointer!important}
.sike-link-device-grid .thumb{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#15191e!important}
.sike-link-device-grid img{width:46px!important;height:46px!important;object-fit:contain!important}
.sike-link-device-grid b{display:block!important;color:#e0e3e6!important;font-size:9px!important}
.sike-link-device-grid small{display:block!important;margin-top:3px!important;color:#5e6872!important;font-size:6px!important}
.sike-link-device-grid>button>i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#15191e!important;color:#ff7045!important;font-size:15px!important;font-style:normal!important}
.sike-link-device-grid>button.selected{border-color:rgba(255,106,61,.34)!important;background:linear-gradient(135deg,rgba(255,106,61,.12),#090c10 62%)!important}
.sike-link-device-grid>button.selected>i{background:#ff6740!important;color:#fff!important}

.sike-link-group-list{display:grid!important;gap:6px!important}
.sike-link-group-list .empty{padding:14px!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:12px!important;color:#59636d!important;font-size:7px!important;text-align:center!important}
.sike-link-selected-row{min-height:58px!important;padding:7px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important}
.sike-link-selected-row img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;background:#15191e!important}
.sike-link-selected-row b{display:block!important;color:#dde1e4!important;font-size:8px!important}
.sike-link-selected-row small{display:block!important;margin-top:3px!important;color:#58626c!important;font-size:5.8px!important}
.sike-link-selected-row button{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#15191e!important;color:#8a929b!important;cursor:pointer!important}
.sike-link-group-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:9px!important}
.sike-link-group-actions input{height:40px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:#090c10!important;color:#e2e5e7!important;font-size:8px!important;outline:none!important}
.sike-link-group-actions button{min-width:110px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#ff6b40,#e93a3a)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important}

.sike-link-scanning .sike-link-orbit,.sike-link-scanning .step-visual.radar{filter:drop-shadow(0 0 14px rgba(255,105,61,.18))!important}
.sike-link-scanning .sike-link-orbit>i{animation-duration:1.5s!important}

@media(max-width:980px){
  .sike-link-pro-layout{grid-template-columns:1fr!important}
  .sike-link-help-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:1 / -1!important}
  .sike-link-hero{grid-template-columns:260px minmax(0,1fr)!important}
  .sike-link-step{grid-template-columns:42px minmax(0,1fr) 180px!important}
}
@media(max-width:640px){
  .sike-link-pro-view{padding-bottom:88px!important}
  .sike-link-pro-top{grid-template-columns:36px minmax(0,1fr)!important}
  .sike-link-scan-top{grid-column:1 / -1!important;width:100%!important}
  .sike-link-pro-top h2{font-size:25px!important}
  .sike-link-hero{min-height:0!important;padding:16px!important;grid-template-columns:1fr!important;border-radius:20px!important}
  .sike-link-orbit{width:180px!important;height:180px!important}
  .sike-link-center-node{width:62px!important;height:62px!important;border-radius:19px!important;font-size:22px!important}
  .sike-link-hero-copy{text-align:center!important}
  .sike-link-hero-copy h3{font-size:36px!important}
  .sike-link-hero-copy p{margin-left:auto!important;margin-right:auto!important}
  .sike-link-hero-actions{justify-content:center!important;flex-wrap:wrap!important}
  .sike-link-guide,.sike-link-nearby,.sike-link-group-builder{padding:13px!important;border-radius:17px!important}
  .sike-link-step{min-height:0!important;grid-template-columns:36px minmax(0,1fr)!important;padding:13px!important}
  .step-visual{grid-column:1 / -1!important;min-height:130px!important}
  .step-copy h4{font-size:20px!important}
  .sike-link-device-grid{grid-template-columns:1fr!important}
  .sike-link-group-actions{grid-template-columns:1fr!important}
  .sike-link-group-actions button{min-height:40px!important}
  .sike-link-help-rail{grid-template-columns:1fr!important}
  .sike-link-help-head,.sike-link-help-status{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-link-orbit>i,.sike-link-orbit .node,.step-visual.bluetooth .bt-ring,.step-visual.radar span{animation:none!important}
}


/* SIKE V59 live telemetry hard-fix */
html[data-sike-live-stats="v59"] .sike-analytics-live i{
  animation:v59LivePulse .8s ease-in-out infinite alternate!important;
}
@keyframes v59LivePulse{
  to{transform:scale(1.25);box-shadow:0 0 0 7px rgba(48,209,122,.05)}
}
html[data-sike-live-stats="v59"] [data-analytics-canvas]{
  min-height:142px!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap{
  position:relative!important;
  overflow:hidden!important;
}
html[data-sike-live-stats="v59"] .sike-analytics-chart-wrap:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:70px!important;
  right:-70px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,104,61,.035),transparent)!important;
  animation:v59Scan 2.4s linear infinite!important;
}
@keyframes v59Scan{
  from{transform:translateX(-550px)}
  to{transform:translateX(80px)}
}


/* ===================================================================
   SIKE V60 — LIVE BATTERY DRAIN + RUNTIME VISUAL
   =================================================================== */

.sike-v60-charge-ring{
  --pc-charge:295deg;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,104,58,.07),transparent 57%),
    conic-gradient(from 0deg,#ff633c 0 var(--pc-charge),#282d33 var(--pc-charge) 360deg)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 42px rgba(255,87,52,.055)!important;
  transition:background .35s linear!important;
}
.sike-v60-charge-ring:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,105,61,.09)!important;
  opacity:.6!important;
  animation:v60RingHalo 2.3s ease-in-out infinite alternate!important;
}
.sike-v60-ring-core{
  position:relative!important;
  z-index:2!important;
}
.sike-v60-ring-core b{
  transition:transform .2s ease!important;
}
.sike-v60-charge-ring.is-discharging .sike-v60-ring-core b{
  text-shadow:0 0 18px rgba(255,105,61,.12)!important;
}
.sike-v60-charge-pulse{
  position:absolute!important;
  left:50%!important;
  bottom:-27px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:3px!important;
  align-items:end!important;
  height:15px!important;
}
.sike-v60-charge-pulse i{
  width:3px!important;
  border-radius:4px!important;
  background:#ff6840!important;
  animation:v60PulseBars .75s ease-in-out infinite alternate!important;
}
.sike-v60-charge-pulse i:nth-child(1){height:6px!important}
.sike-v60-charge-pulse i:nth-child(2){height:14px!important;animation-delay:.13s!important}
.sike-v60-charge-pulse i:nth-child(3){height:9px!important;animation-delay:.26s!important}
@keyframes v60PulseBars{to{transform:scaleY(.42);opacity:.42}}
@keyframes v60RingHalo{to{transform:scale(1.045);opacity:.2}}

.sike-v60-runtime-strip{
  min-height:62px!important;
  margin:12px 0 2px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 70px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(255,103,58,.055),transparent 44%),
    #090c10!important;
  overflow:hidden!important;
}
.sike-v60-runtime-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  background:#15191e!important;
  color:#ff7045!important;
  font-size:14px!important;
}
.sike-v60-runtime-strip>div:nth-child(2)>small{
  display:block!important;
  color:#ff7045!important;
  font-size:5.2px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
}
.sike-v60-runtime-strip strong{
  display:block!important;
  margin-top:4px!important;
  color:#eef0f2!important;
  font-size:12px!important;
  letter-spacing:-.025em!important;
}
.sike-v60-runtime-strip em{
  display:block!important;
  margin-top:2px!important;
  color:#56606a!important;
  font-size:5.4px!important;
  font-style:normal!important;
}
.sike-v60-mini-battery{
  --battery-charge:82%;
  position:relative!important;
  width:62px!important;
  height:27px!important;
  justify-self:end!important;
  border:1px solid #343b43!important;
  border-radius:8px!important;
  background:#11151a!important;
  overflow:visible!important;
}
.sike-v60-mini-battery:after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:8px!important;
  width:4px!important;height:10px!important;
  border-radius:0 3px 3px 0!important;
  background:#343b43!important;
}
.sike-v60-mini-battery i{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(var(--battery-charge) - 6px)!important;
  max-width:calc(100% - 6px)!important;
  min-width:2px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#ff633c,#ef343b)!important;
  box-shadow:0 0 13px rgba(255,96,55,.18)!important;
  transition:width .55s linear!important;
}
.sike-v60-mini-battery:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:3px!important;
  border-radius:5px!important;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 34%)!important;
  pointer-events:none!important;
}

/* A subtle flowing highlight makes the battery feel live without pulsing its size. */
.sike-v60-charge-ring.is-discharging:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.07) 88%,transparent 94%)!important;
  animation:v60ChargeSweep 2.8s linear infinite!important;
  pointer-events:none!important;
}
@keyframes v60ChargeSweep{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .sike-v60-runtime-strip{
    grid-template-columns:34px minmax(0,1fr) 58px!important;
    min-height:56px!important;
    padding:8px!important;
  }
  .sike-v60-runtime-icon{width:34px!important;height:34px!important}
  .sike-v60-mini-battery{width:52px!important;height:24px!important}
  .sike-v60-runtime-strip strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .sike-v60-charge-ring:before,
  .sike-v60-charge-pulse i,
  .sike-v60-charge-ring.is-discharging:after{animation:none!important}
}


/* SIKE V62 — POWERCELL voltage modes */
[data-powercell-mode-live],
[data-powercell-mode-factor]{
  transition:color .22s ease,text-shadow .22s ease!important;
}
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="boost-"] [data-powercell-mode-factor]{
  color:#ff7545!important;
  text-shadow:0 0 14px rgba(255,105,61,.16)!important;
}
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-live],
html[data-powercell-voltage-mode="power-save"] [data-powercell-mode-factor]{
  color:#69d79a!important;
}
html[data-powercell-voltage-mode="balanced"] [data-powercell-mode-live]{
  color:#e9ecef!important;
}
html[data-powercell-voltage-mode="boost-"] .powercell-v56-wave i{
  animation-duration:.42s!important;
}
html[data-powercell-voltage-mode="power-save"] .powercell-v56-wave i{
  animation-duration:1.2s!important;
  opacity:.72!important;
}
html[data-powercell-voltage-mode="balanced"] .powercell-v56-wave i{
  animation-duration:.9s!important;
}


/* ===================================================================
   SIKE V63 — POWERCELL HISTORICAL REPORTS
   =================================================================== */
.powercell-v63-report{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#15181d 0%,#0c0f13 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.12)!important;
}
.powercell-v63-report-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
}
.powercell-v63-report-head>div:first-child>span{
  color:#ff7045!important;font-size:5.8px!important;letter-spacing:.14em!important;font-weight:950!important;
}
.powercell-v63-report-head h3{
  margin:5px 0 0!important;color:#f3f4f5!important;font-size:23px!important;letter-spacing:-.045em!important;
}
.powercell-v63-report-head small{
  display:block!important;margin-top:4px!important;color:#5e6872!important;font-size:6px!important;
}
.powercell-v63-report-live{
  min-height:29px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#090c10!important;
}
.powercell-v63-report-live i{width:7px!important;height:7px!important;border-radius:50%!important;background:#30d17a!important;box-shadow:0 0 0 4px rgba(48,209,122,.08)!important;animation:v63RecordPulse 1s ease-in-out infinite alternate!important}
.powercell-v63-report-live b{color:#78828c!important;font-size:5.6px!important;letter-spacing:.1em!important}
@keyframes v63RecordPulse{to{opacity:.45;transform:scale(.78)}}

.powercell-v63-report-toolbar{
  margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 175px!important;gap:8px!important;
}
.powercell-v63-periods{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:4px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-periods button{
  min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#68727c!important;font-size:6.5px!important;font-weight:850!important;cursor:pointer!important;
}
.powercell-v63-periods button.active{
  background:#191d22!important;color:#f2f3f4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.powercell-v63-battery-select{
  min-width:0!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;
}
.powercell-v63-battery-select span{color:#56606a!important;font-size:4.8px!important;letter-spacing:.1em!important;font-weight:900!important}
.powercell-v63-battery-select select{margin-top:2px!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#dfe2e5!important;font-size:6.6px!important;font-weight:750!important}

.powercell-v63-metrics{
  margin-top:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-metrics button{
  min-height:71px!important;padding:10px!important;text-align:left!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#090c10!important;color:#fff!important;cursor:pointer!important;transition:.16s ease!important;
}
.powercell-v63-metrics button>span{display:block!important;color:#58626c!important;font-size:5.2px!important;letter-spacing:.08em!important}
.powercell-v63-metrics button>b{display:block!important;margin-top:5px!important;color:#e9ebed!important;font-size:15px!important;letter-spacing:-.03em!important}
.powercell-v63-metrics button>small{display:block!important;margin-top:3px!important;color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-metrics button.active{
  border-color:rgba(255,105,61,.30)!important;
  background:linear-gradient(145deg,rgba(255,105,61,.09),#090c10 62%)!important;
}
.powercell-v63-metrics button.active>span{color:#ff7045!important}

.powercell-v63-chart-card{
  margin-top:9px!important;padding:12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:#090c10!important;
}
.powercell-v63-chart-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.powercell-v63-chart-meta>div span{display:block!important;color:#58626c!important;font-size:5px!important;letter-spacing:.09em!important;font-weight:900!important}
.powercell-v63-chart-meta>div b{display:block!important;margin-top:3px!important;color:#ff7045!important;font-size:12px!important}
.powercell-v63-chart-meta>small{color:#4e5862!important;font-size:5.2px!important}
.powercell-v63-chart-stage{position:relative!important;height:210px!important;margin-top:8px!important}
.powercell-v63-chart-stage canvas{display:block!important;width:100%!important;height:100%!important}
.powercell-v63-chart-axis{display:flex!important;justify-content:space-between!important;margin-top:2px!important;color:#3f4851!important;font-size:4.8px!important;letter-spacing:.08em!important}
.powercell-v63-chart-tooltip{
  position:absolute!important;z-index:5!important;transform:translate(-50%,-115%)!important;min-width:66px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:rgba(21,24,29,.96)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;pointer-events:none!important;text-align:center!important;
}
.powercell-v63-chart-tooltip b{display:block!important;color:#fff!important;font-size:7px!important}
.powercell-v63-chart-tooltip span{display:block!important;margin-top:2px!important;color:#6d7781!important;font-size:5px!important}

.powercell-v63-summary{
  margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;
}
.powercell-v63-summary>div{
  padding:10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#090c10!important;
}
.powercell-v63-summary span{display:block!important;color:#56606a!important;font-size:5px!important;letter-spacing:.08em!important}
.powercell-v63-summary b{display:block!important;margin-top:5px!important;color:#e9ecef!important;font-size:12px!important}
.powercell-v63-summary small{display:block!important;margin-top:3px!important;color:#46505a!important;font-size:5px!important}
.powercell-v63-report-foot{
  margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.powercell-v63-report-foot>span{display:flex!important;align-items:center!important;gap:6px!important;color:#555f69!important;font-size:5.4px!important}
.powercell-v63-report-foot>span i{width:6px!important;height:6px!important;border-radius:50%!important;background:#30d17a!important}
.powercell-v63-report-foot button{
  min-height:31px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;background:#11151a!important;color:#747e88!important;font-size:5.8px!important;font-weight:800!important;cursor:pointer!important;
}

@media(max-width:720px){
  .powercell-v63-report{padding:13px!important;border-radius:18px!important}
  .powercell-v63-report-head h3{font-size:19px!important}
  .powercell-v63-report-toolbar{grid-template-columns:1fr!important}
  .powercell-v63-battery-select{min-height:42px!important}
  .powercell-v63-metrics{grid-template-columns:1fr 1fr!important}
  .powercell-v63-chart-stage{height:175px!important}
  .powercell-v63-summary{grid-template-columns:1fr 1fr!important}
  .powercell-v63-report-foot{align-items:flex-start!important;flex-direction:column!important}
  .powercell-v63-report-foot button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .powercell-v63-report-live i{animation:none!important}
}

/* SIKE V64 — battery actual-voltage status */
[data-battery-actual-voltage],[data-pack-voltage]{
  font-variant-numeric:tabular-nums!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
[data-battery-low-voltage]{
  color:#ff8b67!important;
  font-variant-numeric:tabular-nums!important;
}
.powercell-v63-report-head small b{
  color:#a9b1b9!important;
  font-weight:800!important;
}


/* ================================================================
   SIKE V66 — GLOBAL SMOOTHNESS / STABLE INTERACTION
   ================================================================ */
html{scroll-behavior:smooth!important}
body{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  overscroll-behavior-y:none!important;
}
[data-sike-ios],
.sike-ios-shell,
.sike-ios-main,
.sike-ios-view,
.sike-ios-card,
.powercell-v56-hero,
.powercell-v63-report,
.sike-link-hero,
.sike-link-guide{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-lab-scene],
.lab-scene,
.sike-3d-stage,
.sike-3d-shell,
[data-product-frame]{
  contain:layout paint style!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
[data-product-frame]{
  transition:opacity .22s ease,filter .22s ease!important;
}
[data-product-frame].switching{
  opacity:.78!important;
  filter:saturate(.92)!important;
}
button,a,input,select,.sike-ios-card,[data-device-select]{
  -webkit-tap-highlight-color:transparent!important;
}
button,[role="button"],a{
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease,
    opacity .16s ease,
    transform .16s ease!important;
}
button:active,[role="button"]:active{
  transform:scale(.985)!important;
}
.sike-ios-view.active{
  animation:v66ViewIn .20s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes v66ViewIn{
  from{opacity:.01;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.sike-ios-bottom-player,
.sike-global-player{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sike-ios-view.active{animation:none!important}
}


/* ================================================================
   SIKE V68 — ULTRA SMOOTH 3D CAMERA
   ================================================================ */
.lab-scene{
  contain:strict!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.lab-speaker{
  transition:width .18s ease,height .18s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  perspective-origin:center!important;
}
.lab-cabinet{
  will-change:auto!important;
}
body.sike-model-interacting .lab-floor{
  filter:none!important;
  opacity:.55!important;
}
body.sike-model-interacting .lab-cabinet,
body.sike-model-interacting .lab-cabinet *{
  box-shadow:none!important;
}
body.sike-model-interacting .lab-speaker{
  transition:none!important;
}
.sike-builder-live-frame{
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media(max-width:760px){
  .lab-scene{perspective:1300px!important}
}


/* ================================================================
   SIKE V69 — LOW HEAT / IDLE PERFORMANCE
   ================================================================ */

/* Do NOT keep huge 3D layers promoted forever. */
body:not(.sike-model-interacting) .lab-speaker,
body.sike-model-idle .lab-speaker{
  will-change:auto!important;
}

/* Promote only while user is actually moving the model. */
body.sike-model-interacting .lab-speaker{
  will-change:transform!important;
}

/* Stop decorative animation load when idle. */
body.sike-model-idle .lab-floor,
body.sike-model-idle .sike-v60-charge-ring:before,
body.sike-model-idle .sike-v60-charge-pulse i,
body.sike-model-idle .sike-v60-charge-ring.is-discharging:after,
body.sike-model-idle .powercell-v63-report-live i{
  animation-play-state:paused!important;
}

/* Reduce expensive shadows and filters on phone/tablet. */
@media(max-width:900px){
  .lab-speaker,
  .lab-cabinet,
  .powercell-v63-report,
  .sike-ios-card{
    filter:none!important;
    box-shadow:none!important;
  }
  .sike-v60-charge-ring{
    box-shadow:none!important;
  }
}

/* Hide offscreen work aggressively. */
.sike-ios-view:not(.active){
  content-visibility:hidden!important;
  contain:strict!important;
}
.sike-ios-view.active{
  content-visibility:auto!important;
}

/* Avoid full-page paint storms from large gradients/shadows. */
[data-sike-ios]{
  contain:layout style!important;
}


/* SIKE V70 — POWERCELL quick-tab content isolation */
[data-view="battery"][data-powercell-active-tab]:not([data-powercell-active-tab="overview"]) [data-battery-report],
[data-battery-report][hidden]{
  display:none!important;
}

/* Smooth return when going back to Overview. */
[data-view="battery"][data-powercell-active-tab="overview"] [data-battery-report]:not([hidden]){
  display:block!important;
  animation:sikeV70ReportIn .18s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes sikeV70ReportIn{
  from{opacity:0;transform:translate3d(0,5px,0)}
  to{opacity:1;transform:none}
}

/* Each right-side quick tab behaves like its own clean page. */
[data-powercell-panel]{display:none!important}
[data-powercell-panel].active{display:block!important;animation:sikeV70PanelIn .18s cubic-bezier(.2,.72,.25,1) both!important}
@keyframes sikeV70PanelIn{
  from{opacity:0;transform:translate3d(0,4px,0)}
  to{opacity:1;transform:none}
}


/* SIKE V71 — realistic stable battery telemetry */
.powercell-v63-chart-card{
  background:linear-gradient(180deg,#090c10,#0b0e12)!important;
}
.powercell-v63-report-live b{
  color:#79838d!important;
}
.powercell-v63-report-live i{
  animation-duration:1.8s!important;
}
.powercell-v63-metrics button.active{
  background:linear-gradient(145deg,rgba(255,105,61,.055),#090c10 70%)!important;
}


/* SIKE V72 — real-history-only reports */
.powercell-v63-chart-stage{
  position:relative!important;
}
.powercell-v72-empty{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,105,61,.045),transparent 32%),
    rgba(9,12,16,.86)!important;
  backdrop-filter:blur(3px)!important;
  border-radius:12px!important;
}
.powercell-v72-empty[hidden]{display:none!important}
.powercell-v72-empty-icon{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#12161b!important;
  color:#ff7045!important;
  font-size:13px!important;
  margin-bottom:10px!important;
}
.powercell-v72-empty b{
  color:#e9ecef!important;
  font-size:10px!important;
}
.powercell-v72-empty span{
  max-width:360px!important;
  margin-top:5px!important;
  color:#5c6670!important;
  font-size:6px!important;
  line-height:1.5!important;
}
.powercell-v63-summary.is-empty{
  opacity:.5!important;
}


/* SIKE V74 — live report starts immediately */
.powercell-v63-chart-card:not(.is-empty) .powercell-v63-chart-stage{
  min-height:210px!important;
}
.powercell-v63-chart-meta [data-battery-chart-range]{
  font-variant-numeric:tabular-nums!important;
}


/* SIKE V75 — live report + reliable battery back */
.powercell-back[data-powercell-back]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.powercell-back[data-powercell-back]:active{
  transform:translateX(-2px) scale(.97)!important;
}
.powercell-v63-chart-stage canvas{
  opacity:1!important;
}
[data-battery-report]:not([hidden]){
  visibility:visible!important;
}


/* SIKE V77 — restored live telemetry motion */
.powercell-v63-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.sike-live-telemetry-active .powercell-v63-report-live i{
  animation:v77LivePulse .7s ease-in-out infinite alternate!important;
}
@keyframes v77LivePulse{
  from{opacity:.55;transform:scale(.86)}
  to{opacity:1;transform:scale(1.12)}
}
[data-powercell-current],
[data-powercell-watts],
[data-powercell-rms],
[data-powercell-hz],
[data-powercell-live-voltage]{
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:900px){
  .powercell-v63-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}



/* =====================================================================
   SIKE V82 — MOBILE SIKE MUSIC = MUSIC ONLY
   No device tabs, device deck or scanner are visible while Music is open.
   Desktop and Dashboard remain unchanged.
   ===================================================================== */
@media(max-width:760px){
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-device-deck,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) [data-device-scan],
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-ios-device-row,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-ios-device-strip,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-device-picker,
  body:has(.sike-ios-view[data-view="music"]:not([hidden])) .sike-ios-top-devices{
    display:none!important;
  }

  .sike-ios-view[data-view="music"]:not([hidden]){
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
  }

  .sike-ios-view[data-view="music"]:not([hidden]) .sike-music-fullscreen{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}

@media(max-width:760px){
  body.sike-mobile-music-only .sike-device-deck,
  body.sike-mobile-music-only [data-device-scan],
  body.sike-mobile-music-only .sike-ios-device-row,
  body.sike-mobile-music-only .sike-ios-device-strip,
  body.sike-mobile-music-only .sike-device-picker,
  body.sike-mobile-music-only .sike-ios-top-devices{
    display:none!important;
  }
}



/* =====================================================================
   SIKE V125 — METAL VOLUME DIAL + LIVE 3D SYNC
   Same orange LED colour on dashboard and physical 3D control panel.
   ===================================================================== */

:root{
  --sike-volume-sync-led:#ff633f;
  --sike-volume-sync-led-hot:#ff8a63;
}

/* Keep the panel body dark/clean; only the actual knob is metallic. */
.sike-v124-volume-panel{
  background:
    radial-gradient(circle at 22% 50%,rgba(255,99,63,.085),transparent 40%),
    linear-gradient(145deg,#0a0d10 0%,#11151a 58%,#090c0f 100%)!important;
}

/* Brushed-metal style volume knob on the right dashboard. */
.sike-v124-dial-face{
  border:1px solid #5b626a!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.26) 0 3%,transparent 17%),
    repeating-conic-gradient(from 0deg,
      rgba(255,255,255,.055) 0deg 1deg,
      rgba(0,0,0,.03) 1deg 3deg),
    radial-gradient(circle at 50% 45%,#7c838a 0%,#565d64 19%,#30363c 42%,#171b20 69%,#090c0f 100%)!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.30),
    inset 0 -5px 12px rgba(0,0,0,.55),
    0 0 0 3px #11161b,
    0 7px 19px rgba(0,0,0,.44)!important;
}

.sike-v124-dial-face::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset 0 0 11px rgba(0,0,0,.32)!important;
  pointer-events:none!important;
}

.sike-v124-dial-face b,
.sike-v124-dial-face small{
  position:relative!important;
  z-index:3!important;
  text-shadow:0 1px 3px rgba(0,0,0,.72)!important;
}

.sike-v124-dial-mark{
  z-index:4!important;
  background:var(--sike-volume-sync-led)!important;
  box-shadow:
    0 0 5px var(--sike-volume-sync-led),
    0 0 10px rgba(255,99,63,.48)!important;
}

/* One fixed SIKE orange LED language across the entire volume system. */
.sike-v124-led-ring i.is-active{
  background:var(--sike-volume-sync-led)!important;
  box-shadow:
    0 0 5px var(--sike-volume-sync-led),
    0 0 12px rgba(255,99,63,.44)!important;
}
.sike-v124-led-ring i.is-peak{
  background:var(--sike-volume-sync-led-hot)!important;
  box-shadow:
    0 0 7px var(--sike-volume-sync-led-hot),
    0 0 17px rgba(255,99,63,.58)!important;
}
.sike-v124-meter-bars i.is-active{
  background:linear-gradient(180deg,var(--sike-volume-sync-led-hot),var(--sike-volume-sync-led))!important;
  box-shadow:0 0 9px rgba(255,99,63,.25)!important;
}

/* Physical 3D SIKE ONE control panel receives exactly the same colour. */
.sike-app-embed .reference-control-panel .knob-led.is-active,
.sike-app-embed .reference-control-panel .rgb-volume-ring .knob-led.is-active,
.sike-app-embed .reference-control-panel .volume-ring .knob-led.is-active{
  background:var(--sike-sync-led-color,var(--sike-volume-sync-led))!important;
  color:var(--sike-sync-led-color,var(--sike-volume-sync-led))!important;
  box-shadow:
    0 0 4px var(--sike-sync-led-color,var(--sike-volume-sync-led)),
    0 0 9px color-mix(in srgb,var(--sike-sync-led-color,var(--sike-volume-sync-led)) 55%,transparent)!important;
}

/* Live sync state indicator. */
.sike-v124-panel-status span::after{
  content:"SYNC"!important;
  display:inline-block!important;
  margin-left:7px!important;
  padding:2px 5px!important;
  border:1px solid rgba(255,99,63,.22)!important;
  border-radius:999px!important;
  color:var(--sike-volume-sync-led)!important;
  font-size:4.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}



/* =====================================================================
   SIKE V139 — NEW CLEAN APP.PHP + MOBILE SIKEAPP DASHBOARD
   ===================================================================== */

/* ---------------- app.php ---------------- */
.sike-v139-app{
  min-height:calc(100vh - var(--site-header-height,132px));
  padding:24px;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,104,47,.18),transparent 31%),
    radial-gradient(circle at 88% 72%,rgba(180,20,56,.14),transparent 32%),
    #090b0e;
  color:#fff;
}
.sike-v139-shell{max-width:1480px;margin:0 auto}
.sike-v139-banner{
  min-height:48px;padding:0 17px;margin-bottom:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#0e1115;border:1px solid rgba(255,255,255,.07);border-radius:14px;
}
.sike-v139-banner>div{display:flex;align-items:center;gap:9px}
.sike-v139-banner strong{font-size:8px;letter-spacing:.16em}
.sike-v139-banner small,.sike-v139-banner>span{font-size:6px;color:#717982;letter-spacing:.12em;font-weight:800}
.sike-v139-live-dot{width:7px;height:7px;border-radius:50%;background:#2bd883;box-shadow:0 0 10px rgba(43,216,131,.5)}
.sike-v139-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.7fr);gap:14px;align-items:stretch}
.sike-v139-story,.sike-v139-login{border:1px solid rgba(255,255,255,.07);border-radius:22px;background:#111419}
.sike-v139-story{padding:38px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);grid-template-rows:1fr auto;gap:20px;overflow:hidden;position:relative}
.sike-v139-story:after{content:"";position:absolute;inset:auto -10% -30% 20%;height:60%;background:radial-gradient(ellipse at center,rgba(255,85,43,.13),transparent 65%);pointer-events:none}
.sike-v139-copy{align-self:center;position:relative;z-index:2}
.sike-v139-kicker{display:block;color:#ff7047;font-size:7px;font-weight:900;letter-spacing:.15em;margin-bottom:10px}
.sike-v139-copy h1{font-size:clamp(48px,5vw,82px);line-height:.89;letter-spacing:-.055em;margin:0}
.sike-v139-copy h1 em{color:#ff5a3d;font-style:normal}
.sike-v139-copy p{max-width:460px;margin:18px 0 22px;color:#929aa3;font-size:12px;line-height:1.55}
.sike-v139-mini-points{display:flex;gap:7px;flex-wrap:wrap}
.sike-v139-mini-points span{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:#0a0d10;border:1px solid rgba(255,255,255,.06)}
.sike-v139-mini-points i{font-style:normal;color:#ff6643;font-size:6px}.sike-v139-mini-points b{font-size:8px}
.sike-v139-product-banner{min-height:330px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#171b20,#090b0e);border:1px solid rgba(255,255,255,.06)}
.sike-v139-product-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 55%,rgba(255,92,47,.18),transparent 35%);pointer-events:none}
.sike-v139-product-banner img{position:absolute;right:-5%;bottom:-18%;height:120%;max-width:68%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.5))}
.sike-v139-product-copy{position:absolute;z-index:2;left:22px;top:22px}
.sike-v139-product-copy>span{font-size:6px;letter-spacing:.13em;color:#737c85;font-weight:900}
.sike-v139-product-copy strong{display:block;margin-top:10px;font-size:24px;letter-spacing:-.035em}
.sike-v139-product-copy small{display:block;color:#777f88;font-size:8px;margin-top:3px}
.sike-v139-product-copy div{display:flex;gap:6px;align-items:center;margin-top:14px;font-size:7px;color:#8a939c;font-weight:800}
.sike-v139-product-copy div i{width:7px;height:7px;border-radius:50%;background:#2bd883;box-shadow:0 0 8px rgba(43,216,131,.5)}
.sike-v139-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sike-v139-strip span{padding:12px 14px;border-radius:12px;background:#0a0d10;border:1px solid rgba(255,255,255,.055)}
.sike-v139-strip b{display:block;font-size:11px}.sike-v139-strip small{display:block;margin-top:3px;color:#737b84;font-size:6px}
.sike-v139-login{padding:26px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:570px}
.sike-v139-auth-head span,.sike-v139-ready>span{color:#ff7047;font-size:7px;font-weight:900;letter-spacing:.14em}
.sike-v139-auth-head h2,.sike-v139-ready h2{font-size:34px;line-height:1;margin:8px 0 7px;letter-spacing:-.045em}
.sike-v139-auth-head p,.sike-v139-ready p{color:#828a93;font-size:9px;line-height:1.45;margin:0 0 18px}
.sike-v139-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:10px!important}
.sike-v139-tabs button{height:40px!important;border-radius:10px!important;background:#090c0f!important;border:1px solid rgba(255,255,255,.08)!important;color:#818a93!important;font-size:7px!important;font-weight:900!important}
.sike-v139-tabs button.active{background:#ff5d40!important;color:#fff!important;border-color:#ff5d40!important}
.sike-v139-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sike-v139-socials form{margin:0}.sike-v139-socials button{width:100%;height:39px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#090c0f;color:#fff;font-size:13px;font-weight:900}
.sike-v139-divider{height:30px;display:grid;place-items:center;position:relative}.sike-v139-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.07)}.sike-v139-divider span{position:relative;padding:0 8px;background:#111419;color:#5f6871;font-size:6px}
.sike-v139-form{display:none}.sike-v139-form.active{display:grid;gap:8px}
.sike-v139-form label>span{display:block;margin:0 0 4px;color:#727b84;font-size:6px;font-weight:900}
.sike-v139-form input[type=text],.sike-v139-form input[type=email],.sike-v139-form input[type=password]{width:100%;height:43px;padding:0 12px;background:#090c0f;color:#fff;border:1px solid rgba(255,255,255,.075);border-radius:10px;outline:none}
.sike-v139-form input:focus{border-color:rgba(255,95,62,.55)}
.sike-v139-primary{height:44px;margin-top:3px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:linear-gradient(90deg,#ff6a43,#ff493d);color:#fff;font-size:8px;font-weight:900;text-decoration:none}
.sike-v139-primary b{font-size:14px}.sike-v139-quiet{margin-top:12px;color:#6f7780;font-size:7px;text-align:center;text-decoration:none}
.sike-v139-account-top{display:grid;grid-template-columns:46px minmax(0,1fr) 8px;gap:11px;align-items:center;padding:12px;border-radius:14px;background:#090c0f;border:1px solid rgba(255,255,255,.06);margin-bottom:22px}
.sike-v139-avatar{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ff5d40;font-size:15px;font-weight:900}
.sike-v139-account-top span{display:block;color:#ff7047;font-size:5px;font-weight:900}.sike-v139-account-top strong{display:block;margin:3px 0 2px;font-size:11px}.sike-v139-account-top small{display:block;color:#717a83;font-size:7px}.sike-v139-account-top>i{width:8px;height:8px;border-radius:50%;background:#2bd883}

/* ---------------- sikeapp.php mobile cleanup ---------------- */
@media(max-width:720px){
  .sike-ios-app-page .sike-ios-view[data-view="home"].active{
    gap:8px!important;
  }

  .sike-ios-speaker-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .sike-ios-speaker-controls>.sike-ios-card,
  .sike-ios-powercell-controls>.sike-ios-card{
    border-radius:17px!important;
    padding:13px!important;
    box-shadow:none!important;
  }

  .sike-ios-card-title{
    margin-bottom:8px!important;
  }
  .sike-ios-card-title>div>span{font-size:14px!important}
  .sike-ios-card-title>div>small{font-size:8px!important}
  .sike-ios-card-title>strong{font-size:24px!important}

  /* Sound profiles = compact horizontal segmented control. */
  .sike-ios-speaker-controls>.sike-ios-card:not(.sike-v124-volume-card){
    min-height:0!important;
  }
  .sike-ios-speaker-controls .sike-ios-volume-quick{
    gap:5px!important;
  }
  .sike-ios-speaker-controls .sike-ios-volume-quick button{
    min-height:38px!important;
    border-radius:10px!important;
  }

  /* POWERCELL: compact app-style status card instead of a long stack. */
  .sike-ios-battery-health{
    padding:13px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-selector{
    min-height:54px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    margin-bottom:9px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-ring{
    width:132px!important;
    height:132px!important;
    margin:6px auto 8px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-ring strong{
    font-size:28px!important;
  }

  .sike-ios-battery-health .sike-ios-runtime{
    min-height:58px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    margin:7px 0!important;
  }

  .sike-ios-battery-health .sike-ios-runtime>div:first-child{
    width:38px!important;height:38px!important;border-radius:11px!important;
  }

  .sike-ios-battery-health .sike-ios-runtime strong{
    font-size:12px!important;
  }

  /* Metrics become a clean 2x2 compact grid. */
  .sike-ios-battery-health .sike-ios-battery-meta,
  .sike-ios-battery-health .sike-ios-battery-health-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-meta>div,
  .sike-ios-battery-health .sike-ios-battery-health-grid>div{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-meta span,
  .sike-ios-battery-health .sike-ios-battery-health-grid span{
    font-size:7px!important;
  }

  .sike-ios-battery-health .sike-ios-battery-meta b,
  .sike-ios-battery-health .sike-ios-battery-health-grid b{
    font-size:13px!important;
  }

  /* Hide low-value duplicate detail rows on phones to make it feel like an app. */
  .sike-ios-battery-health .sike-ios-battery-meta>div:nth-child(n+5),
  .sike-ios-battery-health .sike-ios-battery-health-grid>div:nth-child(n+5){
    display:none!important;
  }

  /* Global player on phone: more native-app like and less intrusive. */
  .sike-global-music-player,
  .sike-sitewide-player{
    left:8px!important;
    right:8px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
    min-height:58px!important;
  }
}

@media(max-width:900px){
  .sike-v139-app{padding:10px 10px 88px}
  .sike-v139-banner{min-height:42px;margin-bottom:8px;padding:0 11px}
  .sike-v139-banner>span{display:none}
  .sike-v139-grid{display:block}
  .sike-v139-story{display:block;padding:18px;border-radius:18px;margin-bottom:8px}
  .sike-v139-copy h1{font-size:48px}
  .sike-v139-copy p{margin:12px 0 14px;font-size:10px}
  .sike-v139-mini-points{margin-bottom:12px}
  .sike-v139-product-banner{min-height:210px}
  .sike-v139-product-banner img{height:110%;max-width:72%;right:-10%;bottom:-18%}
  .sike-v139-product-copy strong{font-size:20px}
  .sike-v139-strip{grid-template-columns:1fr 1fr;margin-top:8px}
  .sike-v139-login{min-height:0;padding:18px;border-radius:18px}
  .sike-v139-auth-head h2,.sike-v139-ready h2{font-size:29px}
}

@media(max-width:520px){
  .sike-v139-story{padding:15px}
  .sike-v139-copy h1{font-size:43px}
  .sike-v139-mini-points span{flex:1 1 30%;justify-content:center;padding:8px 5px}
  .sike-v139-product-banner{min-height:180px}
  .sike-v139-product-banner img{height:105%;right:-14%;max-width:75%}
  .sike-v139-product-copy{left:15px;top:15px}
  .sike-v139-strip{gap:5px}.sike-v139-strip span{padding:10px}
  .sike-v139-login{padding:15px}
  .sike-v139-socials button{height:42px}
}



/* =====================================================================
   SIKE V140 — MOBILE BOTTOM NAV FULL FUNCTION FIX
   Dashboard / Sound / Music / SIKE Link / Features / Settings
   ===================================================================== */

@media(max-width:900px){

  /* Hide desktop-only brand slot inside the mobile bottom nav. */
  .sike-ios-tabbar .sike-app-nav-brand{
    display:none!important;
  }

  /* Six equal, fully tappable navigation buttons. */
  .sike-ios-tabbar{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;

    position:fixed!important;
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;

    margin:0!important;
    padding:5px!important;
    transform:none!important;

    gap:3px!important;
    align-items:stretch!important;

    z-index:12000!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    overflow:visible!important;

    background:rgba(8,10,13,.96)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  }

  .sike-ios-tabbar button{
    position:relative!important;
    z-index:2!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;

    margin:0!important;
    padding:4px 2px!important;

    border:0!important;
    border-radius:13px!important;

    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .sike-ios-tabbar button i{
    pointer-events:none!important;
    font-size:16px!important;
    line-height:1!important;
  }

  .sike-ios-tabbar button span{
    pointer-events:none!important;
    font-size:5.5px!important;
    line-height:1.1!important;
    margin-top:3px!important;
    white-space:nowrap!important;
  }

  .sike-ios-tabbar button.active{
    background:linear-gradient(145deg,#ff6b43,#f04438)!important;
    color:#fff!important;
  }

  /* The music player must sit ABOVE the nav instead of physically covering it. */
  .sike-global-music-player:not(.is-minimized),
  .sike-sitewide-player:not(.is-minimized){
    bottom:calc(80px + env(safe-area-inset-bottom))!important;
    z-index:11000!important;
  }

  .sike-global-music-player.is-minimized,
  .sike-sitewide-player.is-minimized{
    bottom:calc(80px + env(safe-area-inset-bottom))!important;
    z-index:11000!important;
  }

  /* Reserve enough page space so final content is not hidden by nav/player. */
  .sike-ios-shell{
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }

  /* Any decorative app layers must never intercept taps. */
  .sike-ios-shell:before,
  .sike-abstract-bg,
  .sike-ios-bg{
    pointer-events:none!important;
  }
}

/* Narrow phones still keep all six buttons tappable. */
@media(max-width:390px){
  .sike-ios-tabbar{
    left:5px!important;
    right:5px!important;
    gap:2px!important;
    padding:4px!important;
  }
  .sike-ios-tabbar button{
    padding-left:1px!important;
    padding-right:1px!important;
  }
  .sike-ios-tabbar button span{
    font-size:5px!important;
  }
}



/* =====================================================================
   SIKE V166 — MOBILE DASHBOARD POLISH
   Visual-only mobile refinement for sikeapp.php home dashboard.
   No data attributes, JS hooks, SIKE MUSIC interaction layers or desktop
   layout rules are changed.
   ===================================================================== */
@media (max-width:720px){
  body.sike-ios-app-page .sike-ios-view[data-view="home"].active{
    padding:8px 0 102px!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"]>.sike-ios-hero-card{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:26px!important;
    padding:16px 14px 14px!important;
    background:
      radial-gradient(circle at 86% 2%,rgba(255,92,55,.12),transparent 27%),
      linear-gradient(180deg,#15191e 0%,#0d1115 100%)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-hero-head{
    align-items:center!important;
    min-height:58px!important;
    padding:1px 2px 10px!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-connected{
    color:#aab1b8!important;
    font-size:8px!important;
    letter-spacing:.11em!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-hero-head h1{
    margin:7px 0 3px!important;
    color:#fff!important;
    font-size:29px!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-hero-head p{
    color:#838b94!important;
    font-size:10px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-power{
    width:48px!important;
    height:29px!important;
    flex:0 0 48px!important;
    box-shadow:0 5px 16px rgba(0,0,0,.22)!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock{
    margin:10px 0 8px!important;
    padding:9px!important;
    border-radius:17px!important;
    border-color:rgba(255,255,255,.07)!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:none!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock-title{
    margin:0 0 8px!important;
    padding:0 2px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock-title span{
    color:#ff7655!important;
    font-size:7px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock-title strong{
    color:#fff!important;
    font-size:15px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock .sike-ios-device-switcher,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock .sike-device-strip{
    gap:7px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock .sike-scan-device-card,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-v132-device-dock .sike-connected-device-card{
    border-radius:14px!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-product-stage{
    height:250px!important;
    min-height:250px!important;
    margin:4px -4px 0!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(255,255,255,.055),transparent 38%),
      linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-drag-hint{
    left:50%!important;
    bottom:7px!important;
    width:max-content!important;
    max-width:88%!important;
    transform:translateX(-50%)!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.5)!important;
    backdrop-filter:blur(8px)!important;
    color:#9ea5ac!important;
    font-size:6px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:9px 0 0!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row>div,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row>div:last-child{
    grid-column:auto!important;
    min-width:0!important;
    padding:10px 8px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.04)!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row span{
    color:#757e87!important;
    font-size:7px!important;
    letter-spacing:.05em!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row strong{
    display:block!important;
    margin-top:3px!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row small{
    display:block!important;
    margin-top:3px!important;
    color:#6f7780!important;
    font-size:6.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-app-live-strip{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:5px 9px!important;
    align-items:center!important;
    margin:8px 0 0!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.055)!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-app-live-strip>span:first-child{
    grid-column:1/-1!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-app-live-strip span{
    min-width:0!important;
    font-size:7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-app-live-strip a{
    font-size:7px!important;
    white-space:nowrap!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-device-deck{
    margin:10px 0 0!important;
    padding:12px!important;
    border-radius:19px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:none!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-device-deck-head{
    margin-bottom:10px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-device-deck-head h3{
    color:#fff!important;
    font-size:19px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-device-add{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-team-card,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-linked-device{
    border-radius:16px!important;
    overflow:hidden!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-device-deck-footer{
    gap:6px!important;
    margin-top:8px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-device-deck-footer button{
    min-height:44px!important;
    border-radius:13px!important;
    touch-action:manipulation!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"]>.sike-ios-speaker-controls{
    gap:10px!important;
    margin-top:11px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"]>.sike-ios-speaker-controls .sike-ios-card{
    border-radius:21px!important;
    padding:15px!important;
    border:1px solid rgba(22,27,32,.07)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.07)!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-card-title>div>span{
    font-size:15px!important;
    letter-spacing:-.02em!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-card-title>div>small{
    font-size:8px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-volume-quick{
    gap:6px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-volume-quick button,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-segmented button{
    min-height:38px!important;
    border-radius:12px!important;
    font-size:8px!important;
    touch-action:manipulation!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"]>.sike-live-analytics{
    margin-top:11px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 14px 34px rgba(0,0,0,.09)!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-head{
    padding:15px 15px 10px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-head h3{
    font-size:20px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 12px 11px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-summary>div{
    min-width:0!important;
    border-radius:14px!important;
    padding:10px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-summary>div:last-child{
    grid-column:1/-1!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-tabs{
    margin:0 12px 10px!important;
    padding:4px!important;
    border-radius:13px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-tabs::-webkit-scrollbar{display:none!important;}
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-tabs button{
    min-width:58px!important;
    min-height:35px!important;
    border-radius:10px!important;
    touch-action:manipulation!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-chart-wrap{
    margin:0 12px 11px!important;
    border-radius:17px!important;
    overflow:hidden!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-analytics-foot,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-recent-playback{
    margin-left:12px!important;
    margin-right:12px!important;
  }
}

@media (max-width:390px){
  body.sike-ios-app-page .sike-ios-view[data-view="home"]>.sike-ios-hero-card{
    padding-left:12px!important;
    padding-right:12px!important;
    border-radius:23px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-product-stage{
    height:232px!important;
    min-height:232px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row{
    gap:5px!important;
  }
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row>div,
  body.sike-ios-app-page .sike-ios-view[data-view="home"] .sike-ios-status-row>div:last-child{
    padding:9px 6px!important;
  }
}






/* =====================================================================
   SIKE V171 — REAL WEB DASHBOARD GAP FIX
   Root cause: My Devices was placed in the old 300px flexible grid row.
   Desktop only. Mobile and SIKE Music remain untouched.
   ===================================================================== */
@media (min-width:901px){

  body.sike-ios-app-page .sike-ios-view[data-view="home"].active > .sike-ios-hero-card{
    display:block!important;
    grid-template-rows:none!important;
    min-height:0!important;
    height:auto!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"].active > .sike-ios-hero-card > .sike-ios-hero-head{
    margin:0!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"].active > .sike-ios-hero-card > .sike-v132-device-dock{
    margin-top:10px!important;
    margin-bottom:8px!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"].active > .sike-ios-hero-card > .sike-ios-product-stage{
    display:grid!important;
    margin:0 -4px!important;
    padding:0!important;
    width:auto!important;
    top:auto!important;
  }

  body.sike-ios-app-page .sike-ios-view[data-view="home"].active > .sike-ios-hero-card > .sike-ios-status-row{
    margin-top:9px!important;
  }

  /* Keep the 3D iframe filling only the real viewer instead of the old grid row. */
  body.sike-ios-app-page .sike-ios-view[data-view="home"].active .sike-builder-live-frame{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
  }
}


/* =====================================================================
   SIKE V172 — APP.PHP LANDING REDESIGN
   Scoped to app.php only. SIKE App, Music, Builder and product pages untouched.
   ===================================================================== */

body.sike-app-landing-v172{
  --v172-bg:#090b0e;
  --v172-panel:#11151a;
  --v172-panel-2:#151a20;
  --v172-line:rgba(255,255,255,.075);
  --v172-line-strong:rgba(255,255,255,.13);
  --v172-text:#f5f7f8;
  --v172-muted:#8e969f;
  --v172-accent:#f05a40;
  --v172-accent-2:#ff7b50;
  background:
    radial-gradient(circle at 22% 18%,rgba(240,90,64,.13),transparent 28%),
    radial-gradient(circle at 78% 72%,rgba(141,32,55,.13),transparent 30%),
    linear-gradient(180deg,#0d1014 0%,#090b0e 58%,#080a0c 100%)!important;
  color:var(--v172-text)!important;
  min-height:100vh;
}

body.sike-app-landing-v172 main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

body.sike-app-landing-v172 .v172-app-ambient{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

body.sike-app-landing-v172 .v172-app-ambient span{
  position:absolute;
  border-radius:50%;
  filter:blur(65px);
  opacity:.14;
}

body.sike-app-landing-v172 .v172-app-ambient span:nth-child(1){
  width:360px;height:360px;left:8%;top:8%;background:#f05a40;
}
body.sike-app-landing-v172 .v172-app-ambient span:nth-child(2){
  width:420px;height:420px;right:4%;top:28%;background:#65273a;
}
body.sike-app-landing-v172 .v172-app-ambient span:nth-child(3){
  width:300px;height:300px;left:45%;bottom:2%;background:#ff7b50;
}

/* Main shell */
body.sike-app-landing-v172 .app-page,
body.sike-app-landing-v172 .app-landing,
body.sike-app-landing-v172 .app-shell,
body.sike-app-landing-v172 [class*="app-landing"],
body.sike-app-landing-v172 [class*="app-page"]{
  position:relative;
}

body.sike-app-landing-v172 .app-shell,
body.sike-app-landing-v172 .app-landing-shell,
body.sike-app-landing-v172 .app-page-shell{
  max-width:1280px!important;
  margin:0 auto!important;
  padding:28px 22px 110px!important;
}

/* Top status strip */
body.sike-app-landing-v172 .app-statusbar,
body.sike-app-landing-v172 .app-topbar,
body.sike-app-landing-v172 [class*="statusbar"],
body.sike-app-landing-v172 [class*="topbar"]{
  border:1px solid var(--v172-line)!important;
  background:rgba(16,20,25,.72)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  border-radius:14px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.20)!important;
}

/* Main two-column area */
body.sike-app-landing-v172 .app-grid,
body.sike-app-landing-v172 .app-login-grid,
body.sike-app-landing-v172 .app-hero-grid,
body.sike-app-landing-v172 [class*="login-grid"],
body.sike-app-landing-v172 [class*="hero-grid"]{
  gap:14px!important;
  align-items:stretch!important;
}

/* Primary welcome panel */
body.sike-app-landing-v172 .app-hero-card,
body.sike-app-landing-v172 .app-welcome-card,
body.sike-app-landing-v172 [class*="hero-card"],
body.sike-app-landing-v172 [class*="welcome-card"]{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--v172-line)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    var(--v172-panel)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}

/* Background grid texture */
body.sike-app-landing-v172 .app-hero-card:before,
body.sike-app-landing-v172 .app-welcome-card:before,
body.sike-app-landing-v172 [class*="hero-card"]:before,
body.sike-app-landing-v172 [class*="welcome-card"]:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to right,rgba(0,0,0,.8),transparent 82%);
  opacity:.45;
}

body.sike-app-landing-v172 h1{
  font-size:clamp(54px,7vw,92px)!important;
  line-height:.84!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
  max-width:650px!important;
}

body.sike-app-landing-v172 h1 .accent,
body.sike-app-landing-v172 h1 strong:last-child{
  color:var(--v172-accent)!important;
}

body.sike-app-landing-v172 .eyebrow,
body.sike-app-landing-v172 [class*="eyebrow"]{
  color:var(--v172-accent-2)!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}

body.sike-app-landing-v172 p{
  color:var(--v172-muted);
}

/* Hardware/product visual panel */
body.sike-app-landing-v172 .app-device-preview,
body.sike-app-landing-v172 .device-preview,
body.sike-app-landing-v172 [class*="device-preview"]{
  border:1px solid var(--v172-line)!important;
  background:
    radial-gradient(circle at 60% 20%,rgba(255,255,255,.045),transparent 28%),
    #0d1014!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* Right account/action panel */
body.sike-app-landing-v172 .app-account-card,
body.sike-app-landing-v172 .app-login-card,
body.sike-app-landing-v172 [class*="account-card"],
body.sike-app-landing-v172 [class*="login-card"]{
  border:1px solid var(--v172-line)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.01)),
    #11151a!important;
  box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
}

body.sike-app-landing-v172 .account-row,
body.sike-app-landing-v172 .connected-account,
body.sike-app-landing-v172 [class*="account-row"],
body.sike-app-landing-v172 [class*="connected-account"]{
  border:1px solid var(--v172-line)!important;
  background:#0b0e12!important;
  border-radius:14px!important;
}

body.sike-app-landing-v172 .app-account-card h2,
body.sike-app-landing-v172 .app-login-card h2,
body.sike-app-landing-v172 [class*="account-card"] h2,
body.sike-app-landing-v172 [class*="login-card"] h2{
  font-size:clamp(30px,3vw,48px)!important;
  line-height:.95!important;
  letter-spacing:-.05em!important;
}

/* Primary CTA */
body.sike-app-landing-v172 .app-primary,
body.sike-app-landing-v172 .primary-cta,
body.sike-app-landing-v172 a[href*="sikeapp.php"],
body.sike-app-landing-v172 button[type="submit"]{
  min-height:48px!important;
  border-radius:11px!important;
  border:1px solid var(--v172-accent)!important;
  background:
    linear-gradient(135deg,var(--v172-accent),#ff6b48)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 8px 24px rgba(240,90,64,.18)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

body.sike-app-landing-v172 .app-primary:hover,
body.sike-app-landing-v172 .primary-cta:hover,
body.sike-app-landing-v172 a[href*="sikeapp.php"]:hover,
body.sike-app-landing-v172 button[type="submit"]:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(240,90,64,.26)!important;
  filter:saturate(1.07)!important;
}

/* Feature/status row */
body.sike-app-landing-v172 .app-feature-row,
body.sike-app-landing-v172 .app-stats-row,
body.sike-app-landing-v172 [class*="feature-row"],
body.sike-app-landing-v172 [class*="stats-row"]{
  gap:8px!important;
}

body.sike-app-landing-v172 .app-feature-row > *,
body.sike-app-landing-v172 .app-stats-row > *,
body.sike-app-landing-v172 [class*="feature-row"] > *,
body.sike-app-landing-v172 [class*="stats-row"] > *{
  border:1px solid var(--v172-line)!important;
  border-radius:11px!important;
  background:#0d1014!important;
}

/* Compact pills */
body.sike-app-landing-v172 .pill,
body.sike-app-landing-v172 [class*="pill"]{
  border:1px solid var(--v172-line)!important;
  background:#0c0f13!important;
  border-radius:999px!important;
}

/* Phone */
@media(max-width:760px){
  body.sike-app-landing-v172{
    background:
      radial-gradient(circle at 70% 4%,rgba(240,90,64,.14),transparent 28%),
      #090b0e!important;
  }

  body.sike-app-landing-v172 .app-shell,
  body.sike-app-landing-v172 .app-landing-shell,
  body.sike-app-landing-v172 .app-page-shell{
    padding:14px 10px 104px!important;
  }

  body.sike-app-landing-v172 .app-grid,
  body.sike-app-landing-v172 .app-login-grid,
  body.sike-app-landing-v172 .app-hero-grid,
  body.sike-app-landing-v172 [class*="login-grid"],
  body.sike-app-landing-v172 [class*="hero-grid"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.sike-app-landing-v172 .app-hero-card,
  body.sike-app-landing-v172 .app-welcome-card,
  body.sike-app-landing-v172 [class*="hero-card"],
  body.sike-app-landing-v172 [class*="welcome-card"],
  body.sike-app-landing-v172 .app-account-card,
  body.sike-app-landing-v172 .app-login-card,
  body.sike-app-landing-v172 [class*="account-card"],
  body.sike-app-landing-v172 [class*="login-card"]{
    border-radius:16px!important;
    box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
  }

  body.sike-app-landing-v172 h1{
    font-size:54px!important;
    line-height:.86!important;
    margin-bottom:12px!important;
  }

  body.sike-app-landing-v172 .app-device-preview,
  body.sike-app-landing-v172 .device-preview,
  body.sike-app-landing-v172 [class*="device-preview"]{
    min-height:280px!important;
    border-radius:14px!important;
  }

  body.sike-app-landing-v172 .app-account-card,
  body.sike-app-landing-v172 .app-login-card,
  body.sike-app-landing-v172 [class*="account-card"],
  body.sike-app-landing-v172 [class*="login-card"]{
    padding:16px!important;
  }

  body.sike-app-landing-v172 .app-account-card h2,
  body.sike-app-landing-v172 .app-login-card h2,
  body.sike-app-landing-v172 [class*="account-card"] h2,
  body.sike-app-landing-v172 [class*="login-card"] h2{
    font-size:34px!important;
  }

  body.sike-app-landing-v172 a[href*="sikeapp.php"],
  body.sike-app-landing-v172 button[type="submit"]{
    width:100%!important;
    min-height:50px!important;
  }
}

/* Tablet */
@media(min-width:761px) and (max-width:1100px){
  body.sike-app-landing-v172 .app-grid,
  body.sike-app-landing-v172 .app-login-grid,
  body.sike-app-landing-v172 .app-hero-grid,
  body.sike-app-landing-v172 [class*="login-grid"],
  body.sike-app-landing-v172 [class*="hero-grid"]{
    grid-template-columns:1fr!important;
  }
}


/* ===== SIKE V173 app.php product showcase ===== */
body.sike-app-landing-v172 .sike-v173-showcase{position:relative;padding:48px 20px 150px;background:linear-gradient(180deg,transparent,#090b0e 6%,#090b0e 100%);color:#f7f7f5}
.sike-v173-wrap{width:min(1240px,100%);margin:auto}
.sike-v173-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:50px;padding:72px 0 40px;border-top:1px solid rgba(255,255,255,.08)}
.sike-v173-kicker,.sike-v173-copy>span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#ff6548}
.sike-v173-intro h2,.sike-v173-connected h2,.sike-v173-platform h2,.sike-v173-final h2{font-size:clamp(48px,6vw,86px);line-height:.9;letter-spacing:-.06em;margin:12px 0 0;color:#f7f7f5}
.sike-v173-intro h2 em,.sike-v173-final h2 em{font-style:normal;color:#ff6045}
.sike-v173-intro p,.sike-v173-connected p,.sike-v173-platform p{max-width:560px;font-size:17px;line-height:1.65;color:#9199a2;margin:0 0 8px}
.sike-v173-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sike-v173-feature{min-height:500px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,#13171c,#0e1115);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.sike-v173-feature-main{grid-column:1/-1;min-height:560px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;background:radial-gradient(circle at 80% 50%,rgba(255,94,67,.11),transparent 30%),linear-gradient(145deg,#13171c,#0d1014)}
.sike-v173-copy h3{font-size:clamp(34px,4vw,58px);letter-spacing:-.05em;line-height:.95;margin:12px 0;color:#f8f8f7}
.sike-v173-copy p{font-size:15px;line-height:1.65;max-width:440px;color:#8f979f}
.sike-v173-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.sike-v173-tags b{font-size:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#b7bdc3}
.sike-v173-ui{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#090d11;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.volume-ui{padding:26px;min-height:330px;display:grid;grid-template-columns:190px 1fr;grid-template-rows:auto 1fr auto;align-items:center;gap:15px}
.v173-ui-top{grid-column:1/-1;display:flex;justify-content:space-between;font-weight:800}.v173-ui-top i{width:9px;height:9px;border-radius:50%;background:#34e58a;box-shadow:0 0 15px #34e58a}
.v173-knob{width:158px;height:158px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#171d23 42%,#0b0f13 44%,#11171c 60%,#050708 62%);box-shadow:0 0 0 2px #222b33,0 0 45px rgba(69,131,255,.14)}
.v173-knob span{font-size:44px;font-weight:900}.v173-knob small{font-size:15px;color:#8c959d}
.v173-bars{display:flex;align-items:end;gap:7px;height:90px}.v173-bars i{flex:1;min-width:7px;height:var(--h,50%);border-radius:4px;background:linear-gradient(#ff7b55,#ee543d)}.v173-bars i:nth-child(2){height:38%}.v173-bars i:nth-child(3){height:47%}.v173-bars i:nth-child(4){height:58%}.v173-bars i:nth-child(5){height:68%}.v173-bars i:nth-child(6){height:78%}.v173-bars i:nth-child(7){height:88%}.v173-bars i:nth-child(8){height:75%}.v173-bars i:nth-child(9){height:55%;background:#252c33}.v173-bars i:nth-child(10){height:45%;background:#252c33}
.v173-pills{grid-column:1/-1;display:flex;gap:8px}.v173-pills span{flex:1;text-align:center;padding:10px;border:1px solid #252d35;border-radius:9px;font-size:9px;font-weight:800;color:#747d86}.v173-pills .on{background:#f05a40;color:#fff;border-color:#f05a40}
.battery-ui{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.v173-battery-ring{grid-column:1/-1;width:190px;height:190px;margin:5px auto 30px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#ff6246 0 81%,#24292e 81%);box-shadow:inset 0 0 0 28px #101419}.v173-battery-ring strong{font-size:42px}.v173-battery-ring small{font-size:9px;letter-spacing:.13em;color:#9ca3aa}.v173-stat{padding:16px;border:1px solid #20262c;border-radius:12px}.v173-stat span{display:block;font-size:8px;color:#ff6548;font-weight:900}.v173-stat strong{font-size:15px}
.music-ui{padding:18px;display:grid;grid-template-columns:80px 1fr 56px;gap:15px;align-items:center;margin-top:28px}.v173-album{width:80px;height:80px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#f66949,transparent 35%),linear-gradient(135deg,#37202c,#0a1016)}.v173-track{display:flex;flex-direction:column}.v173-track small{font-size:8px;color:#ff6548;font-weight:900}.v173-track strong{font-size:17px}.v173-track span{font-size:10px;color:#6f7881}.music-ui button{width:54px;height:54px;border:0;border-radius:50%;background:#fff;color:#0c1014}
.sike-v173-connected{margin-top:12px;min-height:660px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at 75% 50%,rgba(239,86,61,.18),transparent 34%),#101419;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:60px;overflow:hidden}
.sike-v173-open{display:inline-flex;gap:70px;align-items:center;margin-top:28px;padding:15px 18px;background:#f25c42;color:white!important;text-decoration:none;border-radius:10px;font-size:12px;font-weight:900}
.sike-v173-phone-stage{position:relative;height:520px}.sike-v173-phone{position:absolute;width:255px;height:510px;border:7px solid #272c31;border-radius:38px;background:#090c10;padding:28px 18px;box-shadow:0 35px 80px rgba(0,0,0,.45);overflow:hidden}.sike-v173-phone.front{right:15%;top:5px;transform:rotate(5deg)}.sike-v173-phone.back{left:14%;top:40px;transform:rotate(-8deg);opacity:.72}.phone-head{font-size:9px;font-weight:900;letter-spacing:.14em}.phone-head b{color:#ff6548}.phone-device{margin-top:35px;padding:18px;border:1px solid #232930;border-radius:15px;font-size:15px;font-weight:900}.phone-device i{float:right;width:8px;height:8px;background:#38dc8c;border-radius:50%}.phone-circle{margin:42px auto 25px;width:150px;height:150px;border:15px solid #1d2730;border-top-color:#ff6045;border-right-color:#5b85ff;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:900}.phone-lines{display:flex;gap:5px}.phone-lines i{height:42px;flex:1;background:#f05a40;border-radius:4px}.phone-nav{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-around}.phone-nav i{width:22px;height:5px;border-radius:5px;background:#363d44}.phone-hero{font-size:35px;font-weight:900;line-height:.9;margin-top:50px}.phone-card{height:130px;margin-top:35px;border-radius:16px;background:linear-gradient(135deg,#f15b42,#44202b)}.phone-card.small{height:70px;margin-top:12px;background:#171c21}
.sike-v173-platform{margin-top:12px;padding:55px 60px;border:1px solid rgba(255,255,255,.08);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#11151a}.sike-v173-platform h2{font-size:54px}.sike-v173-store-row{display:flex;gap:10px}.sike-v173-store{flex:1;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #2a3036;border-radius:13px;background:#090c10}.sike-v173-store>span{font-size:25px}.sike-v173-store small{display:block;font-size:7px;color:#747d86;font-weight:900;letter-spacing:.1em}.sike-v173-store strong{font-size:17px}
.sike-v173-final{text-align:center;padding:130px 20px 20px}.sike-v173-final>span{font-size:10px;color:#ff6548;font-weight:900;letter-spacing:.18em}.sike-v173-final a{display:inline-flex;gap:60px;margin-top:38px;padding:16px 20px;border:1px solid #353b41;border-radius:10px;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900}.sike-v173-final a:hover{background:#f05a40;border-color:#f05a40}
@media(max-width:760px){
 body.sike-app-landing-v172 .sike-v173-showcase{padding:20px 10px 110px}
 .sike-v173-intro{grid-template-columns:1fr;padding:55px 6px 28px;gap:20px}.sike-v173-intro h2,.sike-v173-connected h2,.sike-v173-final h2{font-size:52px}
 .sike-v173-feature-grid{grid-template-columns:1fr}.sike-v173-feature-main{grid-column:auto;grid-template-columns:1fr;min-height:0}.sike-v173-feature{min-height:470px;padding:22px;border-radius:18px}
 .volume-ui{grid-template-columns:115px 1fr;padding:16px;min-height:250px}.v173-knob{width:105px;height:105px}.v173-knob span{font-size:30px}.v173-bars{gap:3px;height:65px}
 .sike-v173-connected{grid-template-columns:1fr;padding:32px 22px 0;min-height:790px;border-radius:18px}.sike-v173-phone-stage{height:470px;margin-top:30px}.sike-v173-phone{width:210px;height:430px}.sike-v173-phone.front{right:0}.sike-v173-phone.back{left:-20px}.phone-circle{width:120px;height:120px}
 .sike-v173-platform{grid-template-columns:1fr;padding:30px 22px;border-radius:18px}.sike-v173-platform h2{font-size:43px}.sike-v173-store-row{flex-direction:column}
 .sike-v173-final{padding:90px 5px 10px}
}


/* === SIKE V174 construction gate === */
.sike-build-gate{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:18px;background:rgba(4,6,8,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.sike-build-gate.is-minimized{display:none}.sike-build-gate-card{width:min(620px,100%);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:radial-gradient(circle at 85% 0,rgba(255,95,65,.15),transparent 32%),#101419;color:#f6f7f8;box-shadow:0 35px 100px rgba(0,0,0,.5)}
.sike-build-gate-mark{display:flex;align-items:center;gap:10px;margin-bottom:30px}.sike-build-gate-mark span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f05a40;font-weight:950;font-size:22px}.sike-build-gate-mark i{height:1px;flex:1;background:linear-gradient(90deg,#f05a40,transparent)}
.sike-build-gate-card h2{font-size:clamp(38px,7vw,66px);line-height:.91;letter-spacing:-.055em;margin:10px 0 18px}.sike-build-gate-card>p{font-size:14px;line-height:1.65;color:#959da6}.sike-build-gate-points{display:grid;gap:7px;margin:25px 0}.sike-build-gate-points div{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #232930;border-radius:11px;background:#0b0e12}.sike-build-gate-points b{color:#ff6548;font-size:10px}.sike-build-gate-points span{font-size:11px;color:#c3c8ce}.sike-build-gate-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.sike-build-gate-actions button,.sike-build-gate-actions a{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #30363d;font:800 11px inherit;text-decoration:none}.sike-build-gate-actions button{background:#0a0d10;color:#adb4bb}.sike-build-gate-actions a{background:#f05a40;color:white;border-color:#f05a40;gap:35px}
@media(max-width:600px){.sike-build-gate-card{padding:24px 18px;border-radius:18px}.sike-build-gate-actions{grid-template-columns:1fr}.sike-build-gate-card h2{font-size:44px}}

/* === SIKE Journal === */
.sike-blog-page{width:min(1240px,calc(100% - 32px));margin:auto;padding:80px 0 140px}.sike-blog-hero{padding:60px 0 65px;border-bottom:1px solid rgba(255,255,255,.08)}.sike-blog-hero h1{font-size:clamp(58px,8vw,110px);line-height:.84;letter-spacing:-.065em;margin:12px 0}.sike-blog-hero h1 em{font-style:normal;color:#f05a40}.sike-blog-hero p{max-width:580px;color:#89919a;font-size:16px;line-height:1.6}.sike-blog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:20px}.sike-blog-card{min-height:330px;padding:28px;border:1px solid #20262c;border-radius:18px;background:linear-gradient(145deg,#11151a,#0c0f13);display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-decoration:none;transition:.2s}.sike-blog-card:hover{transform:translateY(-3px);border-color:#4a3330}.sike-blog-card.featured{grid-column:1/-1;min-height:400px;background:radial-gradient(circle at 80% 40%,rgba(240,90,64,.15),transparent 30%),#11151a}.sike-blog-card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.sike-blog-card-top span{color:#ff6548;font-weight:900}.sike-blog-card-top time{color:#6f7881}.sike-blog-card h2{font-size:clamp(30px,4vw,52px);line-height:.95;letter-spacing:-.045em;margin:15px 0}.sike-blog-card p{max-width:700px;color:#8f979f;line-height:1.6}.sike-blog-card>b{font-size:11px}.sike-blog-article{max-width:850px;margin:auto;padding:40px 0}.sike-blog-back{color:#9ba3aa;text-decoration:none}.sike-blog-article header{padding:55px 0;border-bottom:1px solid #20262c}.sike-blog-article header>span{color:#ff6548;font:900 10px/1 sans-serif;letter-spacing:.14em}.sike-blog-article time{float:right;color:#707983;font-size:11px}.sike-blog-article h1{font-size:clamp(48px,7vw,86px);line-height:.92;letter-spacing:-.055em;margin:20px 0}.sike-blog-article header p{font-size:18px;line-height:1.65;color:#9aa2aa}.sike-blog-body{padding:45px 0}.sike-blog-body p{font-size:17px;line-height:1.85;color:#c0c5ca}
@media(max-width:700px){.sike-blog-page{padding-top:35px}.sike-blog-list{grid-template-columns:1fr}.sike-blog-card.featured{grid-column:auto}.sike-blog-card{min-height:280px;padding:20px}}

/* === SIKE Studio === */
.sike-studio{min-height:100vh;background:#090c10;color:#f7f8f8;padding:55px max(18px,calc((100vw - 1240px)/2)) 120px}.studio-login{width:min(480px,100%);margin:8vh auto;padding:35px;border:1px solid #252b31;border-radius:20px;background:#11151a}.studio-login h1,.studio-head h1{font-size:52px;letter-spacing:-.055em;margin:8px 0}.studio-login p,.studio-head p,.studio-card p{color:#89929a;line-height:1.6}.studio-login form,.studio-card form,.studio-editor form{display:grid;gap:10px}.studio-login label,.studio-editor label{display:grid;gap:6px;color:#8c949b;font-size:10px;font-weight:800}.studio-login input,.studio-card input,.studio-editor input,.studio-editor textarea,.studio-editor select{width:100%;box-sizing:border-box;border:1px solid #2a3138;border-radius:10px;background:#0a0d11;color:#fff;padding:12px}.studio-login button,.studio-card button,.studio-editor>form>button{border:0;border-radius:10px;background:#f05a40;color:#fff;padding:14px;font-weight:900}.studio-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:30px;border-bottom:1px solid #20262c}.studio-head>div:last-child{display:flex;gap:8px}.studio-head a,.studio-section-head a{padding:11px 14px;border:1px solid #2c3339;border-radius:9px;color:#fff;text-decoration:none;font-size:10px}.studio-alert{margin:18px 0;padding:13px;border-radius:9px;background:#133224;color:#72f0a9}.studio-alert.error{background:#351417;color:#ff8585}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.studio-card,.studio-journal,.studio-editor{padding:25px;border:1px solid #20262c;border-radius:16px;background:#101419}.studio-card>span,.studio-journal span,.studio-editor>span{font-size:9px;letter-spacing:.13em;color:#ff6548;font-weight:900}.studio-card h2,.studio-section-head h2,.studio-editor h2{font-size:30px;letter-spacing:-.04em;margin:8px 0}.studio-toggle{display:flex;align-items:center;gap:10px;font-size:11px}.studio-toggle input{width:auto}.studio-section-head{display:flex;justify-content:space-between;align-items:center}.studio-post-list{display:grid;margin-top:15px}.studio-post-list>div{display:grid;grid-template-columns:130px 1fr 190px auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #20262c}.studio-post-list small{color:#727b84}.studio-post-list>div>div{display:flex;gap:6px}.studio-post-list form{display:inline}.studio-post-list button,.studio-post-list a{background:none;border:1px solid #303840;color:#ddd;padding:8px;border-radius:7px;text-decoration:none;font-size:9px}.studio-editor{margin-top:10px}.studio-form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
@media(max-width:800px){.studio-head{display:block}.studio-head>div:last-child{margin-top:18px}.studio-grid{grid-template-columns:1fr}.studio-post-list>div{grid-template-columns:1fr}.studio-form-row{grid-template-columns:1fr}}

/* === new SIKE systems === */
.sike-system-family{padding:100px max(20px,calc((100vw - 1320px)/2));background:#0a0d10}.sike-system-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}.sike-system-head h2{font-size:clamp(50px,7vw,86px);line-height:.88;letter-spacing:-.06em;margin:8px 0}.sike-system-head p{max-width:500px;color:#8d959e;line-height:1.6}.sike-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sike-system-card{min-height:590px;border:1px solid #20262c;border-radius:20px;background:linear-gradient(145deg,#11151a,#0b0e12);padding:28px;color:#fff;text-decoration:none;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.sike-system-card>div>span{color:#ff6548;font-size:9px;font-weight:900;letter-spacing:.12em}.sike-system-card h3{font-size:48px;letter-spacing:-.05em;margin:7px 0}.sike-system-card p{color:#8c949d}.sike-system-card strong{display:block;margin-top:15px;font-size:22px}.sike-system-card img{width:100%;height:360px;object-fit:contain}.sike-system-card>b{font-size:11px}.sike-system-card:hover{border-color:#4a3430}
@media(max-width:760px){.sike-system-family{padding:60px 10px}.sike-system-head,.sike-system-grid{grid-template-columns:1fr}.sike-system-card{min-height:480px}.sike-system-card img{height:280px}}

/* SIKE V175 — grille LED + saved designs */
.grille-led-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.grille-led-buttons button{min-height:64px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important}.led-preview{display:block;width:28px;height:16px;border-radius:999px;background:#222}.led-red{background:#ff443d!important;box-shadow:0 0 14px #ff443daa}.led-white{background:#fff!important;box-shadow:0 0 14px #ffffffbb}.led-rgb{background:linear-gradient(90deg,#ff394b,#ffbd35,#42e87c,#35cfff,#745dff,#e54cff)!important;box-shadow:0 0 14px #6570ff88}.grille-led-note{display:flex;gap:8px;margin-top:10px;padding:10px;border:1px solid #ddd8ce;background:#f5f2eb;font-size:7px;color:#6e6b65}.grille-led-note i{width:7px;height:7px;border-radius:50%;background:#ff503d;box-shadow:0 0 8px #ff503d88}
.lab-cabinet[data-light-mode="red"] .lab-grille:before,.lab-cabinet[data-light-mode="white"] .lab-grille:before{inset:3px!important;opacity:var(--lab-light-opacity)!important;filter:blur(20px) saturate(1.25)!important}.lab-cabinet[data-light-mode="red"] .grille-mesh{box-shadow:inset 0 0 80px #ff342d61,0 0 28px #ff342d33!important}.lab-cabinet[data-light-mode="white"] .grille-mesh{box-shadow:inset 0 0 80px #ffffff47,0 0 28px #ffffff24!important}.lab-cabinet[data-light-mode="rgb"] .lab-grille:before{inset:3px!important}.lab-cabinet[data-light-mode="off"] .lab-grille:before{opacity:0!important}
.builder-save-panel-v175{margin:12px 14px 14px;padding:15px;border:1px solid #d4d0c7;background:linear-gradient(145deg,#fffdf8,#f0ede6);box-shadow:0 8px 24px #0000000f}.builder-save-copy span{display:block;color:#ef4e3d;font-size:7px;font-weight:900;letter-spacing:.16em}.builder-save-copy b{display:block;font-size:18px;color:#141414}.builder-save-copy small{font-size:7px;color:#77736d}.builder-save-actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.builder-save-actions input{height:38px;border:1px solid #cbc7bf;background:#fff;padding:0 11px}.builder-save-actions button{height:38px;border:0;background:#111;color:#fff;padding:0 16px;font-size:8px;font-weight:900;cursor:pointer}.builder-saved-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.builder-no-designs{grid-column:1/-1;padding:10px;border:1px dashed #cbc7bf;color:#8b8780;font-size:8px;text-align:center}.builder-saved-card{display:grid;grid-template-columns:1fr 30px;border:1px solid #d4d0c7;background:#fff}.builder-saved-open{border:0;background:transparent;text-align:left;padding:9px;min-width:0}.builder-saved-open span{display:block;font-size:8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-saved-open small{display:block;font-size:6px;color:#8b8780}.builder-saved-delete{border:0;border-left:1px solid #e3dfd6;background:transparent;font-size:17px}.builder-save-status{min-height:11px;margin-top:6px;font-size:7px;font-weight:800;color:#3c8d62}@media(max-width:720px){.grille-led-buttons{grid-template-columns:repeat(2,1fr)!important}.builder-save-panel-v175{margin:10px;padding:12px}.builder-save-actions,.builder-saved-designs{grid-template-columns:1fr}.builder-save-actions button{width:100%}}


/* =====================================================================
   SIKE V176 — REAL FRONT GRILLE LED LIGHTING
   A dedicated child layer sits above the mesh, so historic ::before LED
   blocking rules cannot suppress it.
   ===================================================================== */
.lab-grille{
  isolation:isolate!important;
  overflow:hidden!important;
}
.lab-grille .grille-mesh{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
.lab-grille .grille-led-layer{
  display:block!important;
  position:absolute!important;
  inset:2px!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:var(--lab-light-opacity,0)!important;
  border-radius:1px!important;
  overflow:hidden!important;
  mix-blend-mode:screen!important;
  transition:opacity .22s ease,filter .22s ease!important;
}
.lab-grille .grille-led-layer:before,
.lab-grille .grille-led-layer:after,
.lab-grille .grille-led-layer>i,
.lab-grille .grille-led-layer>b{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}

/* Perforated LED sheet: light appears through the entire mesh. */
.lab-grille .grille-led-layer:before{
  z-index:1!important;
  background:
    radial-gradient(circle at center,var(--grille-led-color,var(--lab-light,#fff)) 0 1.55px,transparent 1.75px)
    0 0/7px 7px!important;
  opacity:.96!important;
  filter:brightness(1.45) saturate(1.3)!important;
}
.lab-grille .grille-led-layer:after{
  z-index:0!important;
  background:
    radial-gradient(ellipse at 50% 45%,var(--grille-led-color,var(--lab-light,#fff)) 0%,color-mix(in srgb,var(--grille-led-color,var(--lab-light,#fff)) 58%,transparent) 36%,transparent 73%)!important;
  opacity:.66!important;
  filter:blur(9px)!important;
}
.lab-grille .grille-led-layer>i{
  z-index:2!important;
  box-shadow:
    inset 0 0 32px var(--grille-led-color,var(--lab-light,#fff)),
    inset 0 0 90px color-mix(in srgb,var(--grille-led-color,var(--lab-light,#fff)) 52%,transparent),
    0 0 22px color-mix(in srgb,var(--grille-led-color,var(--lab-light,#fff)) 40%,transparent)!important;
  opacity:.72!important;
}
.lab-grille .grille-led-layer>b{
  z-index:3!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)!important;
  opacity:.18!important;
}

/* Keep graphics and SIKE logo above the illumination. */
.lab-grille .grille-design-overlay{z-index:6!important}
.lab-grille .grille-wordmark{
  z-index:8!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px #000,0 0 7px rgba(255,255,255,.22)!important;
}
.lab-grille>small{z-index:9!important}

/* OFF */
.lab-cabinet[data-light-mode="off"] .grille-led-layer{
  display:none!important;
  opacity:0!important;
}

/* RED */
.lab-cabinet[data-light-mode="red"]{--grille-led-color:#ff332d}
.lab-cabinet[data-light-mode="red"] .grille-led-layer{
  filter:drop-shadow(0 0 8px rgba(255,47,40,.58)) drop-shadow(0 0 24px rgba(255,47,40,.28))!important;
}

/* WHITE */
.lab-cabinet[data-light-mode="white"]{--grille-led-color:#f8fbff}
.lab-cabinet[data-light-mode="white"] .grille-led-layer{
  filter:drop-shadow(0 0 8px rgba(235,245,255,.52)) drop-shadow(0 0 22px rgba(235,245,255,.20))!important;
}

/* RGB always has a moving full-face rainbow, even in Solid mode. */
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer{
  background:
    linear-gradient(115deg,#ff304c 0%,#ff962e 16%,#ffe44d 31%,#35e47a 47%,#2bcfff 62%,#5570ff 77%,#d64cff 91%,#ff304c 100%)!important;
  background-size:260% 260%!important;
  animation:sikeV176RgbFlow 5.2s linear infinite!important;
  filter:drop-shadow(0 0 10px rgba(100,110,255,.52)) drop-shadow(0 0 27px rgba(230,70,255,.22))!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer:before{
  background:
    radial-gradient(circle at center,rgba(255,255,255,.96) 0 1.25px,transparent 1.72px)
    0 0/7px 7px!important;
  mix-blend-mode:overlay!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer:after{
  background:linear-gradient(90deg,#ff304c,#ffbc38,#38e58b,#30cfff,#6a5eff,#ee4dcb,#ff304c)!important;
  background-size:240% 100%!important;
  opacity:.46!important;
  filter:blur(12px)!important;
  animation:sikeV176RgbFlow 4.1s linear infinite reverse!important;
}
@keyframes sikeV176RgbFlow{
  0%{background-position:0% 50%}
  100%{background-position:260% 50%}
}

/* EFFECT MODES */
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV176Fade 2.8s ease-in-out infinite!important;
}
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode="rgb"] .grille-led-layer{
  animation:sikeV176RgbFlow 5.2s linear infinite,sikeV176Fade 2.8s ease-in-out infinite!important;
}
@keyframes sikeV176Fade{
  0%,100%{opacity:.24;filter:brightness(.78)}
  50%{opacity:var(--lab-light-opacity,1);filter:brightness(1.32)}
}

.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV176Pulse 1.05s cubic-bezier(.45,0,.2,1) infinite!important;
}
.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode="rgb"] .grille-led-layer{
  animation:sikeV176RgbFlow 5.2s linear infinite,sikeV176Pulse 1.05s ease-in-out infinite!important;
}
@keyframes sikeV176Pulse{
  0%,100%{opacity:.34;transform:scale(1)}
  45%{opacity:1;transform:scale(1.012)}
  58%{opacity:.62;transform:scale(1.004)}
}

.lab-cabinet[data-grille-led-mode="cycle"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  background:linear-gradient(115deg,#ff3344,#ffae32,#36e685,#35c9ff,#765cff,#e84dcb,#ff3344)!important;
  background-size:330% 330%!important;
  animation:sikeV176Cycle 7.5s ease-in-out infinite!important;
  opacity:.96!important;
}
@keyframes sikeV176Cycle{
  0%{background-position:0% 40%;filter:hue-rotate(0deg) brightness(1)}
  50%{background-position:100% 60%;filter:hue-rotate(145deg) brightness(1.22)}
  100%{background-position:0% 40%;filter:hue-rotate(360deg) brightness(1)}
}

/* MUSIC mode uses the builder's real playback class + live audio level. */
.lab-cabinet[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  opacity:.22!important;
  transform:scale(1)!important;
  transition:opacity .18s ease,transform .18s ease,filter .18s ease!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  opacity:min(1,calc(.42 * var(--grille-led-beat,1)))!important;
  transform:scale(calc(1 + .008 * var(--grille-led-beat,1)))!important;
  filter:brightness(calc(.82 + .44 * var(--grille-led-beat,1))) saturate(1.35)!important;
  animation:sikeV176MusicBeat var(--audio-speed,.55s) ease-in-out infinite!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode="rgb"] .grille-led-layer{
  animation:sikeV176RgbFlow 4.4s linear infinite,sikeV176MusicBeat var(--audio-speed,.55s) ease-in-out infinite!important;
}
@keyframes sikeV176MusicBeat{
  0%,100%{opacity:.38;transform:scale(1)}
  42%{opacity:1;transform:scale(1.012)}
  64%{opacity:.58;transform:scale(1.004)}
}

/* UI modes */
.grille-led-effects{margin-top:10px;padding-top:10px;border-top:1px solid #ddd8ce}
.grille-led-effects>span{display:block;font-size:6px;font-weight:900;letter-spacing:.14em;color:#87827b;margin-bottom:7px}
.grille-led-effects>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.grille-led-effects button{
  min-height:34px;border:1px solid #d1cdc4;background:#fff;color:#77726b;
  font-size:6.5px;font-weight:900;text-transform:uppercase;cursor:pointer
}
.grille-led-effects button.active{background:#111;color:#fff;border-color:#111}
.grille-led-effects.is-disabled{opacity:.35;pointer-events:none}
.grille-led-effects button[data-grille-led-mode="music"]:before{content:"♪ ";color:#ff5a42}
.grille-led-effects button[data-grille-led-mode="cycle"]:before{content:"↻ ";color:#6a67ff}
.grille-led-effects button[data-grille-led-mode="fade"]:before{content:"◐ ";color:#ff8c45}
.grille-led-effects button[data-grille-led-mode="pulse"]:before{content:"● ";color:#ff4b52}

@media(max-width:720px){
  .grille-led-effects>div{grid-template-columns:repeat(3,1fr)}
  .lab-grille .grille-led-layer{inset:2px!important}
}


/* =====================================================================
   SIKE V179 — V176 BASELINE / FRONT GRILLE LED VISIBILITY FIX
   Keeps V176 LED modes/animations. Only fixes the light being hidden.
   ===================================================================== */

/* Keep the V176 LED layer visible behind the grille mesh. */
.lab-grille .grille-led-layer{
  display:block!important;
  z-index:3!important;
  opacity:var(--lab-light-opacity,0)!important;
}

/* Key fix: make the physical mesh translucent enough for the LED to shine
   through, while retaining the dark perforated metal look. */
.lab-grille .grille-mesh{
  z-index:4!important;
  background-color:rgba(5,7,9,.54)!important;
  background-image:
    radial-gradient(circle,
      var(--grille-dot,#555a61) 0 1.05px,
      rgba(0,0,0,0) 1.18px 2.75px,
      rgba(4,6,8,.70) 2.9px
    )!important;
  background-size:7px 7px!important;
  box-shadow:
    inset 0 0 36px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

/* Make each colour clearly visible across the whole grille. */
.lab-cabinet[data-light-mode="red"] .grille-led-layer{
  opacity:.96!important;
  filter:brightness(1.18) saturate(1.22)
    drop-shadow(0 0 9px rgba(255,55,47,.46))!important;
}
.lab-cabinet[data-light-mode="white"] .grille-led-layer{
  opacity:.90!important;
  filter:brightness(1.10)
    drop-shadow(0 0 8px rgba(235,245,255,.34))!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer{
  opacity:1!important;
  filter:brightness(1.12) saturate(1.24)
    drop-shadow(0 0 10px rgba(111,91,255,.42))!important;
}

/* Ensure the light reaches the full grille face. */
.lab-cabinet[data-light-mode="red"] .grille-led-layer:before{
  background:
    radial-gradient(ellipse at 18% 50%,rgba(255,56,48,.98),transparent 35%),
    radial-gradient(ellipse at 50% 50%,rgba(255,66,54,.88),transparent 42%),
    radial-gradient(ellipse at 82% 50%,rgba(255,48,42,.98),transparent 35%)!important;
}
.lab-cabinet[data-light-mode="white"] .grille-led-layer:before{
  background:
    radial-gradient(ellipse at 18% 50%,rgba(245,250,255,.96),transparent 35%),
    radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.86),transparent 42%),
    radial-gradient(ellipse at 82% 50%,rgba(236,246,255,.96),transparent 35%)!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer:before{
  background:
    radial-gradient(ellipse at 10% 50%,#ff4050 0%,rgba(255,64,80,.72) 18%,transparent 31%),
    radial-gradient(ellipse at 30% 50%,#ffad3c 0%,rgba(255,173,60,.66) 18%,transparent 31%),
    radial-gradient(ellipse at 50% 50%,#43e88d 0%,rgba(67,232,141,.66) 18%,transparent 31%),
    radial-gradient(ellipse at 70% 50%,#37c8ff 0%,rgba(55,200,255,.66) 18%,transparent 31%),
    radial-gradient(ellipse at 90% 50%,#8a62ff 0%,rgba(138,98,255,.70) 18%,transparent 31%)!important;
}

/* Preserve the white SIKEVENTURES logo above the lighting. */
.lab-grille .grille-wordmark{
  z-index:9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(255,255,255,.18)!important;
}

/* OFF remains fully off. */
.lab-cabinet[data-light-mode="off"] .grille-led-layer{
  display:none!important;
  opacity:0!important;
}


/* =====================================================================
   SIKE V180 — AUTHORITATIVE FRONT GRILLE LED FIX
   Uploaded V179 baseline preserved; this is the final LED rendering authority.
   ===================================================================== */

.lab-grille{
  isolation:isolate!important;
  overflow:hidden!important;
}

.lab-grille .grille-led-layer{
  display:block!important;
  position:absolute!important;
  inset:3px!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:1px!important;
  overflow:hidden!important;
  transform:none!important;
  opacity:var(--lab-light-opacity,0)!important;
  transition:opacity .16s ease,filter .16s ease!important;
  background:#07090b!important;
}

.lab-grille .grille-led-layer:before,
.lab-grille .grille-led-layer:after,
.lab-grille .grille-led-layer>i,
.lab-grille .grille-led-layer>b{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}

.lab-grille .grille-led-layer:before{
  z-index:1!important;
  opacity:1!important;
  filter:blur(12px) saturate(1.2)!important;
}
.lab-grille .grille-led-layer:after{
  z-index:2!important;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.09),transparent 72%)!important;
  opacity:.45!important;
}
.lab-grille .grille-led-layer>i{
  z-index:3!important;
  box-shadow:inset 0 0 50px rgba(255,255,255,.06),inset 0 0 100px rgba(0,0,0,.18)!important;
}
.lab-grille .grille-led-layer>b{
  z-index:4!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 20%,transparent 80%,rgba(255,255,255,.03))!important;
}

/* Transparent perforated metal sheet ABOVE the LED. */
.lab-grille .grille-mesh{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  opacity:1!important;
  background-color:rgba(5,7,9,.46)!important;
  background-image:
    radial-gradient(circle,
      var(--grille-dot,#555a61) 0 1.05px,
      rgba(0,0,0,0) 1.16px 2.62px,
      rgba(4,6,8,.68) 2.78px
    )!important;
  background-size:7px 7px!important;
  box-shadow:inset 0 0 38px rgba(0,0,0,.30)!important;
  transform:none!important;
  animation:none!important;
}

/* Graphics and logo always remain above LED/mesh. */
.lab-grille .grille-design-overlay{z-index:7!important}
.lab-grille .grille-wordmark{
  z-index:9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px #000,0 0 5px rgba(255,255,255,.18)!important;
}
.lab-grille>small{z-index:10!important}

/* OFF */
.lab-cabinet[data-light-mode="off"] .grille-led-layer{
  display:none!important;
  opacity:0!important;
}

/* RED — whole grille illumination */
.lab-cabinet[data-light-mode="red"] .grille-led-layer{
  opacity:1!important;
  filter:brightness(1.12) saturate(1.18)!important;
}
.lab-cabinet[data-light-mode="red"] .grille-led-layer:before{
  background:
    radial-gradient(ellipse at 18% 50%,rgba(255,51,43,.98),transparent 38%),
    radial-gradient(ellipse at 50% 50%,rgba(255,74,54,.90),transparent 44%),
    radial-gradient(ellipse at 82% 50%,rgba(255,45,40,.98),transparent 38%)!important;
}

/* WHITE — whole grille illumination */
.lab-cabinet[data-light-mode="white"] .grille-led-layer{
  opacity:.94!important;
  filter:brightness(1.06)!important;
}
.lab-cabinet[data-light-mode="white"] .grille-led-layer:before{
  background:
    radial-gradient(ellipse at 18% 50%,rgba(240,248,255,.96),transparent 38%),
    radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.88),transparent 44%),
    radial-gradient(ellipse at 82% 50%,rgba(233,245,255,.96),transparent 38%)!important;
}

/* RGB — clear realistic colour zones across complete grille. */
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer{
  opacity:1!important;
  filter:brightness(1.10) saturate(1.24)!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer:before{
  background:
    radial-gradient(ellipse at 8% 50%,rgba(255,52,75,.98),transparent 26%),
    radial-gradient(ellipse at 29% 50%,rgba(255,171,50,.94),transparent 27%),
    radial-gradient(ellipse at 50% 50%,rgba(52,231,137,.94),transparent 27%),
    radial-gradient(ellipse at 71% 50%,rgba(49,196,255,.94),transparent 27%),
    radial-gradient(ellipse at 92% 50%,rgba(132,89,255,.98),transparent 26%)!important;
}

/* SOLID */
.lab-cabinet[data-grille-led-mode="solid"] .grille-led-layer{
  animation:none!important;
  transform:none!important;
}

/* FADE */
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV180Fade 3s ease-in-out infinite!important;
}
@keyframes sikeV180Fade{
  0%,100%{opacity:.28;filter:brightness(.80) saturate(1.05)}
  50%{opacity:1;filter:brightness(1.18) saturate(1.18)}
}

/* PULSE — only light intensity, never grille geometry */
.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV180Pulse 1.1s ease-in-out infinite!important;
}
@keyframes sikeV180Pulse{
  0%,100%{opacity:.34;filter:brightness(.82)}
  46%{opacity:1;filter:brightness(1.26)}
  64%{opacity:.58;filter:brightness(.98)}
}

/* AUTO — colour changes on LED only */
.lab-cabinet[data-grille-led-mode="cycle"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV180Cycle 8s linear infinite!important;
}
@keyframes sikeV180Cycle{
  0%{filter:hue-rotate(0deg) brightness(1.08) saturate(1.22)}
  50%{filter:hue-rotate(180deg) brightness(1.14) saturate(1.30)}
  100%{filter:hue-rotate(360deg) brightness(1.08) saturate(1.22)}
}

/* MUSIC — brightness reacts; grille remains static */
.lab-cabinet[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  opacity:.22!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV180Music var(--audio-speed,.58s) ease-in-out infinite!important;
}
@keyframes sikeV180Music{
  0%,100%{opacity:.32;filter:brightness(.84)}
  48%{opacity:.98;filter:brightness(1.28)}
  68%{opacity:.52;filter:brightness(.96)}
}

/* Physical grille never animates/moves from LED effects. */
.lab-cabinet[data-light-mode] .lab-grille,
.lab-cabinet[data-light-mode] .grille-mesh{
  transform:none!important;
  animation:none!important;
}


/* =====================================================================
   SIKE V181 — FINAL FRONT-GRILLE LED RENDERER
   Root fix: visible LED pixels are rendered on a dedicated layer above the
   metal mesh, while glow stays behind it. No grille geometry is animated.
   ===================================================================== */

.lab-grille{
  isolation:isolate!important;
  overflow:hidden!important;
}

/* physical mesh */
.lab-grille .grille-mesh{
  z-index:4!important;
  transform:none!important;
  animation:none!important;
}

/* dedicated LED pixel layer */
.lab-grille .grille-led-layer{
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  z-index:5!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:1px!important;
  transform:none!important;
  opacity:var(--lab-light-opacity,0)!important;
  mix-blend-mode:screen!important;
  background-color:transparent!important;
}

/* Actual luminous pixels across the complete grille. */
.lab-grille .grille-led-layer:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  background-image:
    radial-gradient(circle at center,
      var(--v181-led-pixel,var(--lab-light,#fff)) 0 1.15px,
      rgba(255,255,255,.16) 1.18px,
      transparent 1.48px
    )!important;
  background-size:7px 7px!important;
  background-position:0 0!important;
  filter:brightness(1.45) saturate(1.28)!important;
  opacity:.98!important;
}

/* Soft spill makes the light look like it originates behind the holes. */
.lab-grille .grille-led-layer:after{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  z-index:1!important;
  display:block!important;
  background:var(--v181-led-glow,transparent)!important;
  filter:blur(18px)!important;
  opacity:.50!important;
}

/* Edge spill but no physical grille movement. */
.lab-grille .grille-led-layer>i{
  position:absolute!important;inset:0!important;z-index:3!important;display:block!important;
  box-shadow:
    inset 0 0 28px var(--v181-led-edge,transparent),
    0 0 18px var(--v181-led-edge,transparent)!important;
  opacity:.62!important;
}
.lab-grille .grille-led-layer>b{
  position:absolute!important;inset:0!important;z-index:4!important;display:block!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%,transparent 80%,rgba(255,255,255,.03))!important;
  opacity:.34!important;
}

/* logo/design stay clean above LEDs */
.lab-grille .grille-design-overlay{z-index:7!important}
.lab-grille .grille-wordmark{
  z-index:9!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(255,255,255,.22)!important;
}
.lab-grille>small{z-index:10!important}

/* OFF */
.lab-cabinet[data-light-mode="off"] .grille-led-layer{
  display:none!important;
  opacity:0!important;
}

/* RED */
.lab-cabinet[data-light-mode="red"]{
  --v181-led-pixel:#ff493f;
  --v181-led-edge:rgba(255,60,50,.50);
  --v181-led-glow:
    radial-gradient(ellipse at 20% 50%,rgba(255,50,43,.86),transparent 38%),
    radial-gradient(ellipse at 50% 50%,rgba(255,72,55,.72),transparent 44%),
    radial-gradient(ellipse at 80% 50%,rgba(255,48,42,.86),transparent 38%);
}
.lab-cabinet[data-light-mode="red"] .grille-led-layer{
  opacity:1!important;
}

/* WHITE */
.lab-cabinet[data-light-mode="white"]{
  --v181-led-pixel:#ffffff;
  --v181-led-edge:rgba(235,246,255,.42);
  --v181-led-glow:
    radial-gradient(ellipse at 20% 50%,rgba(237,248,255,.75),transparent 38%),
    radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.66),transparent 44%),
    radial-gradient(ellipse at 80% 50%,rgba(235,246,255,.75),transparent 38%);
}
.lab-cabinet[data-light-mode="white"] .grille-led-layer{
  opacity:.96!important;
}

/* RGB: coloured regions plus matching luminous pixel pattern. */
.lab-cabinet[data-light-mode="rgb"]{
  --v181-led-edge:rgba(108,92,255,.38);
  --v181-led-glow:
    radial-gradient(ellipse at 8% 50%,rgba(255,55,76,.92),transparent 25%),
    radial-gradient(ellipse at 29% 50%,rgba(255,174,53,.82),transparent 26%),
    radial-gradient(ellipse at 50% 50%,rgba(57,231,138,.82),transparent 26%),
    radial-gradient(ellipse at 71% 50%,rgba(50,197,255,.82),transparent 26%),
    radial-gradient(ellipse at 92% 50%,rgba(136,92,255,.92),transparent 25%);
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer{
  opacity:1!important;
  background:
    linear-gradient(90deg,#ff3850 0 17%,#ffad36 20% 37%,#3be58c 40% 57%,#34c6ff 60% 77%,#8b62ff 80% 100%)!important;
  background-size:100% 100%!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-led-layer:before{
  /* white LED points inherit the coloured parent via screen blend */
  --v181-led-pixel:rgba(255,255,255,.93);
  mix-blend-mode:overlay!important;
}

/* SOLID: truly static */
.lab-cabinet[data-grille-led-mode="solid"] .grille-led-layer{
  animation:none!important;
  transform:none!important;
}

/* FADE: only opacity/brightness changes */
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV181Fade 3s ease-in-out infinite!important;
}
@keyframes sikeV181Fade{
  0%,100%{opacity:.24;filter:brightness(.75)}
  50%{opacity:1;filter:brightness(1.18)}
}

/* PULSE: no scale/geometry changes */
.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV181Pulse 1.1s ease-in-out infinite!important;
}
@keyframes sikeV181Pulse{
  0%,100%{opacity:.32;filter:brightness(.80)}
  46%{opacity:1;filter:brightness(1.28)}
  65%{opacity:.55;filter:brightness(.96)}
}

/* AUTO: animate colour only */
.lab-cabinet[data-grille-led-mode="cycle"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV181Cycle 8s linear infinite!important;
}
@keyframes sikeV181Cycle{
  0%{filter:hue-rotate(0deg) brightness(1.05) saturate(1.18)}
  50%{filter:hue-rotate(180deg) brightness(1.14) saturate(1.30)}
  100%{filter:hue-rotate(360deg) brightness(1.05) saturate(1.18)}
}

/* MUSIC: light intensity only. */
.lab-cabinet[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  opacity:.22!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .grille-led-layer{
  animation:sikeV181Music var(--audio-speed,.58s) ease-in-out infinite!important;
}
@keyframes sikeV181Music{
  0%,100%{opacity:.30;filter:brightness(.82)}
  48%{opacity:1;filter:brightness(1.30)}
  68%{opacity:.50;filter:brightness(.95)}
}

/* Hard rule: LED effects never move the physical grille. */
.lab-cabinet[data-light-mode] .lab-grille,
.lab-cabinet[data-light-mode] .grille-mesh{
  transform:none!important;
  animation:none!important;
}


/* =====================================================================
   SIKE V182 — ORIGINAL EARLY-PROJECT FRONT-GRILLE LED
   Classic soft glow behind dark perforated mesh + original RGB spin.
   ===================================================================== */

/* Later LED child renderer is disabled; the old grille pseudo-light is back. */
.lab-grille .grille-led-layer{display:none!important}

.lab-grille{
  isolation:auto!important;
  overflow:visible!important;
}
.lab-grille:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:var(--lab-light)!important;
  opacity:var(--lab-light-opacity)!important;
  filter:blur(22px)!important;
  transition:opacity .35s ease,filter .35s ease!important;
  pointer-events:none!important;
}
.lab-grille .grille-mesh{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  opacity:1!important;
  background-color:rgba(8,9,11,.91)!important;
  background-image:radial-gradient(var(--grille-dot,#4a4d54) 1.2px,transparent 1.3px)!important;
  background-size:7px 7px!important;
  background-position:0 0!important;
  box-shadow:inset 0 0 65px #000!important;
  animation:none!important;
}
.lab-grille .grille-design-overlay{z-index:2!important}
.lab-grille .grille-wordmark{
  z-index:3!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px #000!important;
}
.lab-grille>small{z-index:4!important}

.lab-cabinet[data-light-mode="off"] .lab-grille:before{
  opacity:0!important;background:transparent!important;animation:none!important;
}
.lab-cabinet[data-light-mode="red"] .lab-grille:before{
  background:#ff2834!important;opacity:1!important;filter:blur(22px)!important;
}
.lab-cabinet[data-light-mode="white"] .lab-grille:before{
  background:#dff8ff!important;opacity:1!important;filter:blur(22px)!important;
}

/* Exact old visual idea: rotating conic RGB glow behind the grille. */
.lab-cabinet[data-light-mode="rgb"] .lab-grille:before{
  background:conic-gradient(from var(--rgb-grille-angle,0deg),#ff3040,#ff9a2f,#ffe74a,#42ef80,#35d9ff,#5d72ff,#b84cff,#ff3da9,#ff3040)!important;
  opacity:.82!important;
  filter:blur(24px) saturate(1.35)!important;
  animation:sikeV182RgbSpin 4.2s linear infinite!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-mesh{
  background-color:rgba(8,9,11,.82)!important;
  box-shadow:inset 0 0 70px #000,0 0 24px rgba(90,110,255,.18)!important;
}
@property --rgb-grille-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes sikeV182RgbSpin{to{--rgb-grille-angle:360deg}}

/* Keep the newer mode controls, but make them manipulate only the old light. */
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:before{
  animation:sikeV182Fade 2.8s ease-in-out infinite!important;
}
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode="rgb"] .lab-grille:before{
  animation:sikeV182RgbSpin 4.2s linear infinite,sikeV182Fade 2.8s ease-in-out infinite!important;
}
@keyframes sikeV182Fade{0%,100%{opacity:.22}50%{opacity:.9}}

.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:before{
  animation:sikeV182Pulse 1.08s ease-in-out infinite!important;
}
.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode="rgb"] .lab-grille:before{
  animation:sikeV182RgbSpin 4.2s linear infinite,sikeV182Pulse 1.08s ease-in-out infinite!important;
}
@keyframes sikeV182Pulse{
  0%,100%{opacity:.26;filter:blur(22px) brightness(.82)}
  50%{opacity:1;filter:blur(24px) brightness(1.18)}
}

.lab-cabinet[data-grille-led-mode="cycle"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:before{
  background:conic-gradient(from var(--rgb-grille-angle,0deg),#ff3040,#ff9a2f,#ffe74a,#42ef80,#35d9ff,#5d72ff,#b84cff,#ff3da9,#ff3040)!important;
  animation:sikeV182RgbSpin 5s linear infinite,sikeV182Hue 8s linear infinite!important;
}
@keyframes sikeV182Hue{to{filter:blur(24px) saturate(1.35) hue-rotate(360deg)}}

.lab-cabinet[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:before{
  opacity:.16!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:before{
  animation:sikeV182Music var(--audio-speed,.58s) ease-in-out infinite!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode="rgb"] .lab-grille:before{
  animation:sikeV182RgbSpin 4.2s linear infinite,sikeV182Music var(--audio-speed,.58s) ease-in-out infinite!important;
}
@keyframes sikeV182Music{
  0%,100%{opacity:.20;filter:blur(22px) brightness(.8)}
  48%{opacity:.92;filter:blur(25px) brightness(1.2)}
  70%{opacity:.40;filter:blur(23px) brightness(.95)}
}

/* No LED mode is allowed to move the actual physical grille. */
.lab-cabinet[data-light-mode] .grille-mesh{animation:none!important}


/* =====================================================================
   SIKE V183 — PHOTOREAL FRONT-GRILLE LIGHT REFLECTION
   Builds on the restored early-project glow. The light now illuminates and
   reflects across the metal grille, cabinet rails and nearby hardware.
   ===================================================================== */

/* Give the perforated grille a metallic response instead of flat dots. */
.lab-grille .grille-mesh{
  background-color:rgba(7,8,10,.88)!important;
  background-image:
    radial-gradient(circle at 50% 45%,
      rgba(255,255,255,.32) 0 .62px,
      var(--grille-dot,#4a4d54) .72px 1.22px,
      rgba(0,0,0,.78) 1.28px 1.55px,
      transparent 1.62px
    )!important;
  background-size:7px 7px!important;
  box-shadow:
    inset 0 0 70px rgba(0,0,0,.92),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px rgba(255,255,255,.02)!important;
}

/* Soft reflected wash across the grille surface. */
.lab-grille:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  mix-blend-mode:screen!important;
  transition:opacity .25s ease,filter .25s ease!important;
  background:
    linear-gradient(110deg,
      transparent 0%,
      rgba(255,255,255,.035) 18%,
      var(--grille-reflect-a,transparent) 32%,
      transparent 47%,
      var(--grille-reflect-b,transparent) 68%,
      rgba(255,255,255,.025) 82%,
      transparent 100%)!important;
  filter:blur(7px)!important;
}

/* Reflection colours by LED mode. */
.lab-cabinet[data-light-mode="red"]{
  --grille-reflect-a:rgba(255,70,58,.22);
  --grille-reflect-b:rgba(255,45,40,.12);
  --rail-reflect:rgba(255,61,51,.24);
}
.lab-cabinet[data-light-mode="white"]{
  --grille-reflect-a:rgba(238,248,255,.20);
  --grille-reflect-b:rgba(255,255,255,.12);
  --rail-reflect:rgba(240,248,255,.22);
}
.lab-cabinet[data-light-mode="rgb"]{
  --grille-reflect-a:rgba(62,221,255,.18);
  --grille-reflect-b:rgba(217,75,255,.18);
  --rail-reflect:rgba(108,99,255,.24);
}

.lab-cabinet[data-light-mode="red"] .lab-grille:after,
.lab-cabinet[data-light-mode="white"] .lab-grille:after,
.lab-cabinet[data-light-mode="rgb"] .lab-grille:after{
  opacity:1!important;
}

/* Realistic grille light pickup: brighter nearest the edges, subtle in center. */
.lab-cabinet[data-light-mode="red"] .grille-mesh{
  box-shadow:
    inset 22px 0 34px rgba(255,48,42,.13),
    inset -14px 0 24px rgba(255,64,52,.07),
    inset 0 -16px 28px rgba(255,56,46,.09),
    inset 0 0 70px rgba(0,0,0,.82)!important;
}
.lab-cabinet[data-light-mode="white"] .grille-mesh{
  box-shadow:
    inset 22px 0 34px rgba(235,245,255,.10),
    inset -14px 0 24px rgba(255,255,255,.06),
    inset 0 -16px 28px rgba(236,246,255,.07),
    inset 0 0 70px rgba(0,0,0,.82)!important;
}
.lab-cabinet[data-light-mode="rgb"] .grille-mesh{
  box-shadow:
    inset 22px 0 34px rgba(255,64,82,.10),
    inset -18px 0 30px rgba(105,91,255,.12),
    inset 0 18px 28px rgba(70,224,140,.07),
    inset 0 -18px 30px rgba(210,66,255,.08),
    inset 0 0 70px rgba(0,0,0,.80)!important;
}

/* Reflect the grille light onto cabinet rails and front frame. */
.lab-cabinet[data-light-mode]:not([data-light-mode="off"]) .lab-grille{
  box-shadow:
    inset 0 0 0 2px var(--grille-edge,#050607),
    0 0 16px var(--rail-reflect,transparent),
    0 0 42px color-mix(in srgb,var(--rail-reflect,transparent) 55%,transparent),
    0 12px 40px rgba(0,0,0,.45)!important;
}

/* Top/bottom rails pick up a subtle coloured highlight. */
.lab-cabinet[data-light-mode]:not([data-light-mode="off"]) .lab-rail,
.lab-cabinet[data-light-mode]:not([data-light-mode="off"]) .rail,
.lab-cabinet[data-light-mode]:not([data-light-mode="off"]) [class*="rail"]{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 10px color-mix(in srgb,var(--rail-reflect,transparent) 42%,transparent)!important;
}

/* Ball corners and nearby frame receive a tiny bounced-light tint. */
.lab-cabinet[data-light-mode]:not([data-light-mode="off"]) .corner-ball,
.lab-cabinet[data-light-mode]:not([data-light-mode="off"]) [class*="corner"]{
  filter:
    drop-shadow(0 0 5px color-mix(in srgb,var(--rail-reflect,transparent) 28%,transparent))
    brightness(1.02)!important;
}

/* Add a subtle directional specular sheen to the grille metal. */
.lab-grille .grille-design-overlay:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(118deg,
      transparent 15%,
      rgba(255,255,255,.055) 31%,
      transparent 40%,
      transparent 67%,
      rgba(255,255,255,.025) 76%,
      transparent 86%)!important;
  mix-blend-mode:screen!important;
  opacity:.55!important;
}

/* In animated modes, only light reflection changes intensity — no grille movement. */
.lab-cabinet[data-grille-led-mode="fade"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:after{
  animation:sikeV183ReflectFade 2.8s ease-in-out infinite!important;
}
.lab-cabinet[data-grille-led-mode="pulse"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:after{
  animation:sikeV183ReflectPulse 1.08s ease-in-out infinite!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"][data-light-mode]:not([data-light-mode="off"]) .lab-grille:after{
  animation:sikeV183ReflectMusic var(--audio-speed,.58s) ease-in-out infinite!important;
}
@keyframes sikeV183ReflectFade{
  0%,100%{opacity:.12;filter:blur(8px) brightness(.8)}
  50%{opacity:.78;filter:blur(7px) brightness(1.18)}
}
@keyframes sikeV183ReflectPulse{
  0%,100%{opacity:.18;filter:blur(8px) brightness(.82)}
  50%{opacity:.9;filter:blur(6px) brightness(1.22)}
}
@keyframes sikeV183ReflectMusic{
  0%,100%{opacity:.16;filter:blur(8px) brightness(.82)}
  46%{opacity:.88;filter:blur(6px) brightness(1.25)}
  68%{opacity:.36;filter:blur(7px) brightness(.95)}
}

/* Never move the physical grille because of LED effects. */
.lab-cabinet[data-light-mode] .lab-grille,
.lab-cabinet[data-light-mode] .grille-mesh{
  animation:none!important;
}


/* =====================================================================
   SIKE V184 — PHOTOREAL RGB GRILLE SURFACE
   RGB now affects the actual perforated metal surface, not only edge glow.
   ===================================================================== */

/* Base metallic mesh with transparent holes */
.lab-grille .grille-mesh{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background-color:#090b0e!important;
  background-image:
    radial-gradient(circle at center,
      rgba(255,255,255,.30) 0 .55px,
      var(--grille-dot,#4d5057) .62px 1.18px,
      rgba(0,0,0,.92) 1.23px 1.48px,
      transparent 1.54px
    )!important;
  background-size:7px 7px!important;
  mix-blend-mode:normal!important;
  transition:background-color .28s ease,box-shadow .28s ease,filter .28s ease!important;
}

/* Give the actual metal a coloured reflected surface under RGB */
.lab-cabinet[data-light-mode="rgb"] .grille-mesh{
  background-color:rgba(10,11,14,.78)!important;
  background-image:
    linear-gradient(110deg,
      rgba(255,53,71,.42) 0%,
      rgba(255,157,47,.35) 18%,
      rgba(71,229,130,.32) 39%,
      rgba(51,196,255,.34) 61%,
      rgba(115,89,255,.38) 80%,
      rgba(225,70,255,.34) 100%),
    radial-gradient(circle at center,
      rgba(255,255,255,.46) 0 .55px,
      rgba(220,224,230,.76) .62px 1.14px,
      rgba(0,0,0,.90) 1.20px 1.46px,
      transparent 1.54px
    )!important;
  background-size:100% 100%,7px 7px!important;
  background-blend-mode:screen,normal!important;
  box-shadow:
    inset 24px 0 40px rgba(255,48,72,.18),
    inset -24px 0 40px rgba(112,82,255,.18),
    inset 0 20px 38px rgba(66,225,136,.08),
    inset 0 -18px 34px rgba(225,66,255,.09),
    inset 0 0 68px rgba(0,0,0,.58)!important;
  filter:saturate(1.14) brightness(1.08)!important;
}

/* RED & WHITE also tint the actual metal, but more subtly */
.lab-cabinet[data-light-mode="red"] .grille-mesh{
  background-image:
    linear-gradient(rgba(255,58,48,.22),rgba(255,58,48,.10)),
    radial-gradient(circle at center,
      rgba(255,255,255,.35) 0 .55px,
      rgba(214,216,220,.72) .62px 1.14px,
      rgba(0,0,0,.91) 1.20px 1.46px,
      transparent 1.54px)!important;
  background-size:100% 100%,7px 7px!important;
  background-blend-mode:screen,normal!important;
}
.lab-cabinet[data-light-mode="white"] .grille-mesh{
  background-image:
    linear-gradient(rgba(235,246,255,.18),rgba(235,246,255,.07)),
    radial-gradient(circle at center,
      rgba(255,255,255,.42) 0 .55px,
      rgba(220,224,230,.76) .62px 1.14px,
      rgba(0,0,0,.90) 1.20px 1.46px,
      transparent 1.54px)!important;
  background-size:100% 100%,7px 7px!important;
  background-blend-mode:screen,normal!important;
}

/* Moving RGB reflection across metal only; grille geometry never moves. */
.lab-cabinet[data-light-mode="rgb"][data-grille-led-mode="solid"] .grille-mesh{
  animation:sikeV184RgbMetal 7.5s ease-in-out infinite!important;
}
.lab-cabinet[data-light-mode="rgb"][data-grille-led-mode="cycle"] .grille-mesh{
  animation:sikeV184RgbMetal 5.5s linear infinite!important;
}
@keyframes sikeV184RgbMetal{
  0%{filter:hue-rotate(0deg) saturate(1.10) brightness(1.04)}
  50%{filter:hue-rotate(34deg) saturate(1.25) brightness(1.11)}
  100%{filter:hue-rotate(0deg) saturate(1.10) brightness(1.04)}
}

/* Music/fade/pulse should change luminance, not position/scale. */
.lab-cabinet[data-light-mode="rgb"][data-grille-led-mode="fade"] .grille-mesh{
  animation:sikeV184RgbMetal 7.5s ease-in-out infinite,sikeV184MeshFade 2.8s ease-in-out infinite!important;
}
.lab-cabinet[data-light-mode="rgb"][data-grille-led-mode="pulse"] .grille-mesh{
  animation:sikeV184RgbMetal 7.5s ease-in-out infinite,sikeV184MeshPulse 1.08s ease-in-out infinite!important;
}
.lab-cabinet.sike-audio-playing[data-light-mode="rgb"][data-grille-led-mode="music"] .grille-mesh{
  animation:sikeV184RgbMetal 7.5s ease-in-out infinite,sikeV184MeshMusic var(--audio-speed,.58s) ease-in-out infinite!important;
}
@keyframes sikeV184MeshFade{
  0%,100%{opacity:.76}
  50%{opacity:1}
}
@keyframes sikeV184MeshPulse{
  0%,100%{filter:brightness(.92) saturate(1.08)}
  50%{filter:brightness(1.24) saturate(1.25)}
}
@keyframes sikeV184MeshMusic{
  0%,100%{filter:brightness(.92) saturate(1.10)}
  48%{filter:brightness(1.28) saturate(1.30)}
  70%{filter:brightness(1.02) saturate(1.16)}
}

/* absolutely no physical movement */
.lab-cabinet[data-light-mode] .lab-grille{
  transform:translateZ(calc(var(--depth)/2 + 26px + var(--pull-grille)))!important;
}
.lab-cabinet[data-light-mode] .grille-mesh{
  transform:none!important;
}


/* =====================================================================
   SIKE V185 — PHYSICAL MESH LED
   The colour itself is now applied inline by JS to beat legacy !important
   grille styles. CSS here only animates/refines the physical reflection.
   ===================================================================== */
.lab-grille .grille-mesh.sike-physical-rgb-mesh{
  animation:sikeV185PhysicalRgb 7.2s ease-in-out infinite!important;
  transform:none!important;
  will-change:filter;
}
@keyframes sikeV185PhysicalRgb{
  0%,100%{filter:hue-rotate(0deg) saturate(1.16) brightness(1.06)}
  35%{filter:hue-rotate(14deg) saturate(1.28) brightness(1.13)}
  68%{filter:hue-rotate(-12deg) saturate(1.24) brightness(1.10)}
}

/* Light modes may change intensity, but never move or scale the grille. */
.lab-cabinet[data-grille-led-mode="fade"] .grille-mesh.sike-physical-rgb-mesh{
  animation:sikeV185PhysicalRgb 7.2s ease-in-out infinite,sikeV185PhysicalFade 2.8s ease-in-out infinite!important;
}
.lab-cabinet[data-grille-led-mode="pulse"] .grille-mesh.sike-physical-rgb-mesh{
  animation:sikeV185PhysicalRgb 7.2s ease-in-out infinite,sikeV185PhysicalPulse 1.08s ease-in-out infinite!important;
}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"] .grille-mesh.sike-physical-rgb-mesh{
  animation:sikeV185PhysicalRgb 7.2s ease-in-out infinite,sikeV185PhysicalMusic var(--audio-speed,.58s) ease-in-out infinite!important;
}
@keyframes sikeV185PhysicalFade{
  0%,100%{opacity:.68}
  50%{opacity:1}
}
@keyframes sikeV185PhysicalPulse{
  0%,100%{opacity:.72}
  48%{opacity:1}
  68%{opacity:.82}
}
@keyframes sikeV185PhysicalMusic{
  0%,100%{opacity:.66}
  48%{opacity:1}
  70%{opacity:.78}
}

.lab-cabinet[data-light-mode] .lab-grille,
.lab-cabinet[data-light-mode] .grille-mesh{
  transform:none!important;
}


/* SIKE V186 realistic LED: dark grille, selected-colour reflection only */
.lab-grille .grille-mesh.sike-physical-rgb-mesh{animation:sike186rgb 8s ease-in-out infinite!important;transform:none!important}
@keyframes sike186rgb{0%,100%{filter:brightness(.96) saturate(1.02)}50%{filter:brightness(1.05) saturate(1.10)}}
.lab-grille .grille-mesh.sike-physical-single-mesh{animation:none!important;filter:brightness(.98) saturate(1.03)!important;transform:none!important}
.lab-cabinet[data-grille-led-mode="fade"] .grille-mesh.sike-physical-single-mesh{animation:sike186fade 2.8s ease-in-out infinite!important}
.lab-cabinet[data-grille-led-mode="pulse"] .grille-mesh.sike-physical-single-mesh{animation:sike186pulse 1.08s ease-in-out infinite!important}
.lab-cabinet.sike-audio-playing[data-grille-led-mode="music"] .grille-mesh.sike-physical-single-mesh{animation:sike186music var(--audio-speed,.58s) ease-in-out infinite!important}
@keyframes sike186fade{0%,100%{opacity:.74}50%{opacity:1}}
@keyframes sike186pulse{0%,100%{filter:brightness(.93)}50%{filter:brightness(1.08)}}
@keyframes sike186music{0%,100%{filter:brightness(.92)}48%{filter:brightness(1.10)}70%{filter:brightness(.98)}}


/* =====================================================================
   SIKE V187 — CLEAN BUILDER SIDEBAR
   Minimal, compact and less cluttered. No functionality removed.
   ===================================================================== */

.builder-save-panel-v175{
  margin:10px 12px 10px!important;
  padding:12px!important;
  border:1px solid #d8d3ca!important;
  border-radius:10px!important;
  background:#fffdf9!important;
  box-shadow:none!important;
}
.builder-save-copy span{
  font-size:6px!important;
  letter-spacing:.16em!important;
  color:#e94d3e!important;
}
.builder-save-copy b{
  font-size:16px!important;
  margin-top:2px!important;
  color:#171717!important;
}
.builder-save-copy small{
  display:none!important;
}
.builder-save-actions{
  display:grid!important;
  grid-template-columns:1fr 92px!important;
  gap:6px!important;
  margin-top:9px!important;
}
.builder-save-actions input,
.builder-save-actions button{
  height:36px!important;
  border-radius:6px!important;
}
.builder-save-actions input{
  border:1px solid #d2cdc4!important;
  background:#fff!important;
  padding:0 10px!important;
  font-size:9px!important;
}
.builder-save-actions button{
  border:0!important;
  background:#171717!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:900!important;
}
.builder-saved-designs{
  margin-top:7px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
}
.builder-saved-card{
  border:1px solid #ddd8cf!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.builder-saved-open{
  padding:8px 9px!important;
}
.builder-saved-delete{
  border-left:1px solid #e6e0d7!important;
}

/* compact sticky tabs */
.customizer-tabs{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  background:#f1eee8!important;
  border-top:1px solid #d8d3ca!important;
  border-bottom:1px solid #d8d3ca!important;
  box-shadow:none!important;
}
.customizer-tabs button{
  min-height:42px!important;
  border:0!important;
  border-right:1px solid #ddd8cf!important;
  background:transparent!important;
  color:#77716a!important;
  font-size:6.5px!important;
  font-weight:900!important;
}
.customizer-tabs button:last-child{
  border-right:0!important;
}
.customizer-tabs button.active{
  background:#151515!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* tighter content */
.customizer-tab-panel{
  padding:9px!important;
  background:#eeece6!important;
}

.customizer-card{
  margin:0 0 8px!important;
  padding:12px!important;
  border:1px solid #d9d4cb!important;
  border-radius:8px!important;
  background:#fffdf9!important;
  box-shadow:none!important;
}

.customizer-card-title{
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  padding:0 0 8px!important;
  margin:0 0 9px!important;
  border-bottom:1px solid #e5e0d8!important;
}
.customizer-card-title>span{
  min-width:17px!important;
  font-size:6.5px!important;
  font-weight:950!important;
  color:#e94d3e!important;
}
.customizer-card-title b{
  display:block!important;
  font-size:7.6px!important;
  line-height:1.1!important;
  letter-spacing:.03em!important;
  color:#181818!important;
}
.customizer-card-title small{
  display:block!important;
  margin-top:2px!important;
  font-size:6px!important;
  line-height:1.3!important;
  color:#969087!important;
}

/* consistent option cards */
.customizer-card button[data-cabinet-colour],
.customizer-card button[data-grille-colour],
.customizer-card button[data-knob-colour],
.customizer-card button[data-handle-colour],
.customizer-card button[data-lab-light]{
  min-height:54px!important;
  border:1px solid #d5d0c7!important;
  border-radius:7px!important;
  background:#faf8f3!important;
  color:#5d5751!important;
  box-shadow:none!important;
}
.customizer-card button.active{
  border-color:#171717!important;
  background:#171717!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* LED section: cleaner + less visual noise */
.grille-led-customizer-v175{
  background:#fffdf9!important;
}
.grille-led-buttons{
  gap:6px!important;
}
.grille-led-buttons button{
  min-height:56px!important;
}
.grille-led-buttons button[data-lab-light="red"].active{
  background:#241311!important;
  border-color:#e84b3d!important;
}
.grille-led-buttons button[data-lab-light="white"].active{
  background:#eef1f3!important;
  color:#111!important;
  border-color:#bfc6cc!important;
}
.grille-led-buttons button[data-lab-light="rgb"].active{
  background:#171717!important;
  color:#fff!important;
  border-color:#171717!important;
}
.led-preview{
  width:28px!important;
  height:12px!important;
  border-radius:99px!important;
}

/* LED modes become a simple segmented control */
.grille-led-effects{
  margin-top:9px!important;
  padding-top:9px!important;
  border-top:1px solid #e2ddd5!important;
}
.grille-led-effects>span{
  margin-bottom:6px!important;
  font-size:5.8px!important;
  color:#8c867f!important;
}
.grille-led-effects>div{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:4px!important;
}
.grille-led-effects button{
  min-height:30px!important;
  border:1px solid #d7d2c9!important;
  border-radius:6px!important;
  background:#f7f5f0!important;
  color:#706a63!important;
  font-size:6px!important;
}
.grille-led-effects button.active{
  background:#171717!important;
  color:#fff!important;
  border-color:#171717!important;
}

/* remove extra decorative note clutter */
.grille-led-note{
  margin-top:7px!important;
  padding:7px 8px!important;
  border:0!important;
  background:#f4f1eb!important;
  font-size:6px!important;
  color:#817b74!important;
}
.grille-led-note i{
  width:5px!important;
  height:5px!important;
  margin-top:1px!important;
}

/* custom colour/editor rows aligned */
.customizer-card [data-custom-grille-colour],
.customizer-card [data-custom-handle-colour]{
  min-height:34px!important;
  border-radius:6px!important;
}
.customizer-card button[data-open-grille-editor],
.customizer-card button[data-open-handle-editor]{
  min-height:34px!important;
  border-radius:6px!important;
}

/* mobile: cleaner stacked sidebar */
@media(max-width:720px){
  .builder-save-panel-v175{
    margin:8px!important;
    padding:10px!important;
  }
  .builder-save-actions{
    grid-template-columns:1fr!important;
  }
  .builder-save-actions button{
    width:100%!important;
  }
  .customizer-tab-panel{
    padding:7px!important;
  }
  .customizer-card{
    padding:10px!important;
    border-radius:7px!important;
  }
  .grille-led-effects>div{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* =====================================================================
   SIKE V190 — TRUE CUBOID SIKE ARRAY
   Every cabinet is a real six-face CSS 3D box. No flat/card geometry.
   ===================================================================== */
.lab-speaker.is-array{
  --w:900px;--h:620px;--depth:220px;
  --array-width:300px;--array-height:84px;--array-depth:176px;
  --array-main:#16191d;--array-side:#101317;--array-edge:#3d434a;
  --array-grille:#08090b;--array-dot:#555a61;--array-grille-edge:#050607;
  width:900px;height:620px;transform-style:preserve-3d!important;perspective:inherit
}
.lab-speaker.is-array>.lab-cabinet{display:none!important}
.lab-speaker:not(.is-array)>.sike-array-model{display:none!important}
.sike-array-model{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:auto}

.array-system-badge{
  position:absolute;left:50%;top:-34px;transform:translateX(-50%) translateZ(130px);
  z-index:50;display:flex;align-items:center;gap:12px;padding:8px 13px;
  border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(6,8,10,.84);
  backdrop-filter:blur(10px);white-space:nowrap;box-shadow:0 9px 28px rgba(0,0,0,.28)
}
.array-system-badge b{font-size:8px;letter-spacing:.13em}.array-system-badge span{font-size:6px;color:#8d949d;letter-spacing:.08em}

.array-stack{
  position:absolute;top:26px;width:340px;height:555px;transform-style:preserve-3d
}
.array-stack-left{left:76px;transform:translateZ(18px) rotateY(4deg)}
.array-stack-right{right:76px;transform:translateZ(-8px) rotateY(-4deg)}

.array-flybar{
  position:absolute;left:10px;right:10px;top:-25px;height:31px;transform:translateZ(78px);
  border:4px solid #394048;border-radius:4px;background:linear-gradient(#2c3137,#090b0e);
  box-shadow:0 10px 22px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)
}
.array-flybar:before,.array-flybar:after{content:"";position:absolute;top:-16px;width:7px;height:21px;border-radius:2px;background:#3d444c}
.array-flybar:before{left:28px}.array-flybar:after{right:28px}
.array-flybar span{position:absolute;left:50%;top:50%;width:92px;height:7px;transform:translate(-50%,-50%);border-radius:5px;background:#07090b;box-shadow:inset 0 0 0 1px #4a515a}
.array-flybar i{position:absolute;top:8px;width:7px;height:7px;border:1px solid #6c747d;border-radius:50%;background:#080a0c}
.array-flybar i:nth-of-type(1){left:20%}.array-flybar i:nth-of-type(2){left:48%}.array-flybar i:nth-of-type(3){right:20%}

/* cabinet anchor + vertical J-curve */
.array-cabinet{
  --cw:var(--array-width);--ch:var(--array-height);--cd:var(--array-depth);
  position:absolute;left:20px;width:var(--cw);height:var(--ch);
  transform-style:preserve-3d;transform-origin:50% 0;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.34));
  transition:filter .18s ease
}
.array-cabinet:hover{filter:drop-shadow(0 14px 13px rgba(0,0,0,.48)) brightness(1.025)}
.array-cabinet-1{top:5px;transform:translateZ(0px) rotateX(0deg)}
.array-cabinet-2{top:88px;transform:translateZ(2px) rotateX(-1.5deg)}
.array-cabinet-3{top:171px;transform:translateZ(7px) rotateX(-3.5deg)}
.array-cabinet-4{top:254px;transform:translateZ(16px) rotateX(-6deg)}
.array-cabinet-5{top:337px;transform:translateZ(31px) rotateX(-9deg)}
.array-cabinet-6{top:420px;transform:translateZ(52px) rotateX(-13deg)}

.array-face{
  position:absolute;box-sizing:border-box;backface-visibility:visible;
  border:2px solid var(--array-edge);overflow:hidden
}
/* front/back */
.array-face-front,.array-face-back{width:var(--cw);height:var(--ch);left:0;top:0;border-radius:6px}
.array-face-front{
  transform:translateZ(calc(var(--cd)/2));
  background:linear-gradient(150deg,#292e34,var(--array-main) 44%,#090b0d);
  clip-path:polygon(2% 0,98% 0,95% 100%,5% 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -20px 28px rgba(0,0,0,.48)
}
.array-face-back{
  transform:rotateY(180deg) translateZ(calc(var(--cd)/2));
  background:linear-gradient(145deg,#24292f,#0a0c0f 56%,#181b1f);
  box-shadow:inset 0 0 24px rgba(0,0,0,.7)
}
/* exact left/right cuboid faces */
.array-face-left,.array-face-right{
  width:var(--cd);height:var(--ch);top:0;left:50%;margin-left:calc(var(--cd)/-2);
  border-radius:5px;background:linear-gradient(90deg,#080a0c 0%,var(--array-side) 18%,#292e34 56%,#101317 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 0 22px rgba(0,0,0,.44)
}
.array-face-right{transform:translateX(calc(var(--cw)/2)) rotateY(90deg)}
.array-face-left{transform:translateX(calc(var(--cw)/-2)) rotateY(-90deg)}
/* exact top/bottom cuboid faces */
.array-face-top,.array-face-bottom{
  width:var(--cw);height:var(--cd);left:0;top:50%;margin-top:calc(var(--cd)/-2);
  background:linear-gradient(180deg,#2b3036,var(--array-main) 48%,#090b0d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 20px rgba(0,0,0,.36)
}
.array-face-top{transform:translateY(calc(var(--ch)/-2)) rotateX(90deg)}
.array-face-bottom{transform:translateY(calc(var(--ch)/2)) rotateX(-90deg)}

/* front components */
.array-front-grille{
  position:absolute;inset:4px 8px 5px;z-index:8;border:1px solid var(--array-grille-edge);border-radius:3px;
  background-color:var(--array-grille);background-image:radial-gradient(circle,var(--array-dot) .72px,transparent .88px);
  background-size:4px 4px;opacity:.92;box-shadow:inset 0 0 30px rgba(0,0,0,.5)
}
.array-brand{position:absolute;z-index:12;left:22px;top:10px;color:#fff;font-family:var(--display);font-style:italic;font-size:7px;text-shadow:0 1px 3px #000}
.array-cone{
  position:absolute;z-index:5;top:50%;width:62px;height:62px;border-radius:50%;transform:translateY(-50%);
  background:radial-gradient(circle,#030405 0 18%,#171a1e 19% 34%,#050607 35% 47%,#2b3035 48% 53%,#050607 54% 100%);
  box-shadow:0 0 0 3px #2c3137,inset 0 0 16px #000
}
.array-cone-left{left:44px}.array-cone-right{right:44px}
.array-hf{
  position:absolute;z-index:6;left:50%;top:50%;width:38px;height:56px;transform:translate(-50%,-50%);
  border-radius:44% 44% 34% 34%;background:radial-gradient(ellipse at center,#050607 0 18%,#3d434a 19% 25%,#07090b 27% 57%,#2a2f34 59% 64%,#090b0d 66%);
  box-shadow:0 0 0 2px #3d434a,inset 0 0 14px #000
}

/* back plate */
.array-rear-panel{
  position:absolute;left:50%;top:50%;width:126px;height:52px;transform:translate(-50%,-50%);
  border:1px solid #3e454d;border-radius:5px;background:#080a0d;box-shadow:inset 0 0 13px #000;padding:8px 9px;color:#d8dce0
}
.array-rear-panel b{display:block;font-size:7px;letter-spacing:.08em}.array-rear-panel small{display:block;margin-top:4px;font-size:5px;color:#707984}
.array-rear-panel i{position:absolute;right:9px;width:6px;height:6px;border-radius:50%;background:#59616a;box-shadow:0 0 0 1px #111}
.array-rear-panel i:nth-of-type(1){top:9px}.array-rear-panel i:nth-of-type(2){bottom:9px}
.array-rear-panel em{position:absolute;left:10px;bottom:8px;width:34px;height:7px;border-radius:3px;background:#15191d;box-shadow:inset 0 0 0 1px #30363d}

/* SIKE ONE inspired recessed handles, on both actual side faces */
.array-side-handle{
  position:absolute;left:50%;top:50%;width:68px;height:50px;transform:translate(-50%,-50%);
  border-radius:50%/58%;background:#07090b;box-shadow:inset 0 0 0 3px #363d45,inset 0 0 15px #000,0 1px 0 rgba(255,255,255,.04)
}
.array-side-handle>span{position:absolute;inset:6px;border-radius:50%/58%;border:2px solid #252b31;background:linear-gradient(#12161a,#040506)}
.array-side-handle>b{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:32px;height:12px;border-radius:3px;background:#20252a;box-shadow:inset 0 0 0 1px #363d44;
  color:#858c94;font-size:3px;line-height:12px;text-align:center
}
.array-side-handle i{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ddd 0 25%,#777e86 30% 55%,#111 60%);box-shadow:0 0 0 1px #050607}
.array-side-handle i:nth-of-type(1){left:8px;top:8px}.array-side-handle i:nth-of-type(2){right:8px;top:8px}.array-side-handle i:nth-of-type(3){left:8px;bottom:8px}.array-side-handle i:nth-of-type(4){right:8px;bottom:8px}
.array-rig{position:absolute;right:10px;width:11px;height:17px;border:2px solid #454c54;border-radius:3px;background:#080a0d;box-shadow:inset 0 0 5px #000}
.array-rig-top{top:8px}.array-rig-bottom{bottom:8px}
.array-coupler{position:absolute;left:23px;right:23px;top:50%;height:9px;transform:translateY(-50%);border-radius:4px;background:#080a0d;box-shadow:inset 0 0 0 1px #3e454d}

.array-ground-shadow{
  position:absolute;left:50%;bottom:-9px;width:740px;height:100px;transform:translateX(-50%) rotateX(82deg) translateZ(-110px);
  border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.68),transparent 68%);filter:blur(11px)
}

/* Existing builder colour / grille / LED settings */
.lab-speaker.is-array[data-array-light="red"] .array-front-grille{background-image:linear-gradient(90deg,rgba(255,54,46,.08),transparent 30%,transparent 70%,rgba(255,54,46,.08)),radial-gradient(circle,rgba(255,214,210,.48) .72px,transparent .88px);box-shadow:inset 0 0 24px rgba(255,54,46,.07),0 0 10px rgba(255,54,46,.28)}
.lab-speaker.is-array[data-array-light="white"] .array-front-grille{background-image:linear-gradient(90deg,rgba(239,248,255,.065),transparent 30%,transparent 70%,rgba(239,248,255,.065)),radial-gradient(circle,rgba(255,255,255,.58) .72px,transparent .88px);box-shadow:inset 0 0 22px rgba(239,248,255,.05),0 0 9px rgba(239,248,255,.20)}
.lab-speaker.is-array[data-array-light="rgb"] .array-front-grille{background-image:linear-gradient(105deg,rgba(255,48,65,.09),rgba(255,160,48,.03) 22%,rgba(68,230,135,.03) 43%,rgba(45,200,255,.035) 65%,rgba(135,76,255,.09)),radial-gradient(circle,rgba(230,233,238,.50) .72px,transparent .88px);box-shadow:inset 0 0 22px rgba(80,80,130,.05),-3px 0 8px rgba(255,48,65,.14),3px 0 8px rgba(110,78,255,.14);animation:sikeArrayV190Rgb 7s ease-in-out infinite}
@keyframes sikeArrayV190Rgb{0%,100%{filter:brightness(.98) saturate(1)}50%{filter:brightness(1.05) saturate(1.07)}}

@media(max-width:1100px){
  .lab-speaker.is-array{width:760px;height:570px}
  .array-stack{transform-origin:top center}
  .array-stack-left{left:40px;transform:scale(.88) translateZ(18px) rotateY(4deg)}
  .array-stack-right{right:40px;transform:scale(.88) translateZ(-8px) rotateY(-4deg)}
}
@media(max-width:620px){
  .lab-model-tabs{grid-template-columns:repeat(3,1fr)!important}
  .lab-speaker.is-array{width:560px;height:500px}
  .array-stack{transform-origin:top center}
  .array-stack-left{left:-8px;transform:scale(.70) translateZ(18px) rotateY(4deg)}
  .array-stack-right{right:-8px;transform:scale(.70) translateZ(-8px) rotateY(-4deg)}
  .array-system-badge{top:-18px;transform:translateX(-50%) scale(.77) translateZ(130px)}
}

.sike-array-product-v190 .product-360-frame{min-height:780px!important}
.sike-array-product-v190 .product-360-shell{min-height:780px!important}
@media(max-width:900px){.sike-array-product-v190 .product-360-frame,.sike-array-product-v190 .product-360-shell{min-height:630px!important}}
@media(max-width:620px){.sike-array-product-v190 .product-360-frame,.sike-array-product-v190 .product-360-shell{min-height:530px!important}}


/* =====================================================================
   SIKE V191 — MOBILE TRUE 3D + SIDE HARDWARE POSITION FIX
   Keeps the desktop geometry and all existing interaction. On narrow
   screens the cabinet retains real depth on FRONT/ANGLE/SIDE/BACK/TOP/
   BOTTOM, and both SIKE ONE handles sit lower so both POWERCELL bays are
   unobstructed.
   ===================================================================== */

/* Requested global handle adjustment: a little lower on BOTH side faces. */
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .realistic-handle,
.lab-speaker.is-one .cab-right .handle-reversed-right,
.lab-speaker.is-one .cab-left .handle-reversed-left{
  top:52.5% !important;
}

/* Batteries remain above handles and readable on either side. */
.lab-speaker.is-one .battery-mid-right,
.lab-speaker.is-one .battery-mid-left,
.lab-speaker.is-one .battery-right.battery-box,
.lab-speaker.is-one .battery-left.battery-box{
  z-index:655 !important;
}
.lab-speaker.is-one .integrated-battery-bay-right,
.lab-speaker.is-one .integrated-battery-bay-left{
  z-index:645 !important;
}

/* Preserve actual 3D face depth on mobile instead of reducing the cabinet
   to a thin card. All six faces continue to use --depth directly. */
@media (max-width:760px){
  .lab-stage{
    overflow:hidden !important;
    min-height:620px !important;
  }
  .lab-scene{
    perspective:1450px !important;
    perspective-origin:50% 46% !important;
    overflow:visible !important;
    transform-style:preserve-3d !important;
  }
  .lab-speaker,
  .lab-cabinet{
    transform-style:preserve-3d !important;
  }
  .lab-speaker.is-one{
    --w:240px !important;
    --h:402px !important;
    --depth:116px !important;
  }
  .lab-speaker.is-mini{
    --w:196px !important;
    --h:286px !important;
    --depth:92px !important;
  }

  /* Explicit six-face geometry. These rules intentionally mirror desktop
     geometry so SIDE/TOP/BOTTOM/BACK remain true physical planes. */
  .lab-speaker.is-one .cab-front,
  .lab-speaker.is-one .cab-back{
    width:var(--w) !important;
    height:var(--h) !important;
  }
  .lab-speaker.is-one .cab-front{
    transform:translateZ(calc(var(--depth)/2)) !important;
  }
  .lab-speaker.is-one .cab-back{
    transform:rotateY(180deg) translateZ(calc(var(--depth)/2)) !important;
  }
  .lab-speaker.is-one .cab-right,
  .lab-speaker.is-one .cab-left{
    width:var(--depth) !important;
    height:var(--h) !important;
    left:50% !important;
    margin-left:calc(var(--depth)/-2) !important;
  }
  .lab-speaker.is-one .cab-right{
    transform:translateX(calc(var(--w)/2)) rotateY(90deg) !important;
  }
  .lab-speaker.is-one .cab-left{
    transform:translateX(calc(var(--w)/-2)) rotateY(-90deg) !important;
  }
  .lab-speaker.is-one .cab-top,
  .lab-speaker.is-one .cab-bottom{
    width:var(--w) !important;
    height:var(--depth) !important;
    left:0 !important;
    top:50% !important;
    margin-top:calc(var(--depth)/-2) !important;
  }
  .lab-speaker.is-one .cab-top{
    transform:translateY(calc(var(--h)/-2 - var(--lift-top))) rotateX(90deg) !important;
  }
  .lab-speaker.is-one .cab-bottom{
    transform:translateY(calc(var(--h)/2)) rotateX(-90deg) !important;
  }

  /* Hardware stays proportional to the real side panel and never overlaps
     the battery cartridge. */
  .lab-speaker.is-one .cab-right .reference-control-panel,
  .lab-speaker.is-one .cab-left .reference-control-panel,
  .lab-speaker.is-one .cab-right .full-width-control-panel,
  .lab-speaker.is-one .cab-left .full-width-control-panel{
    top:17px !important;
    width:86px !important;
    height:66px !important;
    max-width:calc(100% - 14px) !important;
  }
  .lab-speaker.is-one .battery-mid-right,
  .lab-speaker.is-one .battery-mid-left,
  .lab-speaker.is-one .battery-right.battery-box,
  .lab-speaker.is-one .battery-left.battery-box{
    top:94px !important;
    left:15px !important;
    right:15px !important;
    height:30px !important;
    min-height:30px !important;
  }
  .lab-speaker.is-one .integrated-battery-bay-right,
  .lab-speaker.is-one .integrated-battery-bay-left{
    top:92px !important;
    left:13px !important;
    right:13px !important;
    height:34px !important;
    min-height:34px !important;
  }
  .lab-speaker.is-one .cab-right .realistic-handle,
  .lab-speaker.is-one .cab-left .realistic-handle,
  .lab-speaker.is-one .cab-right .handle-reversed-right,
  .lab-speaker.is-one .cab-left .handle-reversed-left{
    top:56% !important;
    width:74px !important;
    height:112px !important;
    min-width:74px !important;
    min-height:112px !important;
    max-width:calc(100% - 8px) !important;
    transform:translate(-50%,-50%) rotate(180deg) translateZ(1px) !important;
  }
  .lab-speaker.is-one .realistic-handle .handle-cup{
    left:9px !important;right:9px !important;top:9px !important;bottom:10px !important;
  }
  .lab-speaker.is-one .realistic-handle .handle-grip{
    left:7px !important;right:7px !important;top:43px !important;height:25px !important;
  }

  /* Product.php embeds the same builder. Keep enough 3D canvas height on
     phones so rotations don't clip TOP/BOTTOM/SIDE views. */
  .product-360-frame,
  .product-360-shell{
    min-height:590px !important;
  }
}

@media (max-width:420px){
  .lab-stage{min-height:590px !important}
  .lab-speaker.is-one{--w:228px !important;--h:382px !important;--depth:110px !important}
  .lab-speaker.is-one .cab-right .realistic-handle,
  .lab-speaker.is-one .cab-left .realistic-handle,
  .lab-speaker.is-one .cab-right .handle-reversed-right,
  .lab-speaker.is-one .cab-left .handle-reversed-left{
    top:56.5% !important;
    width:70px !important;
    height:106px !important;
    min-width:70px !important;
    min-height:106px !important;
  }
}


/* =====================================================================
   SIKE V192 — HANDLE ALIGNMENT + CONSTRUCTION PREVIEW REDESIGN
   ===================================================================== */
/* Desktop/web: handle begins shortly below the POWERCELL bay. */
.lab-speaker.is-one .cab-right .realistic-handle,
.lab-speaker.is-one .cab-left .realistic-handle,
.lab-speaker.is-one .cab-right .handle-reversed-right,
.lab-speaker.is-one .cab-left .handle-reversed-left{
  top:41.5% !important;
}

/* Mobile: battery ends around 124–126px. With the scaled handle this puts
   its upper flange immediately underneath without overlap. */
@media(max-width:760px){
  .lab-speaker.is-one .cab-right .realistic-handle,
  .lab-speaker.is-one .cab-left .realistic-handle,
  .lab-speaker.is-one .cab-right .handle-reversed-right,
  .lab-speaker.is-one .cab-left .handle-reversed-left{
    top:46% !important;
  }
}
@media(max-width:420px){
  .lab-speaker.is-one .cab-right .realistic-handle,
  .lab-speaker.is-one .cab-left .realistic-handle,
  .lab-speaker.is-one .cab-right .handle-reversed-right,
  .lab-speaker.is-one .cab-left .handle-reversed-left{
    top:46.5% !important;
  }
}

/* Premium construction / guest-demo gate */
.sike-build-gate{
  position:fixed!important;inset:0!important;z-index:2147483600!important;
  display:grid!important;place-items:center!important;padding:24px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,75,47,.14),transparent 28%),
    radial-gradient(circle at 82% 82%,rgba(114,45,255,.09),transparent 28%),
    rgba(3,5,7,.88)!important;
  backdrop-filter:blur(28px) saturate(.8)!important;
  -webkit-backdrop-filter:blur(28px) saturate(.8)!important;
}
.sike-build-gate.is-minimized{display:none!important}
.sike-build-gate-card{
  position:relative!important;overflow:hidden!important;width:min(680px,100%)!important;
  padding:0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(21,24,29,.98),rgba(9,12,16,.99))!important;
  color:#f7f8f9!important;box-shadow:0 42px 130px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.035)!important;
}
.sike-build-gate-card:before{content:""!important;position:absolute!important;left:-10%!important;top:-120px!important;width:420px!important;height:260px!important;border-radius:50%!important;background:rgba(255,73,46,.14)!important;filter:blur(80px)!important;pointer-events:none!important}
.sike-build-gate-card:after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.05!important;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px)!important;background-size:54px 54px!important}
.sike-build-gate-top{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:25px 28px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sike-build-gate-logo{display:block!important;width:190px!important;max-width:48%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.3))!important}
.sike-build-gate-status{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:#9fa6ae!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}
.sike-build-gate-status i{width:6px!important;height:6px!important;border-radius:50%!important;background:#ff6048!important;box-shadow:0 0 12px rgba(255,96,72,.7)!important}
.sike-build-gate-hero{position:relative!important;z-index:2!important;padding:34px 30px 12px!important}
.sike-build-gate-card .eyebrow{display:block!important;color:#ff694f!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important}
.sike-build-gate-card h2{max-width:590px!important;margin:11px 0 16px!important;font-size:clamp(46px,7vw,72px)!important;line-height:.88!important;letter-spacing:-.062em!important;color:#fff!important}
.sike-build-gate-card .sike-build-gate-hero>p{max-width:590px!important;margin:0!important;color:#969ea7!important;font-size:13px!important;line-height:1.72!important}
.sike-build-gate-card .sike-build-gate-hero>p strong{color:#d9dde1!important;font-weight:800!important}
.sike-build-gate-points{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:18px 30px 26px!important}
.sike-build-gate-points>div{min-height:92px!important;display:flex!important;align-items:flex-start!important;gap:11px!important;padding:15px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:rgba(3,6,9,.52)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.sike-build-gate-points>div>b{flex:0 0 auto!important;color:#ff664d!important;font-size:8px!important;line-height:18px!important}
.sike-build-gate-points span{display:block!important;color:#fff!important}
.sike-build-gate-points span strong{display:block!important;color:#e9ecef!important;font-size:10px!important;line-height:18px!important}
.sike-build-gate-points span small{display:block!important;margin-top:3px!important;color:#727b84!important;font-size:8px!important;line-height:1.45!important}
.sike-build-gate-actions{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:9px!important;padding:0 30px!important}
.sike-build-gate-actions button,.sike-build-gate-actions a{min-height:54px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.11)!important;font:900 10px inherit!important;text-decoration:none!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease,border-color .18s ease!important}
.sike-build-gate-actions button{background:#0a0d11!important;color:#a9b0b7!important}
.sike-build-gate-actions a{justify-content:space-between!important;padding:0 18px!important;background:linear-gradient(100deg,#ff563e,#ef684e)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(239,87,62,.18)!important}
.sike-build-gate-actions a b{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(0,0,0,.14)!important;font-size:13px!important}
.sike-build-gate-actions button:hover,.sike-build-gate-actions a:hover{transform:translateY(-2px)!important}
.sike-build-gate-foot{position:relative!important;z-index:2!important;display:block!important;padding:18px 30px 25px!important;color:#4f5861!important;font-size:6px!important;font-weight:900!important;letter-spacing:.16em!important;text-align:center!important}

@media(max-width:600px){
  .sike-build-gate{padding:12px!important;align-items:center!important}
  .sike-build-gate-card{border-radius:22px!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
  .sike-build-gate-top{padding:20px 19px 17px!important}
  .sike-build-gate-logo{width:160px!important;max-width:57%!important}
  .sike-build-gate-status{font-size:6px!important;padding:7px 8px!important}
  .sike-build-gate-hero{padding:26px 19px 10px!important}
  .sike-build-gate-card h2{font-size:clamp(42px,13vw,57px)!important;margin-top:10px!important}
  .sike-build-gate-card .sike-build-gate-hero>p{font-size:11px!important;line-height:1.6!important}
  .sike-build-gate-points{grid-template-columns:1fr!important;gap:6px!important;margin:15px 19px 20px!important}
  .sike-build-gate-points>div{min-height:0!important;padding:11px 12px!important;border-radius:11px!important}
  .sike-build-gate-points span small{font-size:7px!important}
  .sike-build-gate-actions{grid-template-columns:1fr!important;padding:0 19px!important}
  .sike-build-gate-actions button,.sike-build-gate-actions a{min-height:50px!important}
  .sike-build-gate-foot{padding:14px 19px 20px!important}
}


/* =====================================================================
   SIKE V193 — CLICKABLE TRUE-3D CORNER MATERIALS
   Click any corner to switch ALL cabinet corners between Rubber and Metal.
   ===================================================================== */
.lab-ball-corner{
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:filter .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.lab-ball-corner:hover{
  filter:brightness(1.12)!important;
}
.lab-ball-corner:focus-visible{
  outline:2px solid #ff513f!important;
  outline-offset:4px!important;
}

/* RUBBER — deep matte spherical material */
.lab-speaker:not([data-corner-material="metal"]) .lab-ball-corner,
.lab-speaker[data-corner-material="rubber"] .lab-ball-corner{
  background:
    radial-gradient(circle at 25% 19%,rgba(255,255,255,.22) 0 2.5%,rgba(255,255,255,.065) 10%,transparent 22%),
    radial-gradient(circle at 39% 35%,#35393e 0 6%,#202328 25%,#0e1013 53%,#050608 76%,#010203 100%)!important;
  box-shadow:
    inset -15px -17px 23px rgba(0,0,0,.78),
    inset 8px 7px 13px rgba(255,255,255,.045),
    0 14px 23px rgba(0,0,0,.62)!important;
}
.lab-speaker[data-corner-material="rubber"] .lab-ball-corner>i,
.lab-speaker[data-corner-material="rubber"] .lab-ball-corner>b{
  border-color:rgba(255,255,255,.055)!important;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.055),rgba(0,0,0,.25) 66%,rgba(0,0,0,.50))!important;
}

/* METAL — brushed gunmetal spherical corner with hard specular response */
.lab-speaker[data-corner-material="metal"] .lab-ball-corner{
  background:
    radial-gradient(circle at 24% 18%,#ffffff 0 1.6%,#cfd5db 3.5%,rgba(255,255,255,.34) 8%,transparent 20%),
    linear-gradient(132deg,rgba(255,255,255,.20),transparent 28%,rgba(255,255,255,.055) 48%,transparent 66%),
    radial-gradient(circle at 42% 38%,#9aa1a8 0 4%,#697078 18%,#383e45 43%,#171b20 68%,#07090c 100%)!important;
  box-shadow:
    inset -12px -14px 19px rgba(0,0,0,.52),
    inset 11px 9px 18px rgba(255,255,255,.13),
    0 0 0 1px rgba(255,255,255,.20),
    0 15px 24px rgba(0,0,0,.57),
    0 0 12px rgba(180,195,210,.09)!important;
}
.lab-speaker[data-corner-material="metal"] .lab-ball-corner>i,
.lab-speaker[data-corner-material="metal"] .lab-ball-corner>b{
  border:1px solid rgba(224,233,241,.20)!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.14),transparent 32%,rgba(255,255,255,.035) 60%),
    radial-gradient(circle at 34% 26%,#707881,#353b42 54%,#11151a 100%)!important;
}
.lab-speaker[data-corner-material="metal"] .lab-ball-corner:before{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.48),transparent 25%),
    linear-gradient(130deg,rgba(255,255,255,.13),transparent 55%)!important;
  box-shadow:0 0 8px rgba(210,225,240,.11)!important;
}
.lab-speaker[data-corner-material="metal"] .lab-ball-corner:after{
  background:rgba(0,0,0,.48)!important;
}

/* tiny material feedback on click */
.lab-ball-corner:active{
  filter:brightness(1.24)!important;
}


/* =====================================================================
   SIKE V194 — TOP-NAV MUSIC / SINGLE SIDEBAR
   Direct Music launch has one navigation system only:
   SIKE Music library sidebar. The outer SIKE App rail is removed.
   ===================================================================== */

body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-tabbar{
  display:none!important;
}

/* Remove the empty first grid column left by the app rail. */
body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-shell{
  grid-template-columns:minmax(0,1fr)!important;
  column-gap:0!important;
}

/* Every view occupies the full shell when direct Music mode is active. */
body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-view{
  grid-column:1!important;
}

/* SIKE Music itself gets the full available horizontal area. */
body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-view[data-view="music"].active{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Keep ONLY the purpose-built Music navigation visible. */
body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-music-library{
  display:flex!important;
}

/* Avoid the leftover left gutter from desktop app-dashboard rules. */
@media(min-width:901px){
  body.sike-direct-music-entry .sike-ios-app{
    padding-left:18px!important;
  }
  body.sike-direct-music-entry .sike-ios-shell{
    padding-left:14px!important;
  }
  body.sike-direct-music-entry .sike-music-shell{
    width:100%!important;
    grid-template-columns:190px minmax(0,1fr) 300px!important;
  }
}

/* On phones the normal bottom SIKE App navigation is also omitted only when
   Music came from the WEBSITE top nav. Music retains its own mobile controls. */
@media(max-width:900px){
  body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-tabbar{
    display:none!important;
  }
  body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-shell{
    display:block!important;
    padding-bottom:18px!important;
  }
  body.sike-direct-music-entry .sike-ios-app[data-direct-music="1"] .sike-ios-view[data-view="music"]{
    padding-bottom:18px!important;
  }
}

/* V197 — cleaner fold-out technical specifications */
.spec-section-foldout-v197{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:44px;align-items:start}
.spec-intro-v197 p{max-width:420px;color:#777;margin-top:12px;line-height:1.6}
.spec-accordion-v197{display:grid;gap:10px}
.spec-accordion-v197 details{border:1px solid rgba(127,127,127,.22);background:rgba(127,127,127,.035)}
.spec-accordion-v197 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:14px;padding:20px 22px;font-weight:800}
.spec-accordion-v197 summary::-webkit-details-marker{display:none}
.spec-accordion-v197 summary small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-weight:700}
.spec-accordion-v197 summary i{width:28px;height:28px;border:1px solid rgba(127,127,127,.25);display:grid;place-items:center;font-style:normal;transition:transform .2s ease}
.spec-accordion-v197 details[open] summary i{transform:rotate(45deg)}
.spec-accordion-v197 dl{margin:0;padding:0 22px 18px}
.spec-accordion-v197 dl>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:20px;padding:12px 0;border-top:1px solid rgba(127,127,127,.14)}
.spec-accordion-v197 dt{font-size:11px;text-transform:uppercase;letter-spacing:.055em;opacity:.56}
.spec-accordion-v197 dd{margin:0;font-weight:700;text-align:right}
@media(max-width:760px){.spec-section-foldout-v197{grid-template-columns:1fr;gap:20px}.spec-accordion-v197 summary{grid-template-columns:1fr 28px;padding:17px}.spec-accordion-v197 summary small{display:none}.spec-accordion-v197 dl{padding:0 17px 12px}.spec-accordion-v197 dl>div{grid-template-columns:1fr;gap:5px;padding:11px 0}.spec-accordion-v197 dd{text-align:left}}

/* V198 — specification heading collision fix */
.spec-section-foldout-v197{grid-template-columns:minmax(300px,.48fr) minmax(0,1.52fr);column-gap:56px}
.spec-intro-v197{min-width:0;max-width:100%}
.spec-intro-v197 h2{font-size:clamp(42px,4.25vw,76px)!important;line-height:.92!important;letter-spacing:-.055em!important;max-width:520px!important;margin:24px 0 24px!important;overflow-wrap:normal!important;word-break:normal!important}
.spec-intro-v197 p{font-size:17px;max-width:470px;margin:0;line-height:1.55}
.spec-accordion-v197{min-width:0}
@media(max-width:1100px){
 .spec-section-foldout-v197{grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);gap:34px}
 .spec-intro-v197 h2{font-size:clamp(38px,5vw,60px)!important}
}
@media(max-width:760px){
 .spec-section-foldout-v197{grid-template-columns:1fr;gap:24px}
 .spec-intro-v197 h2{font-size:clamp(40px,13vw,58px)!important;line-height:.94!important;max-width:none!important;margin:16px 0 18px!important}
 .spec-intro-v197 p{font-size:15px;max-width:100%}
}


/* =====================================================================
   SIKE V199 — HARD FIX: Technical specifications text overlap
   The intro column is explicitly contained and can never overlap accordion.
   ===================================================================== */
.spec-section.spec-section-foldout-v197{
  display:grid!important;
  grid-template-columns:minmax(0, 0.42fr) minmax(0, 1.58fr)!important;
  gap:64px!important;
  align-items:start!important;
  overflow:visible!important;
}

.spec-section.spec-section-foldout-v197 > .spec-intro-v197{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding-right:8px!important;
}

.spec-section.spec-section-foldout-v197 .spec-intro-v197 h2{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:22px 0 22px!important;
  padding:0!important;
  font-size:clamp(36px,3.6vw,64px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.spec-section.spec-section-foldout-v197 .spec-intro-v197 p{
  display:block!important;
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.spec-section.spec-section-foldout-v197 > .spec-accordion-v197{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}

@media (max-width:1200px){
  .spec-section.spec-section-foldout-v197{
    grid-template-columns:minmax(0, 0.48fr) minmax(0, 1.52fr)!important;
    gap:42px!important;
  }
  .spec-section.spec-section-foldout-v197 .spec-intro-v197 h2{
    font-size:clamp(34px,4.2vw,54px)!important;
  }
}

@media (max-width:900px){
  .spec-section.spec-section-foldout-v197{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .spec-section.spec-section-foldout-v197 > .spec-intro-v197{
    overflow:visible!important;
    padding-right:0!important;
  }
  .spec-section.spec-section-foldout-v197 .spec-intro-v197 h2{
    max-width:680px!important;
    font-size:clamp(38px,8vw,58px)!important;
    line-height:.96!important;
  }
  .spec-section.spec-section-foldout-v197 .spec-intro-v197 p{
    max-width:620px!important;
  }
}

/* V200 — DESIGNED FOR REAL USE visual redesign */
.product-story.product-story-v200{
 display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
 gap:clamp(36px,6vw,100px)!important;align-items:start!important;
 padding-top:clamp(72px,9vw,140px)!important;padding-bottom:clamp(72px,9vw,140px)!important;
 position:relative;overflow:hidden
}
.product-story-v200:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(238,74,57,.11),transparent 68%);pointer-events:none}
.story-v200-copy{position:sticky;top:120px;min-width:0}
.story-v200-copy .eyebrow{display:inline-flex;align-items:center;gap:10px}
.story-v200-copy .eyebrow:before{content:"";width:28px;height:2px;background:#ef4c3d}
.story-v200-copy h2{font-size:clamp(48px,5.5vw,92px)!important;line-height:.91!important;letter-spacing:-.06em!important;max-width:780px;margin:28px 0 28px!important}
.story-v200-lead{max-width:600px;font-size:clamp(15px,1.2vw,19px);line-height:1.65;color:#747474;margin:0 0 38px}
.story-v200-meta{display:flex;flex-wrap:wrap;gap:10px}
.story-v200-meta span{display:flex;align-items:center;gap:10px;border:1px solid rgba(120,120,120,.22);padding:11px 14px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.055em}
.story-v200-meta b{color:#ef4c3d;font-size:9px}
.story-v200-features{display:grid;gap:12px;min-width:0}
.story-v200-card{min-height:128px;border:1px solid rgba(120,120,120,.22);display:grid!important;grid-template-columns:62px minmax(0,1fr) 42px;gap:20px;align-items:center;padding:24px 26px!important;position:relative;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.story-v200-card:hover{transform:translateX(-7px);border-color:rgba(239,76,61,.55);background:rgba(239,76,61,.035)}
.story-v200-number{font-size:12px;font-weight:900;color:#ef4c3d;align-self:start;padding-top:4px}
.story-v200-card-copy small{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:#8b8b8b;margin-bottom:10px}
.story-v200-card-copy h3{font-size:clamp(18px,1.55vw,26px);line-height:1.18;letter-spacing:-.025em;margin:0;font-weight:800}
.story-v200-arrow{width:38px;height:38px;border:1px solid rgba(120,120,120,.24);display:grid;place-items:center;font-size:16px;transition:.25s ease}
.story-v200-card:hover .story-v200-arrow{background:#ef4c3d;color:#fff;border-color:#ef4c3d;transform:rotate(45deg)}
@media(max-width:900px){
 .product-story.product-story-v200{grid-template-columns:1fr!important;gap:42px!important;padding-top:70px!important;padding-bottom:70px!important}
 .story-v200-copy{position:relative;top:auto}
 .story-v200-copy h2{font-size:clamp(44px,12vw,68px)!important;max-width:680px}
 .story-v200-meta{display:grid;grid-template-columns:1fr}
 .story-v200-card{grid-template-columns:44px minmax(0,1fr) 38px;padding:20px!important;min-height:108px}
}
@media(max-width:520px){
 .story-v200-copy h2{font-size:clamp(40px,12.5vw,58px)!important}
 .story-v200-lead{font-size:14px}
 .story-v200-card{grid-template-columns:34px minmax(0,1fr);gap:12px}
 .story-v200-arrow{display:none}
}


/* =====================================================================
   SIKE V201 — COMPACT REAL-USE SECTION
   Four clean foldout cards with one very short spec each.
   ===================================================================== */
.product-story.product-story-v201{
  display:grid!important;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)!important;
  gap:clamp(36px,6vw,90px)!important;
  align-items:start!important;
  padding-top:clamp(64px,8vw,110px)!important;
  padding-bottom:clamp(64px,8vw,110px)!important;
}

.story-v201-head{
  min-width:0!important;
}
.story-v201-head .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
}
.story-v201-head .eyebrow:before{
  content:""!important;
  width:24px!important;
  height:2px!important;
  background:#ef4c3d!important;
}
.story-v201-head h2{
  margin:22px 0 18px!important;
  max-width:680px!important;
  font-size:clamp(46px,5vw,82px)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
}
.story-v201-head p{
  margin:0!important;
  max-width:420px!important;
  color:#777!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.story-v201-grid{
  display:grid!important;
  gap:10px!important;
}

.story-v201-card{
  margin:0!important;
  border:1px solid rgba(120,120,120,.22)!important;
  background:rgba(255,255,255,.018)!important;
  transition:border-color .2s ease,background .2s ease,transform .2s ease!important;
}
.story-v201-card:hover{
  border-color:rgba(239,76,61,.42)!important;
  background:rgba(239,76,61,.025)!important;
}
.story-v201-card[open]{
  border-color:rgba(239,76,61,.52)!important;
  background:rgba(239,76,61,.035)!important;
}

.story-v201-card summary{
  list-style:none!important;
  cursor:pointer!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 32px!important;
  gap:14px!important;
  align-items:center!important;
  min-height:78px!important;
  padding:0 18px!important;
}
.story-v201-card summary::-webkit-details-marker{
  display:none!important;
}
.story-v201-index{
  font-size:10px!important;
  font-weight:900!important;
  color:#ef4c3d!important;
}
.story-v201-title{
  font-size:clamp(15px,1.25vw,20px)!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}
.story-v201-plus{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(120,120,120,.24)!important;
  font-size:16px!important;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
.story-v201-card[open] .story-v201-plus{
  transform:rotate(45deg)!important;
  background:#ef4c3d!important;
  color:#fff!important;
  border-color:#ef4c3d!important;
}

.story-v201-spec{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:0 18px 16px 76px!important;
  border-top:1px solid rgba(120,120,120,.14)!important;
  margin-top:-1px!important;
}
.story-v201-spec small{
  padding-top:14px!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  font-weight:800!important;
  color:#8a8a8a!important;
}
.story-v201-spec b{
  padding-top:14px!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-align:right!important;
}

@media(max-width:900px){
  .product-story.product-story-v201{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .story-v201-head h2{
    font-size:clamp(42px,11vw,64px)!important;
    max-width:none!important;
  }
}

@media(max-width:520px){
  .story-v201-card summary{
    grid-template-columns:34px minmax(0,1fr) 28px!important;
    min-height:70px!important;
    padding:0 14px!important;
    gap:10px!important;
  }
  .story-v201-spec{
    padding:0 14px 14px 58px!important;
  }
  .story-v201-spec b{
    font-size:11px!important;
  }
}

/* =====================================================================
   SIKE V213 — MUSIC CLEAN RAIL + PERSISTENT NOW PLAYING (DESKTOP)
   ===================================================================== */
@media (min-width:1101px){
  /* Remove only the red S tile from the SIKE MUSIC rail. */
  body.sike-music-fullscreen-active .sike-music-rail-brand > span{
    display:none!important;
  }
  body.sike-music-fullscreen-active .sike-music-rail-brand{
    min-height:54px!important;
    padding:12px 4px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.sike-music-fullscreen-active .sike-music-rail-brand > b{
    margin:0!important;
    text-align:center!important;
  }

  /* Now Playing remains visible throughout Music scrolling. It stays inside
     the Music grid, so its sticky boundary ends before the normal site footer. */
  body.sike-music-fullscreen-active .sike-music-now-panel{
    position:sticky!important;
    top:8px!important;
    align-self:start!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:12!important;
  }
}


/* =====================================================================
   V213 SINGLE PLAYER HOTFIX
   Keep original V213 layout/scrolling/Now Playing exactly as-is.
   Only suppress the persistent/global player while SIKE Music is active.
   ===================================================================== */
@media (min-width:1101px){
  body.sike-music-fullscreen-active .sike-global-music-player,
  body.sike-direct-music-entry .sike-global-music-player,
  body:has(.sike-ios-view.sike-music-view.active) .sike-global-music-player{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.sike-music-fullscreen-active .sike-music-playerbar,
  body.sike-direct-music-entry .sike-music-playerbar{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* =====================================================================
   SIKE V214 — SUPPORT CENTERS + EMAIL SUPPORT
   ===================================================================== */
.help-v214{background:#efede7;color:#111}
.help-v214-hero{padding:90px max(24px,6vw) 56px;background:
  radial-gradient(circle at 82% 5%,rgba(245,87,58,.12),transparent 25%),
  linear-gradient(180deg,#f4f1eb,#ece9e2);border-bottom:1px solid #d7d2c8}
.help-v214-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:56px;align-items:end}
.help-v214-hero-copy h1{font-size:clamp(64px,8vw,132px);line-height:.84;letter-spacing:-.072em;margin:20px 0 28px;max-width:1000px}
.help-v214-hero-copy p{max-width:760px;font-size:17px;line-height:1.7;color:#67635d}
.help-v214-hero-copy p strong{color:#171717}
.help-v214-hero-meta{display:grid;gap:8px}
.help-v214-hero-meta>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #d5d0c7;background:rgba(255,255,255,.44)}
.help-v214-hero-meta small{font-size:8px;letter-spacing:.16em;font-weight:900;color:#928d84}
.help-v214-hero-meta b{font-size:12px}
.help-v214-hero-meta b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35cf7b;margin-right:6px;box-shadow:0 0 0 5px rgba(53,207,123,.08)}
.help-v214-search{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:none!important;margin:24px 0 0!important}
.help-v214-search input{height:62px!important;border:1px solid #cbc6bd!important;background:#fff!important;font-size:14px!important;padding:0 20px!important}
.help-v214-search button{min-width:130px!important;height:62px!important;border:0!important;background:#161616!important;color:#fff!important;font-weight:900!important}

.help-v214-body{padding:70px max(24px,6vw) 100px!important}
.help-v214-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:48px;align-items:end;margin-bottom:28px}
.help-v214-section-head span{font-size:8px;letter-spacing:.18em;font-weight:950;color:#ef593f}
.help-v214-section-head h2{font-size:clamp(42px,5vw,74px);line-height:.93;letter-spacing:-.05em;margin:10px 0 0}
.help-v214-section-head p{color:#716d66;line-height:1.65;margin:0 0 6px}

.support-department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:86px}
.support-department-card{appearance:none;text-align:left;border:1px solid #d6d1c8;background:#f8f6f1;padding:24px;min-height:285px;display:flex;flex-direction:column;cursor:pointer;transition:.22s ease;color:#111}
.support-department-card:hover{transform:translateY(-4px);border-color:#f15d43;box-shadow:0 18px 45px rgba(21,18,15,.08)}
.support-dept-icon{width:44px;height:44px;display:grid;place-items:center;background:#161616;color:#fff;font-size:18px;margin-bottom:34px}
.support-department-card small{font-size:8px;letter-spacing:.16em;font-weight:900;color:#ec5b42}
.support-department-card h3{font-size:26px;letter-spacing:-.035em;margin:8px 0 11px}
.support-department-card p{font-size:13px;line-height:1.6;color:#777169;margin:0;max-width:390px}
.support-department-card>div{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ddd8cf}
.support-department-card>div span{font-size:9px;color:#8a857d}
.support-department-card>div b{font-size:9px}

.help-v214-faq-head{margin-top:20px}
.help-v214 .help-faqs{margin-bottom:82px}
.help-v214 .help-faq{background:#f8f6f1;border-color:#d8d3ca}

.support-form-shell{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:56px;padding:58px;border:1px solid #d3cec4;background:#141516;color:#fff;scroll-margin-top:30px}
.support-form-intro>span{font-size:8px;letter-spacing:.17em;font-weight:900;color:#ff6548}
.support-form-intro h2{font-size:clamp(48px,5vw,80px);line-height:.9;letter-spacing:-.055em;margin:14px 0 22px}
.support-form-intro>p{font-size:14px;line-height:1.7;color:#9b9da0;max-width:470px}
.support-form-intro>p strong{color:#fff}
.support-form-points{margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.support-form-points>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}
.support-form-points b{color:#ff6548}
.support-form-points span{color:#c8c9ca}

.support-form-card{background:#f6f4ef;color:#111;padding:28px}
.support-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.support-field{display:grid;gap:7px}
.support-field-wide{grid-column:1/-1}
.support-field>span{font-size:8px;letter-spacing:.11em;font-weight:900;text-transform:uppercase;color:#6e6962}
.support-field>span em{font-style:normal;color:#aaa49c;font-weight:700}
.support-field input,.support-field select,.support-field textarea{width:100%;border:1px solid #d0cbc2;background:#fff;color:#171717;border-radius:0;outline:0;box-sizing:border-box;font:inherit}
.support-field input,.support-field select{height:48px;padding:0 13px;font-size:12px}
.support-field textarea{min-height:190px;resize:vertical;padding:14px;font-size:12px;line-height:1.6}
.support-field input:focus,.support-field select:focus,.support-field textarea:focus{border-color:#f05c42;box-shadow:0 0 0 2px rgba(240,92,66,.08)}
.support-field>small{font-size:8px;color:#989289}
.support-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:6px;padding-top:18px;border-top:1px solid #d6d1c9}
.support-submit-row>div{display:flex;align-items:center;gap:9px;font-size:9px;color:#777}
.support-submit-row>div i{width:7px;height:7px;border-radius:50%;background:#33cf78;box-shadow:0 0 0 4px rgba(51,207,120,.08)}
.support-submit-row button{border:0;background:#f05d43;color:#fff;min-height:50px;padding:0 20px;font-weight:900;font-size:10px;cursor:pointer}
.support-submit-row button b{margin-left:18px}
.support-alert{grid-column:1/-1;margin-bottom:18px;padding:15px 16px;display:grid;gap:4px;border:1px solid}
.support-alert b{font-size:12px}
.support-alert span{font-size:10px;line-height:1.5}
.support-alert.success{background:#e8f7ee;border-color:#b8dfc5;color:#174628}
.support-alert.error{background:#fff0ed;border-color:#efb7ad;color:#7d2b1d}
.support-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media(max-width:980px){
 .help-v214-hero{grid-template-columns:1fr}
 .help-v214-hero-meta{grid-template-columns:repeat(3,1fr)}
 .help-v214-hero-meta>div{display:grid}
 .support-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .support-form-shell{grid-template-columns:1fr;padding:34px}
}
@media(max-width:680px){
 .help-v214-hero{padding:58px 16px 34px}
 .help-v214-hero-copy h1{font-size:clamp(52px,16vw,78px)}
 .help-v214-hero-meta{grid-template-columns:1fr}
 .help-v214-search{grid-template-columns:1fr}
 .help-v214-search button{width:100%}
 .help-v214-body{padding:42px 14px 70px!important}
 .help-v214-section-head{grid-template-columns:1fr;gap:16px}
 .support-department-grid{grid-template-columns:1fr;margin-bottom:60px}
 .support-department-card{min-height:235px}
 .support-form-shell{padding:22px 14px;gap:32px}
 .support-form-card{padding:16px}
 .support-form{grid-template-columns:1fr}
 .support-field-wide{grid-column:1}
 .support-submit-row{display:grid}
 .support-submit-row button{width:100%}
}


/* V216 launch-list anti-bot field */
.launch-honeypot{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
[data-notify-form] button:disabled{opacity:.6;cursor:wait}


/* =====================================================================
   SIKE V217 — LAUNCH LIST / COMING SOON EMAIL PREFERENCES
   ===================================================================== */
.launch-pref-page{background:#efede7;color:#151515;min-height:100vh}
.launch-pref-shell{padding:54px max(22px,6vw) 90px}
.launch-pref-coming{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4cfc6;margin-bottom:58px;font-size:8px;letter-spacing:.17em;font-weight:950;color:#756f67}
.launch-pref-coming i{width:7px;height:7px;border-radius:50%;background:#f05f43;box-shadow:0 0 0 5px rgba(240,95,67,.08)}
.launch-pref-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:clamp(44px,8vw,130px);align-items:start;max-width:1500px;margin:0 auto}
.launch-pref-copy{padding-top:20px;position:sticky;top:30px}
.launch-pref-copy h1{font-size:clamp(60px,7vw,112px);line-height:.84;letter-spacing:-.068em;margin:20px 0 28px;max-width:780px}
.launch-pref-copy>p{max-width:650px;font-size:16px;line-height:1.72;color:#6f6a63}
.launch-pref-copy>p strong{color:#151515}
.launch-pref-points{margin-top:46px;border-top:1px solid #d5d0c7;max-width:560px}
.launch-pref-points>div{display:grid;grid-template-columns:40px 1fr;padding:15px 0;border-bottom:1px solid #d5d0c7;font-size:11px}
.launch-pref-points b{color:#ef6045}.launch-pref-points span{font-weight:800}

.launch-pref-card{background:#111316;color:#fff;padding:36px;border:1px solid #282b30;box-shadow:0 38px 90px rgba(20,17,14,.12)}
.launch-pref-card-head{padding-bottom:28px;border-bottom:1px solid #292c31}
.launch-pref-card-head small{font-size:8px;letter-spacing:.18em;color:#ff6848;font-weight:950}
.launch-pref-card-head h2{font-size:42px;letter-spacing:-.045em;margin:8px 0 10px}
.launch-pref-card-head p{font-size:12px;line-height:1.6;color:#8f949b;max-width:500px}
.launch-toggle-main,.launch-pref-option{cursor:pointer}
.launch-toggle-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #292c31}
.launch-toggle-main span b,.launch-pref-option span b{display:block;font-size:14px}
.launch-toggle-main span small,.launch-pref-option span small{display:block;color:#7f858d;font-size:10px;line-height:1.5;margin-top:5px}
.launch-toggle-main input,.launch-pref-option input{position:absolute;opacity:0;pointer-events:none}
.launch-toggle-main>i,.launch-pref-option>i{width:48px;height:26px;border-radius:999px;background:#34383e;position:relative;transition:.2s}
.launch-toggle-main>i:after,.launch-pref-option>i:after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:#91969c;transition:.2s}
.launch-toggle-main input:checked+i,.launch-pref-option input:checked+i{background:#ff6445}
.launch-toggle-main input:checked+i:after,.launch-pref-option input:checked+i:after{left:26px;background:#fff}
.launch-pref-options{display:grid;gap:8px;padding:20px 0;transition:.2s}
.launch-pref-options.disabled{opacity:.38}
.launch-pref-option{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;background:#181b20;padding:17px}
.launch-pref-option-icon{width:36px;height:36px;display:grid!important;place-items:center;background:#252930;color:#ff6848;font-size:10px!important;font-weight:950}
.launch-pref-option>i{width:40px;height:22px}
.launch-pref-option>i:after{width:14px;height:14px}
.launch-pref-option input:checked+i:after{left:22px}
.launch-pref-privacy{display:grid;grid-template-columns:8px 1fr;gap:12px;padding:17px 0 24px;border-top:1px solid #292c31}
.launch-pref-privacy i{width:7px;height:7px;border-radius:50%;background:#3bd47c;margin-top:4px}
.launch-pref-privacy p{font-size:9px;line-height:1.6;color:#777d85;margin:0}
.launch-pref-submit,.launch-pref-primary{border:0;background:#ff6547;color:#fff;min-height:56px;padding:0 22px;font-weight:950;font-size:10px;letter-spacing:.02em;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer}
.launch-pref-submit{width:100%}
.launch-pref-submit b{font-size:18px}
.launch-pref-error{padding:14px 16px;margin-bottom:20px;border:1px solid #8c4236;background:#271714;color:#ffc2b7;display:grid;gap:4px}
.launch-pref-error b{font-size:11px}.launch-pref-error span{font-size:9px;line-height:1.5}

.launch-pref-success,.launch-pref-invalid{max-width:850px;margin:30px auto 0;text-align:center;padding:64px 36px;background:#f7f4ee;border:1px solid #d8d2c9}
.launch-pref-success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;background:#151515;color:#fff;font-size:22px}
.launch-pref-success>span,.launch-pref-invalid>span{font-size:8px;letter-spacing:.18em;color:#f05f43;font-weight:950}
.launch-pref-success h1,.launch-pref-invalid h1{font-size:clamp(54px,7vw,90px);line-height:.88;letter-spacing:-.06em;margin:14px 0 22px}
.launch-pref-success>p,.launch-pref-invalid>p{font-size:14px;color:#777169;line-height:1.7}
.launch-pref-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:34px 0}
.launch-pref-summary>div{padding:18px;border:1px solid #ddd7ce;background:#fff;display:grid;gap:7px}
.launch-pref-summary small{font-size:8px;color:#8c867d;text-transform:uppercase;letter-spacing:.1em}
.launch-pref-summary b{font-size:13px}
.launch-pref-primary{max-width:260px;margin:0 auto}
.launch-pref-invalid>a{display:inline-block;margin-top:18px;color:#151515;font-weight:900}

@media(max-width:960px){
 .launch-pref-grid{grid-template-columns:1fr}
 .launch-pref-copy{position:relative;top:auto}
}
@media(max-width:620px){
 .launch-pref-shell{padding:34px 14px 60px}
 .launch-pref-coming{margin-bottom:36px}
 .launch-pref-copy h1{font-size:clamp(52px,16vw,78px)}
 .launch-pref-card{padding:22px 16px}
 .launch-pref-card-head h2{font-size:34px}
 .launch-pref-summary{grid-template-columns:1fr}
 .launch-pref-success,.launch-pref-invalid{padding:42px 18px}
}


/* =====================================================================
   SIKE V226 — APP.PHP ULTRA CLEAN REDESIGN
   ===================================================================== */
.sike-v226-app{
  --v226-bg:#0b0d10;
  --v226-panel:#111419;
  --v226-panel2:#15191f;
  --v226-line:rgba(255,255,255,.085);
  --v226-muted:#858c95;
  --v226-accent:#ff6244;
  width:100%;
  margin:0;
  padding:30px 30px 90px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,98,68,.10),transparent 24%),
    radial-gradient(circle at 86% 18%,rgba(196,34,44,.07),transparent 26%),
    var(--v226-bg);
  color:#f7f7f5;
}
.sike-v226-hero{
  width:min(1440px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(390px,.62fr);
  gap:18px;
}
.sike-v226-hero-main,
.sike-v226-auth{
  border:1px solid var(--v226-line);
  background:rgba(17,20,25,.96);
}
.sike-v226-hero-main{
  position:relative;
  overflow:hidden;
  min-height:690px;
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);
  grid-template-rows:auto 1fr;
  gap:26px;
}
.sike-v226-hero-main:before{
  content:"";
  position:absolute;
  inset:auto -18% -42% 20%;
  height:75%;
  background:radial-gradient(circle,rgba(255,93,61,.11),transparent 64%);
  pointer-events:none;
}
.sike-v226-eyebrow{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  border-bottom:1px solid var(--v226-line);
  color:#dfe2e6;
}
.sike-v226-eyebrow b{font-size:9px;letter-spacing:.14em}
.sike-v226-eyebrow small{font-size:7px;letter-spacing:.16em;color:#636b75}
.sike-v226-dot{width:7px;height:7px;border-radius:50%;background:#34d27c;box-shadow:0 0 0 5px rgba(52,210,124,.08)}
.sike-v226-hero-copy{
  align-self:center;
  position:relative;
  z-index:2;
  padding:22px 0 32px 12px;
}
.sike-v226-label,.sike-v226-auth-kicker,.sike-v226-showcase-head span,.sike-v226-platform>div>span{
  color:var(--v226-accent);
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
}
.sike-v226-hero-copy h1{
  margin:14px 0 20px;
  font-size:clamp(60px,6.2vw,104px);
  line-height:.88;
  letter-spacing:-.066em;
  font-weight:950;
}
.sike-v226-hero-copy h1 em{font-style:normal;color:var(--v226-accent)}
.sike-v226-hero-copy>p{
  max-width:620px;
  color:#9299a2;
  font-size:16px;
  line-height:1.65;
  margin:0;
}
.sike-v226-quick{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:28px;
}
.sike-v226-quick span{
  padding:9px 11px;
  border:1px solid var(--v226-line);
  background:#0d1014;
  color:#9da4ad;
  font-size:9px;
  font-weight:800;
}
.sike-v226-quick b{color:var(--v226-accent);margin-right:5px}
.sike-v226-product{
  align-self:stretch;
  min-height:510px;
  border:1px solid var(--v226-line);
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 32%),
    #0d1014;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  position:relative;
  z-index:2;
}
.sike-v226-product-meta{padding:22px 22px 0}
.sike-v226-product-meta>span{font-size:7px;letter-spacing:.15em;color:#626a74;font-weight:900}
.sike-v226-product-meta h2{font-size:34px;margin:8px 0 2px;letter-spacing:-.04em}
.sike-v226-product-meta p{font-size:10px;color:#707781;margin:0}
.sike-v226-product-meta>div{margin-top:12px;font-size:8px;color:#8b929b;font-weight:800}
.sike-v226-product-meta>div i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34d27c;margin-right:6px}
.sike-v226-product-image{
  min-height:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:8px 16px 0;
}
.sike-v226-product-image img{
  width:min(100%,500px);
  max-height:430px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.46));
}

.sike-v226-auth{
  padding:30px;
  display:flex;
  flex-direction:column;
  min-height:690px;
  box-sizing:border-box;
}
.sike-v226-auth-copy{margin-top:18px}
.sike-v226-auth-copy h2{
  margin:8px 0 12px;
  font-size:clamp(38px,3.2vw,54px);
  line-height:.95;
  letter-spacing:-.05em;
}
.sike-v226-auth-copy p{margin:0;color:#838a94;font-size:12px;line-height:1.6}
.sike-v226-tabs{
  margin:26px 0 14px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid var(--v226-line)!important;
  background:#0b0e12!important;
}
.sike-v226-tabs button{
  min-height:42px!important;
  border:0!important;
  background:transparent!important;
  color:#727a84!important;
  font-size:9px!important;
  font-weight:900!important;
}
.sike-v226-tabs button.active{background:var(--v226-accent)!important;color:white!important}
.sike-v226-socials{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.sike-v226-socials form{margin:0}
.sike-v226-socials button{
  width:100%;
  height:44px;
  border:1px solid var(--v226-line);
  background:#0c0f13;
  color:#f5f5f3;
  font-weight:900;
  cursor:pointer;
}
.sike-v226-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:17px 0;
  color:#555d66;
  font-size:7px;
}
.sike-v226-divider:before,.sike-v226-divider:after{content:"";height:1px;background:var(--v226-line);flex:1}
.sike-v226-form{display:none!important}
.sike-v226-form.active{display:grid!important;gap:10px!important}
.sike-v226-form label{display:grid;gap:6px;margin:0!important}
.sike-v226-form label>span{font-size:7px!important;letter-spacing:.08em!important;color:#6f7781!important;font-weight:900!important;text-transform:uppercase!important}
.sike-v226-form input:not([type=checkbox]){
  width:100%!important;
  min-height:48px!important;
  padding:0 13px!important;
  border:1px solid var(--v226-line)!important;
  background:#0c0f13!important;
  color:#fff!important;
  box-sizing:border-box!important;
  border-radius:0!important;
}
.sike-v226-form input:focus{outline:none!important;border-color:rgba(255,98,68,.6)!important}
.sike-v226-primary{
  width:100%;
  min-height:52px;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 17px;
  box-sizing:border-box;
  border:0;
  background:var(--v226-accent);
  color:#fff;
  font-size:10px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}
.sike-v226-primary b{font-size:18px}
.sike-v226-secondary{margin:12px auto 0;color:#656d76;font-size:8px;text-decoration:none}
.sike-v226-user{
  margin-top:20px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid var(--v226-line);
  background:#0c0f13;
}
.sike-v226-avatar{width:46px;height:46px;display:grid;place-items:center;background:var(--v226-accent);font-size:18px;font-weight:950}
.sike-v226-user strong{display:block;font-size:11px}
.sike-v226-user span{display:block;color:#727a84;font-size:8px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-v226-user>i{width:7px;height:7px;border-radius:50%;background:#34d27c}
.sike-v226-account-points{display:grid;gap:6px;margin-top:24px}
.sike-v226-account-points>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--v226-line)}
.sike-v226-account-points span{font-size:7px;letter-spacing:.12em;color:#626a74}
.sike-v226-account-points b{font-size:9px}
.sike-v226-account-points b.is-live{color:#66dd97}

.sike-v226-feature-strip{
  width:min(1440px,100%);
  margin:18px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--v226-line);
  background:#0f1216;
}
.sike-v226-feature-strip article{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:12px;
  min-height:118px;
  padding:20px;
  border-right:1px solid var(--v226-line);
  box-sizing:border-box;
}
.sike-v226-feature-strip article:last-child{border-right:0}
.sike-v226-feature-strip article>span{color:var(--v226-accent);font-size:8px;font-weight:900}
.sike-v226-feature-strip b{font-size:12px}
.sike-v226-feature-strip p{margin:6px 0 0;color:#747b85;font-size:10px;line-height:1.5}

.sike-v226-showcase{
  width:min(1440px,100%);
  margin:110px auto 0;
}
.sike-v226-showcase-head{
  display:grid;
  grid-template-columns:1fr minmax(320px,.55fr);
  gap:50px;
  align-items:end;
  margin-bottom:28px;
}
.sike-v226-showcase-head h2{
  margin:12px 0 0;
  font-size:clamp(48px,5vw,78px);
  line-height:.93;
  letter-spacing:-.055em;
}
.sike-v226-showcase-head>p{color:#7f8791;font-size:13px;line-height:1.7;margin:0 0 6px}
.sike-v226-showcase-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:12px;
}
.sike-v226-showcase-card{
  min-height:370px;
  border:1px solid var(--v226-line);
  background:#111419;
  padding:26px;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto 1fr;
}
.sike-v226-showcase-card.large{
  grid-row:span 2;
  min-height:752px;
}
.sike-v226-card-copy span{font-size:8px;color:var(--v226-accent);letter-spacing:.15em;font-weight:950}
.sike-v226-card-copy h3{font-size:30px;letter-spacing:-.04em;margin:9px 0 10px}
.sike-v226-card-copy p{max-width:580px;color:#7e8690;font-size:11px;line-height:1.65;margin:0}
.sike-v226-control-ui{
  align-self:end;
  max-width:720px;
  width:100%;
  margin:40px auto 0;
  padding:26px;
  background:#0c0f13;
  border:1px solid var(--v226-line);
  box-sizing:border-box;
}
.sike-v226-control-top{display:flex;justify-content:space-between;color:#aeb4bb;font-size:9px}
.sike-v226-control-top i{width:7px;height:7px;border-radius:50%;background:#34d27c}
.sike-v226-dial{
  width:180px;height:180px;border-radius:50%;margin:34px auto;
  display:grid;place-items:center;
  border:1px solid #313741;
  box-shadow:inset 0 0 0 14px #13171c,inset 0 0 0 15px #292f36;
}
.sike-v226-dial strong{font-size:42px}.sike-v226-dial small{font-size:14px;color:#7f8791}
.sike-v226-levels{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.sike-v226-levels i{height:8px;background:#2a3037}.sike-v226-levels i:nth-child(-n+6){background:var(--v226-accent)}
.sike-v226-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:18px}
.sike-v226-modes span{padding:10px;text-align:center;background:#15191f;color:#6f7780;font-size:8px}
.sike-v226-modes span.active{background:var(--v226-accent);color:#fff}
.sike-v226-power-ui{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:28px}
.sike-v226-power-ring{
  grid-column:1/-1;
  width:132px;height:132px;border-radius:50%;
  margin:8px auto 18px;display:grid;place-items:center;align-content:center;
  border:12px solid #252b32;border-top-color:var(--v226-accent);border-right-color:var(--v226-accent);
}
.sike-v226-power-ring strong{font-size:30px}.sike-v226-power-ring small{font-size:7px;color:#727a84;margin-top:4px}
.sike-v226-power-ui>div:not(.sike-v226-power-ring){padding:13px;background:#0d1014;border:1px solid var(--v226-line)}
.sike-v226-power-ui span{display:block;color:#66707a;font-size:7px}.sike-v226-power-ui b{display:block;margin-top:5px;font-size:10px}
.sike-v226-music-ui{align-self:end;display:grid;grid-template-columns:74px 1fr 44px;gap:12px;align-items:center;margin-top:28px;padding:13px;background:#0d1014;border:1px solid var(--v226-line)}
.sike-v226-cover{width:74px;height:74px;background:linear-gradient(135deg,#ff6b45,#4c1621 55%,#15191f)}
.sike-v226-music-ui small{display:block;color:var(--v226-accent);font-size:7px}.sike-v226-music-ui b{display:block;font-size:11px;margin-top:5px}.sike-v226-music-ui span{display:block;color:#666e77;font-size:7px;margin-top:4px}
.sike-v226-music-ui button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111}

.sike-v226-platform{
  width:min(1440px,100%);
  margin:18px auto 0;
  border:1px solid var(--v226-line);
  background:#111419;
  padding:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  box-sizing:border-box;
}
.sike-v226-platform h2{font-size:34px;letter-spacing:-.04em;margin:9px 0}
.sike-v226-platform p{color:#7b838d;font-size:11px;margin:0;max-width:620px}
.sike-v226-stores{display:flex;gap:8px}
.sike-v226-stores>div{min-width:180px;padding:13px 16px;background:#0d1014;border:1px solid var(--v226-line);display:flex;align-items:center;gap:12px}
.sike-v226-stores b{font-size:20px}.sike-v226-stores small{display:block;color:#626a74;font-size:7px;letter-spacing:.11em;margin-bottom:3px}
.sike-v226-stores span{font-size:11px;font-weight:900}

@media(max-width:1180px){
  .sike-v226-hero{grid-template-columns:1fr}
  .sike-v226-auth{min-height:0}
  .sike-v226-showcase-grid{grid-template-columns:1fr 1fr}
  .sike-v226-showcase-card.large{grid-column:1/-1;grid-row:auto;min-height:650px}
}
@media(max-width:860px){
  .sike-v226-app{padding:16px 12px 70px}
  .sike-v226-hero-main{grid-template-columns:1fr;min-height:0;padding:18px}
  .sike-v226-eyebrow{grid-column:auto}
  .sike-v226-hero-copy{padding:20px 2px}
  .sike-v226-product{min-height:460px}
  .sike-v226-feature-strip{grid-template-columns:1fr 1fr}
  .sike-v226-feature-strip article:nth-child(2){border-right:0}
  .sike-v226-feature-strip article:nth-child(-n+2){border-bottom:1px solid var(--v226-line)}
  .sike-v226-showcase{margin-top:70px}
  .sike-v226-showcase-head{grid-template-columns:1fr}
  .sike-v226-showcase-grid{grid-template-columns:1fr}
  .sike-v226-showcase-card.large{grid-column:auto}
  .sike-v226-platform{display:grid}
}
@media(max-width:560px){
  .sike-v226-app{padding:10px 8px 56px}
  .sike-v226-hero{gap:8px}
  .sike-v226-hero-main{padding:14px}
  .sike-v226-hero-copy h1{font-size:clamp(52px,15.5vw,72px)}
  .sike-v226-hero-copy>p{font-size:13px}
  .sike-v226-product{min-height:380px}
  .sike-v226-product-image img{max-height:310px}
  .sike-v226-auth{padding:22px 16px}
  .sike-v226-feature-strip{grid-template-columns:1fr}
  .sike-v226-feature-strip article{border-right:0;border-bottom:1px solid var(--v226-line)!important;min-height:94px}
  .sike-v226-feature-strip article:last-child{border-bottom:0!important}
  .sike-v226-showcase-head h2{font-size:44px}
  .sike-v226-showcase-card,.sike-v226-showcase-card.large{min-height:0;padding:20px}
  .sike-v226-control-ui{padding:16px}
  .sike-v226-dial{width:140px;height:140px}
  .sike-v226-platform{padding:22px 16px}
  .sike-v226-stores{display:grid}
  .sike-v226-stores>div{min-width:0}
}


/* =====================================================================
   SIKE V227 — COMPLETELY NEW APP.PHP / MINIMAL CLEAN
   ===================================================================== */
.sike-v227-app{
  --v227-bg:#0b0d10;
  --v227-panel:#111419;
  --v227-panel2:#0e1115;
  --v227-line:rgba(255,255,255,.075);
  --v227-muted:#7f8790;
  --v227-accent:#ff6244;
  margin:0;
  padding:26px 24px 86px;
  background:
    radial-gradient(circle at 8% 4%,rgba(255,98,68,.08),transparent 24%),
    var(--v227-bg);
  color:#f6f6f4;
}
.sike-v227-shell{width:min(1500px,100%);margin:0 auto}
.sike-v227-topline{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 4px;
  border-bottom:1px solid var(--v227-line);
}
.sike-v227-topline-left{display:flex;align-items:center;gap:9px}
.sike-v227-topline-left strong{font-size:9px;letter-spacing:.15em}
.sike-v227-topline small{font-size:7px;letter-spacing:.14em;color:#5f6771;font-weight:900}
.sike-v227-live{width:7px;height:7px;border-radius:50%;background:#35d17d;box-shadow:0 0 0 5px rgba(53,209,125,.07)}

.sike-v227-main{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(420px,1.02fr) minmax(360px,.66fr);
  gap:12px;
  margin-top:12px;
}
.sike-v227-intro,
.sike-v227-device-card,
.sike-v227-account{
  min-height:650px;
  border:1px solid var(--v227-line);
  background:var(--v227-panel);
}
.sike-v227-intro{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sike-v227-kicker,.sike-v227-account-head>span,.sike-v227-bottom>div>span{
  color:var(--v227-accent);
  font-size:8px;
  font-weight:950;
  letter-spacing:.16em;
}
.sike-v227-intro h1{
  margin:16px 0 22px;
  font-size:clamp(58px,5.4vw,92px);
  line-height:.88;
  letter-spacing:-.064em;
  font-weight:950;
}
.sike-v227-intro h1 em{font-style:normal;color:var(--v227-accent)}
.sike-v227-intro>p{
  max-width:520px;
  margin:0;
  color:#8b929b;
  font-size:14px;
  line-height:1.65;
}
.sike-v227-feature-line{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:30px;
}
.sike-v227-feature-line span{
  padding:8px 10px;
  background:#0d1014;
  border:1px solid var(--v227-line);
  color:#8b929a;
  font-size:8px;
  font-weight:850;
}

.sike-v227-device-card{
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
}
.sike-v227-device-head{
  padding:24px 24px 10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.sike-v227-device-head span{font-size:7px;letter-spacing:.15em;color:#606873;font-weight:900}
.sike-v227-device-head h2{font-size:34px;margin:7px 0 2px;letter-spacing:-.04em}
.sike-v227-device-head p{font-size:9px;color:#6f7780;margin:0}
.sike-v227-device-status{font-size:8px;color:#828a94;white-space:nowrap}
.sike-v227-device-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35d17d;margin-right:6px}
.sike-v227-device-visual{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:0;
  padding:8px 18px 0;
  background:
    linear-gradient(180deg,transparent,rgba(255,255,255,.008)),
    repeating-linear-gradient(90deg,transparent 0,transparent 59px,rgba(255,255,255,.025) 60px),
    repeating-linear-gradient(0deg,transparent 0,transparent 59px,rgba(255,255,255,.025) 60px);
}
.sike-v227-device-visual img{
  width:min(96%,500px);
  max-height:500px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.44));
}
.sike-v227-device-bottom{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--v227-line);
}
.sike-v227-device-bottom>div{padding:15px 18px;border-right:1px solid var(--v227-line)}
.sike-v227-device-bottom>div:last-child{border-right:0}
.sike-v227-device-bottom span{display:block;color:#5f6771;font-size:7px;letter-spacing:.1em}
.sike-v227-device-bottom b{display:block;margin-top:5px;font-size:10px}

.sike-v227-account{
  padding:28px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.sike-v227-account-head h2{
  margin:9px 0 10px;
  font-size:40px;
  line-height:.95;
  letter-spacing:-.05em;
}
.sike-v227-account-head p{margin:0;color:#7f8790;font-size:11px;line-height:1.55}
.sike-v227-tabs{
  margin:24px 0 12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  padding:3px!important;
  gap:3px!important;
  background:#0b0e12!important;
  border:1px solid var(--v227-line)!important;
}
.sike-v227-tabs button{
  min-height:40px!important;
  border:0!important;
  background:transparent!important;
  color:#727a83!important;
  font-size:8px!important;
  font-weight:900!important;
}
.sike-v227-tabs button.active{background:var(--v227-accent)!important;color:#fff!important}
.sike-v227-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sike-v227-socials form{margin:0}
.sike-v227-socials button{
  width:100%;height:42px;
  border:1px solid var(--v227-line);
  background:#0d1014;
  color:#f5f5f3;
  font-weight:900;
}
.sike-v227-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:#555d66;font-size:7px}
.sike-v227-divider:before,.sike-v227-divider:after{content:"";height:1px;background:var(--v227-line);flex:1}
.sike-v227-form{display:none!important}
.sike-v227-form.active{display:grid!important;gap:9px!important}
.sike-v227-form label{display:grid!important;gap:5px!important;margin:0!important}
.sike-v227-form label>span{font-size:7px!important;color:#69717b!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important}
.sike-v227-form input:not([type=checkbox]){
  width:100%!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  background:#0c0f13!important;
  border:1px solid var(--v227-line)!important;
  color:#fff!important;
  padding:0 12px!important;
  border-radius:0!important;
}
.sike-v227-form input:focus{outline:0!important;border-color:rgba(255,98,68,.55)!important}
.sike-v227-primary{
  width:100%;
  min-height:50px;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-sizing:border-box;
  padding:0 16px;
  border:0;
  background:var(--v227-accent);
  color:#fff;
  font-size:9px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}
.sike-v227-primary b{font-size:17px}
.sike-v227-signout{margin:12px auto 0;color:#626a74;font-size:8px;text-decoration:none}
.sike-v227-user-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  margin-top:22px;
  padding:12px;
  border:1px solid var(--v227-line);
  background:#0d1014;
}
.sike-v227-avatar{width:44px;height:44px;display:grid;place-items:center;background:var(--v227-accent);font-size:17px;font-weight:950}
.sike-v227-user-card strong{display:block;font-size:10px}
.sike-v227-user-card span{display:block;color:#727a84;font-size:8px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sike-v227-user-card>i{width:7px;height:7px;border-radius:50%;background:#35d17d}
.sike-v227-account-list{display:grid;gap:0;margin-top:24px}
.sike-v227-account-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--v227-line)}
.sike-v227-account-list span{font-size:7px;letter-spacing:.1em;color:#5f6771}
.sike-v227-account-list b{font-size:9px}

.sike-v227-details{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}
.sike-v227-details article{
  min-height:145px;
  padding:20px;
  border:1px solid var(--v227-line);
  background:var(--v227-panel2);
}
.sike-v227-details article>span{color:var(--v227-accent);font-size:8px;font-weight:900}
.sike-v227-details h3{font-size:18px;margin:10px 0 7px}
.sike-v227-details p{margin:0;max-width:390px;color:#757d87;font-size:10px;line-height:1.55}

.sike-v227-bottom{
  margin-top:12px;
  padding:24px;
  border:1px solid var(--v227-line);
  background:var(--v227-panel);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.sike-v227-bottom h2{font-size:30px;margin:8px 0 7px;letter-spacing:-.04em}
.sike-v227-bottom p{margin:0;color:#747c85;font-size:10px;max-width:600px}
.sike-v227-stores{display:flex;gap:7px}
.sike-v227-stores>div{
  min-width:170px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  background:#0d1014;
  border:1px solid var(--v227-line);
}
.sike-v227-stores b{font-size:18px}
.sike-v227-stores small{display:block;font-size:7px;color:#5f6771;letter-spacing:.1em;margin-bottom:3px}
.sike-v227-stores span{font-size:10px;font-weight:900}

@media(max-width:1220px){
  .sike-v227-main{grid-template-columns:1fr 1.1fr}
  .sike-v227-account{grid-column:1/-1;min-height:0}
}
@media(max-width:820px){
  .sike-v227-app{padding:16px 10px 70px}
  .sike-v227-main{grid-template-columns:1fr}
  .sike-v227-intro,.sike-v227-device-card,.sike-v227-account{min-height:0}
  .sike-v227-intro{padding:28px 20px}
  .sike-v227-device-card{min-height:520px}
  .sike-v227-details{grid-template-columns:1fr}
  .sike-v227-bottom{display:grid}
}
@media(max-width:560px){
  .sike-v227-app{padding:10px 8px 56px}
  .sike-v227-topline{height:44px}
  .sike-v227-intro h1{font-size:clamp(52px,15vw,70px)}
  .sike-v227-device-card{min-height:440px}
  .sike-v227-device-visual img{max-height:330px}
  .sike-v227-device-bottom{grid-template-columns:1fr}
  .sike-v227-device-bottom>div{border-right:0;border-bottom:1px solid var(--v227-line)}
  .sike-v227-device-bottom>div:last-child{border-bottom:0}
  .sike-v227-account{padding:22px 16px}
  .sike-v227-stores{display:grid}
  .sike-v227-stores>div{min-width:0}
}


/* =====================================================================
   SIKE V228 — APP.PHP MINIMAL / NO PRODUCT VISUAL
   ===================================================================== */
.sike-v228-app{
  --v228-bg:#0a0d10;
  --v228-panel:#111419;
  --v228-line:rgba(255,255,255,.075);
  --v228-muted:#7b838d;
  --v228-accent:#ff6244;
  padding:24px 24px 84px;
  margin:0;
  background:
    radial-gradient(circle at 8% 4%,rgba(255,98,68,.07),transparent 22%),
    var(--v228-bg);
  color:#f7f7f5;
}
.sike-v228-wrap{width:min(1440px,100%);margin:0 auto}
.sike-v228-introbar{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--v228-line);
  padding:0 2px;
}
.sike-v228-introbar>div{display:flex;align-items:center;gap:9px}
.sike-v228-introbar b{font-size:9px;letter-spacing:.15em}
.sike-v228-introbar small{font-size:7px;letter-spacing:.14em;color:#5e6670;font-weight:900}
.sike-v228-live{width:7px;height:7px;border-radius:50%;background:#35d17d;box-shadow:0 0 0 5px rgba(53,209,125,.07)}

.sike-v228-hero{
  margin-top:12px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.62fr);
  gap:12px;
}
.sike-v228-copy,
.sike-v228-account{
  border:1px solid var(--v228-line);
  background:var(--v228-panel);
}
.sike-v228-copy{
  min-height:610px;
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sike-v228-kicker,.sike-v228-account-head>span,.sike-v228-coming>div>span{
  color:var(--v228-accent);
  font-size:8px;
  font-weight:950;
  letter-spacing:.16em;
}
.sike-v228-copy h1{
  margin:16px 0 22px;
  font-size:clamp(64px,7vw,116px);
  line-height:.86;
  letter-spacing:-.068em;
  font-weight:950;
  max-width:900px;
}
.sike-v228-copy h1 em{font-style:normal;color:var(--v228-accent)}
.sike-v228-copy>p{
  max-width:620px;
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#8a929b;
}
.sike-v228-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
.sike-v228-pills span{
  padding:8px 10px;
  border:1px solid var(--v228-line);
  background:#0d1014;
  color:#858d96;
  font-size:8px;
  font-weight:850;
}

.sike-v228-account{
  min-height:610px;
  padding:30px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.sike-v228-account-head h2{
  margin:9px 0 10px;
  font-size:42px;
  line-height:.95;
  letter-spacing:-.05em;
}
.sike-v228-account-head p{margin:0;color:#7e8690;font-size:11px;line-height:1.55}
.sike-v228-tabs{
  margin:24px 0 12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3px!important;
  padding:3px!important;
  background:#0b0e12!important;
  border:1px solid var(--v228-line)!important;
}
.sike-v228-tabs button{
  min-height:40px!important;
  border:0!important;
  background:transparent!important;
  color:#727a83!important;
  font-size:8px!important;
  font-weight:900!important;
}
.sike-v228-tabs button.active{background:var(--v228-accent)!important;color:#fff!important}
.sike-v228-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sike-v228-socials form{margin:0}
.sike-v228-socials button{
  width:100%;
  height:42px;
  border:1px solid var(--v228-line);
  background:#0d1014;
  color:#f4f4f2;
  font-weight:900;
}
.sike-v228-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:#545d66;font-size:7px}
.sike-v228-divider:before,.sike-v228-divider:after{content:"";height:1px;background:var(--v228-line);flex:1}
.sike-v228-form{display:none!important}
.sike-v228-form.active{display:grid!important;gap:9px!important}
.sike-v228-form label{display:grid!important;gap:5px!important;margin:0!important}
.sike-v228-form label>span{
  font-size:7px!important;color:#69717b!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important
}
.sike-v228-form input:not([type=checkbox]){
  width:100%!important;
  min-height:46px!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  background:#0c0f13!important;
  border:1px solid var(--v228-line)!important;
  color:#fff!important;
  border-radius:0!important;
}
.sike-v228-form input:focus{outline:0!important;border-color:rgba(255,98,68,.55)!important}
.sike-v228-primary{
  width:100%;
  min-height:50px;
  margin-top:12px;
  box-sizing:border-box;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:0;
  background:var(--v228-accent);
  color:#fff;
  font-size:9px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}
.sike-v228-primary b{font-size:17px}
.sike-v228-signout{margin:12px auto 0;color:#626a74;font-size:8px;text-decoration:none}
.sike-v228-user{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin-top:22px;
  padding:12px;
  background:#0d1014;
  border:1px solid var(--v228-line);
}
.sike-v228-avatar{width:44px;height:44px;display:grid;place-items:center;background:var(--v228-accent);font-size:17px;font-weight:950}
.sike-v228-user strong{display:block;font-size:10px}
.sike-v228-user span{display:block;margin-top:4px;color:#727a84;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-v228-user>i{width:7px;height:7px;border-radius:50%;background:#35d17d}
.sike-v228-account-meta{display:grid;gap:0;margin-top:24px}
.sike-v228-account-meta>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--v228-line)}
.sike-v228-account-meta span{font-size:7px;letter-spacing:.1em;color:#5f6771}
.sike-v228-account-meta b{font-size:9px}

.sike-v228-featuregrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
.sike-v228-featuregrid article{
  min-height:135px;
  padding:20px;
  background:#0f1216;
  border:1px solid var(--v228-line);
}
.sike-v228-featuregrid article>span{color:var(--v228-accent);font-size:8px;font-weight:900}
.sike-v228-featuregrid h3{font-size:18px;margin:10px 0 7px}
.sike-v228-featuregrid p{margin:0;color:#747c85;font-size:10px;line-height:1.55}

.sike-v228-coming{
  margin-top:12px;
  padding:24px;
  border:1px solid var(--v228-line);
  background:var(--v228-panel);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.sike-v228-coming h2{font-size:30px;margin:8px 0 7px;letter-spacing:-.04em}
.sike-v228-coming p{margin:0;max-width:600px;color:#737b84;font-size:10px}
.sike-v228-stores{display:flex;gap:7px}
.sike-v228-stores>div{
  min-width:170px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  background:#0d1014;
  border:1px solid var(--v228-line);
}
.sike-v228-stores b{font-size:18px}
.sike-v228-stores small{display:block;font-size:7px;color:#5e6670;letter-spacing:.1em;margin-bottom:3px}
.sike-v228-stores span{font-size:10px;font-weight:900}

@media(max-width:980px){
  .sike-v228-hero{grid-template-columns:1fr}
  .sike-v228-copy,.sike-v228-account{min-height:0}
  .sike-v228-account{padding:24px}
  .sike-v228-featuregrid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .sike-v228-app{padding:10px 8px 56px}
  .sike-v228-introbar{min-height:44px}
  .sike-v228-copy{padding:30px 20px}
  .sike-v228-copy h1{font-size:clamp(52px,15vw,72px)}
  .sike-v228-copy>p{font-size:13px}
  .sike-v228-account{padding:22px 16px}
  .sike-v228-featuregrid{grid-template-columns:1fr}
  .sike-v228-coming{display:grid}
  .sike-v228-stores{display:grid}
  .sike-v228-stores>div{min-width:0}
}


/* =====================================================================
   SIKE V229 — TOP NAV MUSIC = EXACT NORMAL SIKE MUSIC
   Top-nav entry no longer uses the legacy direct wrapper. This fallback
   also neutralizes old bookmarked ?direct=1 URLs.
   ===================================================================== */
body.sike-direct-music-entry{
  background:#050607!important;
}
body.sike-direct-music-entry .sike-ios-app,
body.sike-direct-music-entry .sike-ios-shell,
body.sike-direct-music-entry .sike-ios-dashboard,
body.sike-direct-music-entry .sike-ios-view.sike-music-view.active{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050607!important;
  background-image:none!important;
}
body.sike-direct-music-entry .sike-ios-bg,
body.sike-direct-music-entry .sike-abstract-bg{
  display:none!important;
}
body.sike-direct-music-entry .sike-ios-shell{
  display:block!important;
  min-height:calc(100dvh - 132px)!important;
  overflow:visible!important;
}
body.sike-direct-music-entry .sike-ios-view{
  display:none!important;
}
body.sike-direct-music-entry .sike-ios-view.sike-music-view.active{
  display:block!important;
  min-height:calc(100dvh - 132px)!important;
}
body.sike-direct-music-entry .sike-music-fullscreen{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:6px!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
@media(min-width:1101px){
  body.sike-direct-music-entry .sike-music-fullscreen{
    grid-template-columns:72px minmax(0,1fr) 290px!important;
  }
}


/* =====================================================================
   SIKE V231 — TOP NAV MUSIC / EXACT CLEAN WEB VIEW
   Reference behavior:
   website announcement + website navbar
   then SIKE Music immediately below, edge-to-edge.
   ===================================================================== */
body.sike-topnav-music-route{
  background:#050607!important;
  overflow:hidden!important;
}

/* Never show the SIKE App orange canvas or decorative app backdrop. */
body.sike-topnav-music-route .sike-ios-app{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:calc(100dvh - var(--sike-v231-header-height,132px))!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.sike-topnav-music-route .sike-ios-bg,
body.sike-topnav-music-route .sike-abstract-bg,
body.sike-topnav-music-route .sike-ios-topbar,
body.sike-topnav-music-route .sike-ios-tabbar,
body.sike-topnav-music-route .sike-app-sidebar,
body.sike-topnav-music-route .sike-ios-sidebar,
body.sike-topnav-music-route .sike-dashboard-sidebar{
  display:none!important;
}

/* Remove the transparent/white/orange outer application card completely. */
body.sike-topnav-music-route .sike-ios-shell{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
}

/* Only Music exists visually on this route. */
body.sike-topnav-music-route .sike-ios-shell>.sike-ios-view{
  display:none!important;
}
body.sike-topnav-music-route .sike-ios-shell>.sike-ios-view.sike-music-view.active{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  animation:none!important;
}

/* The one and only navigation inside the Music product is its own Music rail. */
body.sike-topnav-music-route .sike-music-fullscreen{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
  grid-template-columns:88px minmax(0,1fr) 360px!important;
  grid-template-rows:minmax(0,1fr) 88px!important;
  gap:6px!important;
  border:0!important;
  border-radius:0!important;
  background:#050607!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Match the clean reference proportions. */
body.sike-topnav-music-route .sike-music-rail{
  border-radius:18px!important;
}
body.sike-topnav-music-route .sike-music-home{
  border-radius:18px!important;
}
body.sike-topnav-music-route .sike-music-now-panel{
  border-radius:18px!important;
}

/* Prevent old V229 direct-route rules from taking precedence. */
body.sike-topnav-music-route.sike-direct-music-entry .sike-ios-app,
body.sike-topnav-music-route.sike-direct-music-entry .sike-ios-shell,
body.sike-topnav-music-route.sike-direct-music-entry .sike-music-fullscreen{
  background:#050607!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* Desktop target from the provided reference. */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-fullscreen{
    grid-template-columns:88px minmax(0,1fr) 360px!important;
  }
}

/* Keep existing responsive Music behavior below desktop widths. */
@media(max-width:1100px){
  body.sike-topnav-music-route{
    overflow:auto!important;
  }
  body.sike-topnav-music-route .sike-ios-app{
    height:auto!important;
    min-height:calc(100dvh - 112px)!important;
  }
}


/* =====================================================================
   SIKE V232 — MUSIC FULL BLEED / NO LEFT OR BOTTOM GAP
   ===================================================================== */
html:has(body.sike-topnav-music-route),
body.sike-topnav-music-route{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#050607!important;
  overflow:hidden!important;
}

/* The SIKE app canvas must begin exactly at the left viewport edge. */
body.sike-topnav-music-route .sike-ios-app,
body.sike-topnav-music-route .sike-ios-shell,
body.sike-topnav-music-route .sike-ios-view.sike-music-view.active,
body.sike-topnav-music-route .sike-music-fullscreen{
  position:relative!important;
  left:0!important;
  right:auto!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Remove any inherited wrapper/content offsets from desktop app layout. */
body.sike-topnav-music-route main,
body.sike-topnav-music-route .site-main,
body.sike-topnav-music-route .page-shell,
body.sike-topnav-music-route .content-shell,
body.sike-topnav-music-route .sike-ios-app-wrap,
body.sike-topnav-music-route .sike-ios-main,
body.sike-topnav-music-route .sike-app-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Remove the remaining bottom gap by making the music area occupy the exact
   viewport remainder below the public website header. */
body.sike-topnav-music-route .sike-ios-app{
  height:calc(100dvh - var(--sike-v231-header-height,132px))!important;
  min-height:calc(100dvh - var(--sike-v231-header-height,132px))!important;
}
body.sike-topnav-music-route .sike-ios-shell,
body.sike-topnav-music-route .sike-ios-view.sike-music-view.active{
  height:100%!important;
  min-height:100%!important;
}
body.sike-topnav-music-route .sike-music-fullscreen{
  height:100%!important;
  min-height:100%!important;
  padding:6px 6px 0 0!important;
  gap:6px!important;
  overflow:hidden!important;
}

/* Push the Music rail flush to the left; only internal panel gap remains. */
body.sike-topnav-music-route .sike-music-rail{
  margin-left:0!important;
}

/* Bottom player row must touch the viewport bottom with no empty black strip. */
body.sike-topnav-music-route .sike-music-player,
body.sike-topnav-music-route .sike-music-bottom-player,
body.sike-topnav-music-route [data-music-player]{
  margin-bottom:0!important;
}

/* Hide public footer/demo bottom banner on this dedicated music route.
   The requested reference ends at the Music interface itself. */
body.sike-topnav-music-route .site-footer,
body.sike-topnav-music-route footer.site-footer,
body.sike-topnav-music-route .site-demo-footer,
body.sike-topnav-music-route .demo-footer-bar,
body.sike-topnav-music-route [data-demo-footer]{
  display:none!important;
}

/* Make sure chat doesn't reserve layout space. */
body.sike-topnav-music-route [data-chat-open],
body.sike-topnav-music-route .site-chat-launcher,
body.sike-topnav-music-route .chat-launcher{
  position:fixed!important;
}

/* Desktop exact composition. */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-fullscreen{
    grid-template-columns:88px minmax(0,1fr) 360px!important;
    grid-template-rows:minmax(0,1fr) 104px!important;
  }
}


/* =====================================================================
   SIKE V233 — TRUE EDGE-TO-EDGE MUSIC ROUTE
   Hard fix: the Music view is attached directly to the viewport rather
   than inheriting any SIKE App container width, margin, grid or padding.
   ===================================================================== */
@media (min-width:1101px){
  body.sike-topnav-music-route{
    overflow:hidden!important;
  }

  body.sike-topnav-music-route .sike-ios-app{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:#050607!important;
    overflow:visible!important;
  }

  body.sike-topnav-music-route .sike-ios-shell{
    position:static!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.sike-topnav-music-route .sike-ios-view.sike-music-view.active{
    display:block!important;
    position:fixed!important;
    z-index:800!important;
    top:var(--sike-v233-music-top,132px)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#050607!important;
    overflow:hidden!important;
    transform:none!important;
    inset:var(--sike-v233-music-top,132px) 0 0 0!important;
  }

  body.sike-topnav-music-route .sike-music-fullscreen{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr) 360px!important;
    grid-template-rows:minmax(0,1fr) 104px!important;
    gap:6px!important;
    background:#050607!important;
    overflow:hidden!important;
  }

  body.sike-topnav-music-route .sike-music-rail,
  body.sike-topnav-music-route .sike-music-home,
  body.sike-topnav-music-route .sike-music-now-panel{
    margin:0!important;
    min-height:0!important;
  }

  body.sike-topnav-music-route .sike-music-rail{
    border-radius:0 18px 18px 0!important;
  }

  body.sike-topnav-music-route .sike-music-player{
    margin:0!important;
    border-radius:18px 18px 0 0!important;
  }

  body.sike-topnav-music-route footer,
  body.sike-topnav-music-route .site-footer,
  body.sike-topnav-music-route .demo-footer,
  body.sike-topnav-music-route .demo-footer-bar,
  body.sike-topnav-music-route .site-demo-footer{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V234 — MUSIC TRUE FULLSCREEN RENDER FIX
   Keep the complete Music DOM inside SIKE App, but make the APP ROOT itself
   occupy the exact viewport below the public website navbar.
   ===================================================================== */
@media (min-width:1101px){

  html,
  body.sike-topnav-music-route{
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#050607!important;
  }

  /* ROOT workspace — this is the critical fix.
     Do not collapse it to 0px. */
  body.sike-topnav-music-route .sike-ios-app{
    display:block!important;
    position:fixed!important;
    z-index:90!important;
    top:var(--sike-v234-music-top,132px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset:var(--sike-v234-music-top,132px) 0 0 0!important;

    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#050607!important;
    background-image:none!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body.sike-topnav-music-route .sike-ios-bg,
  body.sike-topnav-music-route .sike-abstract-bg,
  body.sike-topnav-music-route .sike-ios-topbar,
  body.sike-topnav-music-route .sike-ios-device-switcher,
  body.sike-topnav-music-route .sike-ios-tabbar{
    display:none!important;
  }

  /* Full workspace shell. */
  body.sike-topnav-music-route .sike-ios-shell{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#050607!important;
    background-image:none!important;
    overflow:hidden!important;
    transform:none!important;
  }

  /* Only Music is visible on ?view=music. */
  body.sike-topnav-music-route .sike-ios-shell > .sike-ios-view{
    display:none!important;
  }

  body.sike-topnav-music-route .sike-ios-shell > .sike-ios-view.sike-music-view.active{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#050607!important;
    overflow:hidden!important;
    transform:none!important;
    animation:none!important;
  }

  /* Music itself = exact edge-to-edge remainder of browser viewport. */
  body.sike-topnav-music-route .sike-music-fullscreen{
    display:grid!important;
    position:absolute!important;
    inset:0!important;

    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;

    grid-template-columns:96px minmax(0,1fr) 360px!important;
    grid-template-rows:minmax(0,1fr) 104px!important;
    gap:6px!important;

    background:#050607!important;
    overflow:hidden!important;
    transform:none!important;
  }

  /* Remove the left dead zone completely. */
  body.sike-topnav-music-route .sike-music-rail{
    margin:0!important;
    border-radius:0 18px 18px 0!important;
    min-width:0!important;
    min-height:0!important;
  }

  body.sike-topnav-music-route .sike-music-home,
  body.sike-topnav-music-route .sike-music-now-panel{
    margin:0!important;
    min-width:0!important;
    min-height:0!important;
  }

  /* Player consumes the final row; nothing may sit below it. */
  body.sike-topnav-music-route .sike-music-playerbar,
  body.sike-topnav-music-route .sike-music-player,
  body.sike-topnav-music-route .sike-music-bottom-player,
  body.sike-topnav-music-route [data-music-player]{
    margin-bottom:0!important;
    bottom:0!important;
  }

  /* Dedicated Music route never renders the public footer/demo bottom bar. */
  body.sike-topnav-music-route footer,
  body.sike-topnav-music-route .site-footer,
  body.sike-topnav-music-route .site-demo-footer,
  body.sike-topnav-music-route .demo-footer,
  body.sike-topnav-music-route .demo-footer-bar,
  body.sike-topnav-music-route [data-demo-footer]{
    display:none!important;
  }
}


/* =====================================================================
   SIKE V236 — RESTORE NORMAL PAGE SCROLL ON ALL NON-MUSIC APP TABS
   ===================================================================== */
@media (min-width:1101px){
  body.sike-ios-app-page:not(.sike-topnav-music-route){
    overflow-x:hidden!important;
    overflow-y:auto!important;
    height:auto!important;
    min-height:100%!important;
  }

  body.sike-ios-app-page:not(.sike-topnav-music-route) .sike-ios-app{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:calc(100vh - 180px)!important;
    overflow:visible!important;
  }

  body.sike-ios-app-page:not(.sike-topnav-music-route) .sike-ios-shell{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:780px!important;
    overflow:visible!important;
  }

  body.sike-ios-app-page:not(.sike-topnav-music-route) .sike-ios-view.active{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  /* Make sure old fullscreen lock classes cannot survive after leaving Music. */
  html:not(.sike-music-fullscreen-active){
    overflow-y:auto!important;
    height:auto!important;
  }
}


/* =====================================================================
   SIKE V237 — NATIVE DESKTOP MOUSE-WHEEL PAGE SCROLL
   ===================================================================== */
@media (min-width:1101px){
  html:not(.sike-music-fullscreen-active){
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    height:auto!important;
    min-height:100%!important;
    scroll-behavior:auto!important;
    overscroll-behavior-y:auto!important;
  }

  body.sike-ios-app-page:not(.sike-topnav-music-route){
    position:static!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    overscroll-behavior-y:auto!important;
    touch-action:auto!important;
  }

  body.sike-ios-app-page:not(.sike-topnav-music-route) .sike-ios-app,
  body.sike-ios-app-page:not(.sike-topnav-music-route) .sike-ios-shell{
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
  }

  body.sike-ios-app-page:not(.sike-topnav-music-route) .sike-ios-view.active{
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
  }

  /* Large dashboard controls must not capture the normal page wheel. */
  body.sike-ios-app-page:not(.sike-topnav-music-route) [data-visual-volume-dial]{
    overscroll-behavior:auto!important;
  }
}


/* =====================================================================
   SIKE V238 — GLOBAL WEBSITE MOUSE-WHEEL SCROLL RESTORE
   Normal public pages must always use native vertical document scrolling.
   Music fullscreen remains explicitly excluded.
   ===================================================================== */
html:not(.sike-music-fullscreen-active){
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
}

body:not(.sike-topnav-music-route):not(.sike-music-fullscreen-active){
  position:static!important;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}

/* Public page containers must not trap wheel/trackpad scrolling. */
body:not(.sike-topnav-music-route) main,
body:not(.sike-topnav-music-route) .site-main,
body:not(.sike-topnav-music-route) .page-shell,
body:not(.sike-topnav-music-route) .content-shell,
body:not(.sike-topnav-music-route) .marketplace-page,
body:not(.sike-topnav-music-route) .story-page,
body:not(.sike-topnav-music-route) .builder-page,
body:not(.sike-topnav-music-route) .index-page{
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}

/* Preserve dedicated Music fullscreen route. */
body.sike-topnav-music-route{
  overflow:hidden!important;
}


/* =====================================================================
   SIKE V239 — MUSIC ROUTE: REMOVE DESKTOP BOTTOM GAP
   Scope is ONLY sikeapp.php?view=music / top-nav Music fullscreen.
   ===================================================================== */
@media (min-width:1101px){
  html.sike-music-fullscreen-active,
  html:has(body.sike-topnav-music-route){
    margin:0!important;
    padding:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:#050607!important;
  }

  body.sike-topnav-music-route{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    background:#050607!important;
  }

  body.sike-topnav-music-route .sike-ios-app{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - var(--sike-music-page-top, 138px))!important;
    min-height:calc(100dvh - var(--sike-music-page-top, 138px))!important;
    max-height:calc(100dvh - var(--sike-music-page-top, 138px))!important;
    overflow:hidden!important;
  }

  body.sike-topnav-music-route .sike-ios-shell,
  body.sike-topnav-music-route #sike-music,
  body.sike-topnav-music-route .sike-ios-view.active{
    margin-bottom:0!important;
    padding-bottom:0!important;
    max-height:none!important;
  }

  /* The music layout itself must consume every remaining pixel. */
  body.sike-topnav-music-route #sike-music{
    height:100%!important;
    min-height:100%!important;
  }

  /* No legacy spacer/min-height is allowed to create the black strip. */
  body.sike-topnav-music-route .sike-ios-shell{
    height:100%!important;
    min-height:100%!important;
  }
}


/* =====================================================================
   SIKE V240 — MUSIC NORMAL FLOW + FOOTER / REMOVE BLACK BOTTOM BOX
   Reference target: Music fills width, content continues naturally,
   and normal website footer appears when scrolling to the bottom.
   ===================================================================== */
@media (min-width:1101px){

  html:has(body.sike-topnav-music-route){
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#050607!important;
  }

  body.sike-topnav-music-route{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    background:#050607!important;
  }

  /* Put the SIKE App back into normal page flow. */
  body.sike-topnav-music-route .sike-ios-app{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#050607!important;
    transform:none!important;
  }

  body.sike-topnav-music-route .sike-ios-shell{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#050607!important;
    transform:none!important;
  }

  body.sike-topnav-music-route .sike-ios-shell > .sike-ios-view{
    display:none!important;
  }

  body.sike-topnav-music-route .sike-ios-shell > .sike-ios-view.sike-music-view.active{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#050607!important;
    transform:none!important;
    animation:none!important;
  }

  /* Full-width Music layout with natural vertical content height.
     No fake viewport bottom row = no black box. */
  body.sike-topnav-music-route .sike-music-fullscreen{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr) 360px!important;
    grid-template-rows:auto!important;
    gap:6px!important;

    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:calc(100vh - 138px)!important;
    max-height:none!important;

    margin:0!important;
    padding:6px 0 0 0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    background:#050607!important;
    box-sizing:border-box!important;
  }

  /* Let actual content define page height instead of a fixed bottom spacer. */
  body.sike-topnav-music-route .sike-music-home,
  body.sike-topnav-music-route .sike-music-now-panel,
  body.sike-topnav-music-route .sike-music-rail{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin-bottom:0!important;
  }

  /* Keep the right player panel aligned while allowing the page to scroll. */
  body.sike-topnav-music-route .sike-music-now-panel{
    align-self:start!important;
  }

  /* The black area from previous fixed player-row layouts must not reserve
     a second row at the bottom. */
  body.sike-topnav-music-route .sike-music-fullscreen::after,
  body.sike-topnav-music-route .sike-ios-app::after,
  body.sike-topnav-music-route .sike-ios-shell::after{
    display:none!important;
    content:none!important;
  }

  /* Restore the actual website footer on this route. */
  body.sike-topnav-music-route footer,
  body.sike-topnav-music-route .site-footer,
  body.sike-topnav-music-route footer.site-footer{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* If a legacy demo-footer strip exists separately, do not reserve an empty
     black canvas above it. */
  body.sike-topnav-music-route .site-demo-footer,
  body.sike-topnav-music-route .demo-footer,
  body.sike-topnav-music-route .demo-footer-bar,
  body.sike-topnav-music-route [data-demo-footer]{
    position:relative!important;
    margin:0!important;
  }
}

/* =====================================================================
   SIKE V245 — TOP-NAV MUSIC: ONE SCROLL SURFACE
   Desktop ?view=music uses the browser page as the only vertical scroller.
   The center content and right Now Playing panel may grow naturally after
   searches, so the mouse wheel works over every marked Music area.
   ===================================================================== */
@media (min-width:1101px){
  html:has(body.sike-topnav-music-route),
  body.sike-topnav-music-route{
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }

  body.sike-topnav-music-route .sike-music-scroll,
  body.sike-topnav-music-route .sike-music-home,
  body.sike-topnav-music-route .sike-music-now-panel,
  body.sike-topnav-music-route .sike-music-rail{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
  }

  body.sike-topnav-music-route .sike-music-scroll{
    overflow-x:hidden!important;
  }

  body.sike-topnav-music-route .sike-music-now-panel{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
  }
}

/* V248 help center department flow */
.help-v214-hero{padding-top:62px}
.help-v214-hero-meta{align-self:center;transform:translateY(-34px)}
.help-v214-section-head{scroll-margin-top:110px}
.department-help-view{margin:0 0 86px;scroll-margin-top:110px}
.department-help-view[hidden]{display:none!important}
.department-back{border:0;background:transparent;color:#111;padding:0 0 24px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.department-view-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:48px;align-items:end;padding:0 0 28px;border-bottom:1px solid #d5d0c7}
.department-view-head span{font-size:8px;letter-spacing:.18em;font-weight:950;color:#ef593f}
.department-view-head h2{font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.055em;margin:10px 0 0}
.department-view-head p{color:#716d66;line-height:1.65;margin:0 0 6px;max-width:600px}
.department-faqs{border-top:1px solid #d5d0c7}
.department-faq{border-bottom:1px solid #d5d0c7}
.department-faq>button{width:100%;border:0;background:transparent;color:#111;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;padding:24px 2px;cursor:pointer;font:inherit;font-size:20px;font-weight:850;letter-spacing:-.025em}
.department-faq>button i{font-style:normal;font-size:24px;font-weight:400}
.department-faq>div{display:none;max-width:900px;padding:0 50px 25px 2px;color:#6f6a63;font-size:14px;line-height:1.75}
.department-faq.open>div{display:block}
.still-help-card{margin-top:34px;background:#151617;color:#fff;padding:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.still-help-card span{font-size:8px;letter-spacing:.17em;font-weight:900;color:#ff6548}
.still-help-card h3{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;margin:8px 0 10px}
.still-help-card p{margin:0;color:#9b9da0;font-size:13px}
.still-help-actions{display:flex;gap:8px;flex:0 0 auto}
.still-help-actions button{min-height:54px;border:1px solid #ff6548;background:#ff6548;color:#fff;padding:0 20px;font-weight:900;font-size:10px;cursor:pointer}
.still-help-actions button.light{background:#fff;border-color:#fff;color:#111}
@media(max-width:980px){.help-v214-hero-meta{transform:none}.department-view-head{grid-template-columns:1fr}.still-help-card{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.help-v214-hero{padding-top:42px}.still-help-card{padding:24px 18px}.still-help-actions{width:100%;display:grid}.still-help-actions button{width:100%}.department-faq>button{font-size:17px}}

/* SIKE V249 — Music playlists, premium prompt, Studio featured music */
body.sike-topnav-music-route.sike-music-has-playback .sike-global-music-player,
body.sike-music-fullscreen-active.sike-music-has-playback .sike-global-music-player{
  position:fixed!important;left:12px!important;right:12px!important;bottom:10px!important;z-index:9900!important;margin:0!important;
  width:auto!important;max-width:none!important;
  box-shadow:0 14px 44px rgba(0,0,0,.48)!important;
}
body.sike-topnav-music-route.sike-music-has-playback .sike-music-fullscreen{padding-bottom:118px!important}
.sike-playlist-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px;margin-bottom:7px}
.sike-playlist-heading>span{font-size:7px;letter-spacing:.13em;color:#606873;font-weight:900}
.sike-playlist-heading>button{width:25px!important;height:25px!important;padding:0!important;border:1px solid #282d34!important;border-radius:7px!important;color:#fff!important;background:#15191e!important}
.sike-user-playlists>button,.sike-user-playlists>[data-user-playlist-slot]>button{width:100%;min-height:52px;color:#89919a}
.sike-user-playlists i{font-style:normal}.sike-user-playlists em{font-style:normal}
.sike-user-liked i{color:#ff5367}
.sike-user-playlist{background:#15191e!important;border:1px solid #282e36!important;border-radius:12px!important;margin:5px 0!important}
.sike-user-playlist.empty{border-style:dashed!important}
.sike-playlist-locked{opacity:.38;filter:saturate(.2);cursor:pointer}
.sike-get-premium{min-height:34px!important;margin-top:8px!important;border:1px solid #6e3b30!important;background:linear-gradient(135deg,#2d1714,#15191e)!important;color:#ff765e!important;border-radius:9px!important;font-size:8px!important;font-weight:900!important}
.sike-playlist-modal,.sike-premium-modal{position:fixed;inset:0;z-index:15000;background:rgba(5,7,9,.55);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}
.sike-playlist-modal[hidden],.sike-premium-modal[hidden]{display:none!important}
.sike-playlist-dialog,.sike-premium-card{position:relative;width:min(390px,calc(100vw - 32px));background:#111419;border:1px solid #30363e;border-radius:18px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.sike-playlist-dialog>button,.sike-premium-card>button:first-child{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;border:1px solid #2c3239;background:#181c21;color:#fff}
.sike-playlist-dialog>span,.sike-premium-card>span{font-size:8px;color:#ff6244;letter-spacing:.15em;font-weight:900}
.sike-playlist-dialog h3,.sike-premium-card h3{font-size:30px;letter-spacing:-.04em;margin:9px 0}
.sike-playlist-dialog p,.sike-premium-card p{font-size:11px;line-height:1.6;color:#858d96}
.sike-playlist-dialog form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:18px}
.sike-playlist-dialog input{background:#0b0e12;border:1px solid #303640;color:#fff;padding:12px;border-radius:9px;min-width:0}
.sike-playlist-dialog form button,.sike-premium-card .primary{border:0;background:#ff6244;color:#fff;font-weight:900;border-radius:9px;padding:0 15px}
.sike-premium-card>div{padding:13px;background:#0d1014;border:1px solid #262c33;margin:16px 0}.sike-premium-card>div b{display:block;font-size:11px}.sike-premium-card>div small{display:block;color:#747c86;font-size:9px;margin-top:5px}
.sike-premium-card .primary{width:100%;min-height:44px}
.track-playlist{width:38px;height:38px;border:1px solid #2d333a;background:#11151a;color:#949ca5;border-radius:10px}
.sike-music-standard{margin:24px 0}.sike-music-standard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sike-music-standard-grid article{min-width:0}.sike-music-standard-grid article>button{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden;background:#101318;padding:0}.sike-music-standard-grid img{width:100%;height:100%;object-fit:cover}.sike-music-standard-grid article>button span{position:absolute;right:9px;bottom:9px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111}.sike-music-standard-grid b{display:block;font-size:10px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-music-standard-grid small{display:block;color:#707984;font-size:8px;margin-top:4px}
@media(max-width:900px){.sike-music-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* =====================================================================
   SIKE V250 — PREMIUM MODAL REDESIGN
   Inspired by modern streaming UI patterns, but with SIKE identity.
   ===================================================================== */
.sike-premium-modal{
  background:rgba(3,5,7,.72)!important;
  backdrop-filter:blur(18px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.9)!important;
  padding:18px!important;
}

.sike-premium-card-v250{
  width:min(520px,calc(100vw - 28px))!important;
  border-radius:24px!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 95% -10%,rgba(255,99,68,.22),transparent 32%),
    linear-gradient(180deg,#12161b 0%,#0d1014 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.sike-premium-close{
  top:16px!important;
  right:16px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#171b20!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
  z-index:3!important;
}

.sike-premium-brandrow{
  display:flex;
  align-items:center;
  gap:12px;
  padding:22px 24px 14px;
}

.sike-premium-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff714b,#ff4057);
  color:#fff;
  font-weight:950;
  font-size:18px;
  box-shadow:0 10px 30px rgba(255,83,70,.25);
}

.sike-premium-brandrow>div:last-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.sike-premium-brandrow span{
  color:#ff755e!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}

.sike-premium-brandrow small{
  color:#7c858f!important;
  font-size:9px!important;
}

.sike-premium-hero{
  padding:10px 24px 6px;
}

.sike-premium-hero h3{
  margin:0 0 12px!important;
  font-size:42px!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  color:#f6f7f8!important;
}

.sike-premium-hero p{
  margin:0!important;
  max-width:430px;
  color:#929aa4!important;
  font-size:12px!important;
  line-height:1.6!important;
}

.sike-premium-price{
  margin:20px 24px 0;
  padding:18px 20px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025);
}

.sike-premium-price-main{
  display:flex;
  align-items:flex-end;
  gap:9px;
}

.sike-premium-price-main b{
  font-size:42px!important;
  line-height:.9;
  letter-spacing:-.05em;
  color:#fff!important;
}

.sike-premium-price-main span{
  color:#ff765e!important;
  font-size:11px!important;
  font-weight:900!important;
  padding-bottom:5px;
}

.sike-premium-price>small{
  display:block;
  margin-top:7px;
  color:#707983!important;
  font-size:9px!important;
}

.sike-premium-benefits{
  display:grid;
  gap:8px;
  padding:18px 24px 4px;
}

.sike-premium-benefits>div{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:#0b0e12;
}

.sike-premium-benefits i{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,103,74,.12);
  color:#ff765e;
  font-style:normal;
  font-weight:950;
}

.sike-premium-benefits b{
  display:block;
  font-size:10px;
  color:#f5f6f7;
}

.sike-premium-benefits small{
  display:block;
  margin-top:3px;
  color:#737c86;
  font-size:8.5px;
  line-height:1.45;
}

.sike-premium-actions{
  padding:16px 24px 8px;
  display:grid;
  gap:8px;
}

.sike-premium-cta{
  min-height:50px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#ff6d49,#ff4259);
  color:#fff;
  font-weight:950;
  font-size:11px;
  box-shadow:0 12px 32px rgba(255,78,70,.22);
  cursor:pointer;
}

.sike-premium-secondary{
  min-height:42px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#11151a;
  color:#8d96a0;
  font-weight:850;
  font-size:9px;
  cursor:pointer;
}

.sike-premium-note{
  margin:0!important;
  padding:0 24px 22px;
  text-align:center;
  color:#5f6872!important;
  font-size:8px!important;
  line-height:1.4!important;
}

@media(max-width:560px){
  .sike-premium-card-v250{border-radius:18px!important}
  .sike-premium-brandrow{padding:18px 18px 10px}
  .sike-premium-hero{padding:8px 18px 4px}
  .sike-premium-hero h3{font-size:34px!important}
  .sike-premium-price{margin:16px 18px 0}
  .sike-premium-benefits{padding:14px 18px 2px}
  .sike-premium-actions{padding:14px 18px 8px}
  .sike-premium-note{padding:0 18px 18px}
}


/* =====================================================================
   SIKE V251 — NOW PLAYING BAR ALWAYS VISIBLE ON SIKE MUSIC
   The global player stays fixed and visible at every scroll position as
   long as a track is selected/playing.
   ===================================================================== */
body.sike-topnav-music-route.sike-music-has-playback .sike-global-music-player,
body.sike-music-fullscreen-active.sike-music-has-playback .sike-global-music-player,
body.sike-ios-app-page.sike-music-has-playback .sike-global-music-player{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:10px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  z-index:9995!important;
  transform:none!important;
  pointer-events:auto!important;
}

.sike-global-music-player.is-visible{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Reserve room so the fixed player never covers the final Music content. */
body.sike-topnav-music-route.sike-music-has-playback .sike-music-fullscreen,
body.sike-music-fullscreen-active.sike-music-has-playback .sike-music-fullscreen{
  padding-bottom:126px!important;
}

/* Keep it above chat/footer at the top and bottom of Music. */
body.sike-music-has-playback .sike-global-music-player{
  isolation:isolate!important;
}


/* =====================================================================
   SIKE V252 — MUSIC SIDEBAR / PLAYER LAYOUT FIX
   Keep playlists visible in the left rail while the persistent player is
   active. Desktop-only; mobile Music remains untouched.
   ===================================================================== */
@media (min-width:1101px){

  /* The persistent Now Playing bar must never cover the left Music rail. */
  body.sike-topnav-music-route.sike-music-has-playback .sike-global-music-player,
  body.sike-music-fullscreen-active.sike-music-has-playback .sike-global-music-player,
  body.sike-ios-app-page.sike-music-has-playback .sike-global-music-player{
    left:108px!important;
    right:12px!important;
    bottom:10px!important;
  }

  /* Let the rail use its own clean vertical space and remain usable even
     with many playlist slots. */
  body.sike-topnav-music-route .sike-music-rail,
  body.sike-music-fullscreen-active .sike-music-rail{
    align-self:start!important;
    position:sticky!important;
    top:8px!important;
    height:calc(100dvh - 154px)!important;
    max-height:calc(100dvh - 154px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:18px!important;
    scrollbar-width:none!important;
    overscroll-behavior:contain!important;
  }
  body.sike-topnav-music-route .sike-music-rail::-webkit-scrollbar,
  body.sike-music-fullscreen-active .sike-music-rail::-webkit-scrollbar{
    display:none!important;
  }

  /* Make the playlist section denser and easier to scan. */
  body.sike-topnav-music-route .sike-user-playlists,
  body.sike-music-fullscreen-active .sike-user-playlists{
    gap:6px!important;
    padding-top:10px!important;
    margin-top:2px!important;
  }

  body.sike-topnav-music-route .sike-playlist-heading,
  body.sike-music-fullscreen-active .sike-playlist-heading{
    padding:0 5px!important;
    margin-bottom:3px!important;
  }

  body.sike-topnav-music-route .sike-user-playlists>button,
  body.sike-topnav-music-route .sike-user-playlists>[data-user-playlist-slot]>button,
  body.sike-music-fullscreen-active .sike-user-playlists>button,
  body.sike-music-fullscreen-active .sike-user-playlists>[data-user-playlist-slot]>button{
    width:58px!important;
    min-height:46px!important;
    height:46px!important;
    margin:0 auto!important;
    border-radius:12px!important;
  }

  body.sike-topnav-music-route .sike-user-playlists button i,
  body.sike-music-fullscreen-active .sike-user-playlists button i{
    font-size:12px!important;
  }

  body.sike-topnav-music-route .sike-user-playlists button em,
  body.sike-music-fullscreen-active .sike-user-playlists button em{
    max-width:50px!important;
    padding:0 3px!important;
    font-size:5.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sike-topnav-music-route .sike-get-premium,
  body.sike-music-fullscreen-active .sike-get-premium{
    width:58px!important;
    height:34px!important;
    min-height:34px!important;
    margin:2px auto 0!important;
    font-size:6px!important;
  }

  /* The content area gets enough bottom room for the fixed player, but
     the left rail does not need that fake spacer anymore. */
  body.sike-topnav-music-route.sike-music-has-playback .sike-music-home,
  body.sike-music-fullscreen-active.sike-music-has-playback .sike-music-home{
    padding-bottom:108px!important;
  }

  body.sike-topnav-music-route.sike-music-has-playback .sike-music-rail,
  body.sike-music-fullscreen-active.sike-music-has-playback .sike-music-rail{
    padding-bottom:18px!important;
  }
}

/* Slightly narrower desktop layouts still reserve the left rail correctly. */
@media (min-width:1101px) and (max-width:1350px){
  body.sike-topnav-music-route.sike-music-has-playback .sike-global-music-player,
  body.sike-music-fullscreen-active.sike-music-has-playback .sike-global-music-player,
  body.sike-ios-app-page.sike-music-has-playback .sike-global-music-player{
    left:88px!important;
  }
}


/* =====================================================================
   SIKE V258 — V252 REBASE
   Preserve V252 scrolling/sidebar behaviour; only keep Now Playing visible.
   ===================================================================== */
@media (min-width:1101px){
  body.sike-v258-music-route [data-global-music-player],
  body.sike-v258-music-route [data-global-music-player][hidden]{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:108px!important;
    right:12px!important;
    bottom:10px!important;
    width:auto!important;
    margin:0!important;
    z-index:50000!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  body.sike-v258-music-route [data-global-music-player] .sike-global-player-track,
  body.sike-v258-music-route [data-global-music-player] .sike-global-player-controls,
  body.sike-v258-music-route [data-global-music-player] .sike-global-player-output{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.sike-v258-music-route [data-global-music-player] .sike-global-player-mini{
    display:none!important;
  }

  body.sike-v258-music-route .sike-music-home{
    padding-bottom:108px!important;
  }
}

@media (min-width:1101px) and (max-width:1350px){
  body.sike-v258-music-route [data-global-music-player]{
    left:88px!important;
  }
}


/* =====================================================================
   SIKE V259 — FIX THE ACTUAL SIKE MUSIC PLAYERBAR
   Based on V252/V258.
   Important: this changes ONLY player positioning on desktop Music.
   It does NOT touch wheel, overflow, page scrolling or internal view scrolling.
   ===================================================================== */
@media (min-width:1101px){

  /* The existing Music footer player is the authoritative desktop player.
     Lift it out of the footer and keep it visible at every scroll position. */
  body.sike-topnav-music-route .sike-music-playerbar,
  body.sike-music-fullscreen-active .sike-music-playerbar,
  body.sike-v258-music-route .sike-music-playerbar{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;

    position:fixed!important;
    left:108px!important;
    right:12px!important;
    bottom:10px!important;

    width:auto!important;
    min-height:78px!important;
    height:auto!important;
    margin:0!important;
    padding:9px 14px!important;

    z-index:60000!important;
    pointer-events:auto!important;
    transform:none!important;

    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:16px!important;
    background:rgba(5,7,10,.985)!important;
    box-shadow:0 18px 60px rgba(0,0,0,.55)!important;
    backdrop-filter:blur(22px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(135%)!important;

    grid-template-columns:minmax(260px,1fr) minmax(340px,1.15fr) minmax(180px,.65fr)!important;
    align-items:center!important;
    gap:18px!important;
  }

  /* Keep all real transport controls visible. */
  body.sike-topnav-music-route .sike-music-playerbar .sike-music-playerbar-track,
  body.sike-topnav-music-route .sike-music-playerbar .sike-music-transport,
  body.sike-topnav-music-route .sike-music-playerbar .sike-music-player-tools,
  body.sike-music-fullscreen-active .sike-music-playerbar .sike-music-playerbar-track,
  body.sike-music-fullscreen-active .sike-music-playerbar .sike-music-transport,
  body.sike-music-fullscreen-active .sike-music-playerbar .sike-music-player-tools{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.sike-topnav-music-route .sike-music-playerbar .sike-music-playerbar-track,
  body.sike-music-fullscreen-active .sike-music-playerbar .sike-music-playerbar-track{
    display:grid!important;
  }

  body.sike-topnav-music-route .sike-music-playerbar .sike-music-transport,
  body.sike-music-fullscreen-active .sike-music-playerbar .sike-music-transport{
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
  }

  body.sike-topnav-music-route .sike-music-playerbar .sike-music-player-tools,
  body.sike-music-fullscreen-active .sike-music-playerbar .sike-music-player-tools{
    justify-content:flex-end!important;
    align-items:center!important;
  }

  /* On the Music route hide the newer global duplicate player.
     The original Music playerbar above contains title, cover, pause/play,
     previous, next, progress and volume and is now permanently visible. */
  body.sike-topnav-music-route [data-global-music-player],
  body.sike-music-fullscreen-active [data-global-music-player],
  body.sike-v258-music-route [data-global-music-player]{
    display:none!important;
  }

  /* Only reserve visual room for the fixed bar. This does not alter scrolling. */
  body.sike-topnav-music-route .sike-music-home,
  body.sike-music-fullscreen-active .sike-music-home{
    padding-bottom:112px!important;
  }
}

@media (min-width:1101px) and (max-width:1350px){
  body.sike-topnav-music-route .sike-music-playerbar,
  body.sike-music-fullscreen-active .sike-music-playerbar,
  body.sike-v258-music-route .sike-music-playerbar{
    left:88px!important;
    grid-template-columns:minmax(210px,.9fr) minmax(300px,1.1fr) minmax(160px,.6fr)!important;
    gap:12px!important;
  }
}


/* =====================================================================
   SIKE V260 — CANONICAL MUSIC VIEW SAFETY
   ?view=music is the single desktop SIKE Music layout.
   Sidebar/dashboard entry and top-navbar entry therefore render 1:1.
   No scrolling, wheel, sizing or player logic is changed here.
   ===================================================================== */
@media (min-width:1101px){
  body.sike-topnav-music-route .sike-ios-app.music-fullscreen-mode{
    /* neutralize internal-view-only decoration if a stale class survives */
    margin:0!important;
    max-width:none!important;
  }
}

/* SIKE V262 — interactive discovery + expanded in-app player */
.sike-discovery-card[data-track-key]{cursor:pointer}
.sike-discovery-card[data-track-key]:hover{transform:translateY(-2px)}
.sike-music-expanded-player{position:fixed;inset:0;z-index:40000;background:rgba(3,4,5,.78);backdrop-filter:blur(18px);padding:18px;opacity:0;transition:opacity .2s ease}
.sike-music-expanded-player.open{opacity:1}.sike-music-expanded-player[hidden]{display:none!important}
.sike-expanded-shell{height:calc(100dvh - 36px);max-width:1500px;margin:auto;border:1px solid #282c31;border-radius:24px;background:#0c0e10;color:#fff;display:grid;grid-template-rows:64px minmax(0,1fr) 94px;overflow:hidden;box-shadow:0 30px 100px #000}
.sike-expanded-head{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #202328}.sike-expanded-head span{display:block;color:#ff6045;font-size:9px;font-weight:900;letter-spacing:.16em}.sike-expanded-head b{font-size:13px}.sike-expanded-head button{width:40px;height:40px;border:1px solid #30343a;border-radius:50%;background:#171a1e;color:#fff;font-size:23px}
.sike-expanded-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.7fr);min-height:0}.sike-expanded-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:#050607}.sike-expanded-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,91,55,.15),transparent 42%)}.sike-expanded-visual>img{position:absolute;width:100%;height:100%;object-fit:contain;filter:brightness(.58);transform:scale(1.03)}.sike-expanded-video-note{position:relative;text-align:center;max-width:650px;padding:30px}.sike-expanded-video-note span{font-size:10px;letter-spacing:.2em;color:#ff6748;font-weight:900}.sike-expanded-video-note b{display:block;font-size:clamp(28px,4vw,62px);line-height:.96;margin:12px 0}.sike-expanded-video-note small{color:#9299a2;font-size:13px}
.sike-expanded-info{border-left:1px solid #202328;padding:34px;overflow:auto;background:linear-gradient(180deg,#111316,#0b0d0f)}.sike-expanded-info h2{font-size:34px;line-height:1.02;letter-spacing:-.04em;margin:0}.sike-expanded-info>p{color:#818892;margin:8px 0 26px}.sike-expanded-tabs{display:flex;gap:6px;border-bottom:1px solid #262a2f;margin-bottom:24px}.sike-expanded-tabs button{border:0;background:transparent;color:#777f89;padding:12px 4px;margin-right:18px;font-weight:800}.sike-expanded-tabs button.active{color:#fff;border-bottom:2px solid #ff6045}.sike-expanded-panel{color:#9ca3ad;line-height:1.6}.sike-expanded-panel b{color:#fff}.sike-expanded-panel span{display:block;font-size:9px;letter-spacing:.15em;color:#717985;font-weight:900;margin-bottom:12px}.sike-expanded-device{display:flex;align-items:center;gap:12px;border:1px solid #292d32;border-radius:15px;padding:15px;background:#121519}.sike-expanded-device i{width:10px;height:10px;border-radius:50%;background:#28d887;box-shadow:0 0 12px rgba(40,216,135,.4)}.sike-expanded-device b,.sike-expanded-device small{display:block}.sike-expanded-device small{font-size:10px;color:#7f8790}
.sike-expanded-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px 22px;border-top:1px solid #24282d;background:#090a0c}.sike-expanded-track{display:flex;align-items:center;gap:12px;min-width:0}.sike-expanded-track img{width:56px;height:56px;border-radius:8px;object-fit:cover}.sike-expanded-track div{min-width:0}.sike-expanded-track b,.sike-expanded-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-expanded-track small{color:#777f88;font-size:10px;margin-top:4px}.sike-expanded-transport{display:flex;align-items:center;gap:15px}.sike-expanded-transport button{border:0;background:transparent;color:#aeb4bb;font-size:18px}.sike-expanded-transport .main{width:52px;height:52px;border-radius:50%;background:#fff;color:#090a0c}.sike-expanded-volume{justify-self:end;display:flex;align-items:center;gap:10px;color:#727982;font-size:9px}.sike-expanded-volume input{width:130px}
@media(max-width:760px){.sike-music-expanded-player{padding:0}.sike-expanded-shell{height:100dvh;border:0;border-radius:0;grid-template-rows:58px minmax(0,1fr) 86px}.sike-expanded-body{grid-template-columns:1fr;grid-template-rows:minmax(250px,45vh) minmax(0,1fr)}.sike-expanded-info{border-left:0;border-top:1px solid #202328;padding:20px}.sike-expanded-info h2{font-size:25px}.sike-expanded-controls{grid-template-columns:1fr auto;padding:10px 14px}.sike-expanded-volume{display:none}.sike-expanded-track img{width:46px;height:46px}.sike-expanded-video-note b{font-size:30px}}
@media(max-width:720px){.sike-mobile-player-tabs{display:flex;gap:18px;border-bottom:1px solid #272a2f;margin:0 2px 10px}.sike-mobile-player-tabs button{border:0;background:none;color:#7d848d;padding:10px 0;font-weight:800}.sike-mobile-player-tabs button.active{color:#fff;border-bottom:2px solid #ff6045}.sike-mobile-player-detail{padding:4px 2px 12px;color:#7d848d;font-size:9px}.sike-mobile-player-detail b{color:#fff}.sike-mobile-player-detail p{margin:5px 0 0}}
/* V263 — real live-video expanded player + clean bottom utilities */
.sike-expanded-shell{max-width:1540px;grid-template-rows:58px minmax(0,1fr) 92px;background:#08090b}
.sike-expanded-body{position:relative;display:block;min-height:0;background:#000}
.sike-expanded-visual{position:absolute;inset:0;background:#000;display:block}
.sike-expanded-video-mount{position:absolute;inset:0;display:grid;place-items:center;background:#000}
.sike-expanded-video-mount iframe,.sike-expanded-live-frame{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;border:0!important;background:#000;object-fit:contain}
.sike-expanded-video-fallback{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.7))}
.sike-expanded-video-fallback[hidden]{display:none}.sike-expanded-video-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(28px) brightness(.35);transform:scale(1.08)}.sike-expanded-video-fallback>div{position:relative;z-index:2}.sike-expanded-video-fallback span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#ff6045}.sike-expanded-video-fallback b{display:block;font-size:clamp(28px,4vw,56px);max-width:800px;margin:10px auto}.sike-expanded-video-fallback small{color:#a1a7af}
.sike-expanded-info{position:absolute;z-index:5;right:18px;top:18px;bottom:18px;width:min(390px,calc(100% - 36px));border:1px solid #292d32!important;border-radius:18px;padding:22px;background:rgba(14,16,19,.96);backdrop-filter:blur(20px);box-shadow:0 20px 70px #000;overflow:auto}.sike-expanded-info[hidden]{display:none!important}.sike-expanded-drawer-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #282c31;padding-bottom:18px;margin-bottom:20px}.sike-expanded-drawer-head span{font-size:9px;color:#ff6045;font-weight:900;letter-spacing:.15em}.sike-expanded-drawer-head h2{font-size:24px;margin:5px 0 2px}.sike-expanded-drawer-head p{margin:0;color:#818892}.sike-expanded-drawer-head button{border:1px solid #30343a;background:#171a1e;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px}
.sike-expanded-controls{grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr);background:#0b0c0e;padding:12px 20px}.sike-expanded-tools{justify-self:end;display:flex;align-items:center;gap:7px}.sike-expanded-tools>button{border:1px solid #2b2f34;background:#14171a;color:#aeb4bb;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.sike-expanded-tools>button:hover,.sike-expanded-tools>button.active{background:#fff;color:#0a0b0d;border-color:#fff}.sike-expanded-tools .sike-expanded-volume{margin-left:7px}
@media(max-width:760px){.sike-expanded-shell{grid-template-rows:54px minmax(0,1fr) 138px}.sike-expanded-controls{grid-template-columns:1fr auto;grid-template-rows:auto auto}.sike-expanded-tools{grid-column:1/-1;justify-self:stretch;justify-content:center}.sike-expanded-tools .sike-expanded-volume{display:none}.sike-expanded-info{inset:12px;width:auto}.sike-expanded-video-mount iframe,.sike-expanded-live-frame{height:100%!important}}


/* =====================================================================
   SIKE V266 — COMPACT VIDEO PLAYER
   Keeps V263 real YouTube/SoundCloud iframe playback intact.
   ===================================================================== */
.sike-music-expanded-player{
  padding:14px!important;
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

.sike-expanded-shell{
  width:min(1480px,calc(100vw - 28px))!important;
  max-width:1480px!important;
  height:min(900px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#08090b!important;
  box-shadow:0 34px 110px rgba(0,0,0,.65)!important;
  grid-template-rows:46px minmax(0,1fr) 84px!important;
}

.sike-expanded-head{
  min-height:46px!important;
  padding:0 16px!important;
  background:#0a0c0f!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.sike-expanded-head>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.sike-expanded-head span{
  font-size:7px!important;
  letter-spacing:.15em!important;
  color:#ff654b!important;
}
.sike-expanded-head b{
  font-size:10px!important;
}
.sike-expanded-head>button{
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:#14181c!important;
  border:1px solid #2a2f35!important;
  color:#fff!important;
}

.sike-expanded-body{
  min-height:0!important;
  background:#000!important;
}
.sike-expanded-video-mount{
  inset:0!important;
  background:#000!important;
}
.sike-expanded-video-mount iframe,
.sike-expanded-live-frame{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  border:0!important;
  background:#000!important;
}

/* Compact bottom bar */
.sike-expanded-controls{
  min-height:84px!important;
  height:84px!important;
  padding:9px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(360px,1.15fr) minmax(250px,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  background:rgba(8,10,13,.985)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}

.sike-expanded-track{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
}
.sike-expanded-track img{
  width:48px!important;
  height:48px!important;
  border-radius:7px!important;
  object-fit:cover!important;
}
.sike-expanded-track b{
  font-size:11px!important;
  color:#fff!important;
  line-height:1.2!important;
}
.sike-expanded-track small{
  font-size:8px!important;
  margin-top:4px!important;
  color:#737b84!important;
}

.sike-expanded-center{
  display:grid!important;
  grid-template-rows:38px 20px!important;
  gap:3px!important;
  align-items:center!important;
}
.sike-expanded-transport{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
}
.sike-expanded-transport button{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  color:#9ca4ad!important;
  font-size:14px!important;
}
.sike-expanded-transport .main{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#08090b!important;
  font-size:15px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.sike-expanded-transport .main:hover{
  transform:scale(1.035)!important;
}

.sike-expanded-progress{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:7px!important;
  color:#6f7780!important;
  font-size:7px!important;
}
.sike-expanded-progress span:last-child{text-align:right!important}
.sike-expanded-progress input{
  width:100%!important;
  height:3px!important;
  margin:0!important;
  accent-color:#fff!important;
  cursor:pointer!important;
}

.sike-expanded-tools{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
.sike-expanded-tools>button{
  border:1px solid #292e34!important;
  background:#11151a!important;
  color:#8d959e!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:8px!important;
  font-weight:850!important;
}
.sike-expanded-tools>button:hover,
.sike-expanded-tools>button.active{
  background:#fff!important;
  color:#090b0e!important;
  border-color:#fff!important;
}
.sike-expanded-volume{
  margin-left:4px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#69717a!important;
  font-size:7px!important;
}
.sike-expanded-volume input{
  width:90px!important;
  height:3px!important;
}

/* Clean floating drawer */
.sike-expanded-info{
  right:14px!important;
  top:14px!important;
  bottom:14px!important;
  width:min(330px,calc(100% - 28px))!important;
  border-radius:14px!important;
  padding:18px!important;
  background:rgba(11,14,17,.94)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.5)!important;
}
.sike-expanded-drawer-head{
  padding-bottom:14px!important;
  margin-bottom:15px!important;
}
.sike-expanded-drawer-head h2{font-size:18px!important}
.sike-expanded-drawer-head p{font-size:9px!important}

@media(max-width:1050px){
  .sike-expanded-controls{
    grid-template-columns:minmax(180px,.9fr) minmax(300px,1.2fr)!important;
  }
  .sike-expanded-tools{
    display:none!important;
  }
}

@media(max-width:760px){
  .sike-music-expanded-player{padding:0!important}
  .sike-expanded-shell{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    grid-template-rows:44px minmax(0,1fr) 104px!important;
  }
  .sike-expanded-controls{
    height:104px!important;
    min-height:104px!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    padding:9px 12px!important;
  }
  .sike-expanded-center{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  .sike-expanded-track{
    grid-column:1!important;
    grid-row:1!important;
  }
  .sike-expanded-tools{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
  }
  .sike-expanded-tools>button:nth-child(n+2){display:none!important}
  .sike-expanded-volume{display:none!important}
}


/* =====================================================================
   SIKE V267 — EXPANDED PLAYER INTERACTION / CLOSE FIX
   ===================================================================== */
.sike-music-expanded-player{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:2147483000!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}

.sike-music-expanded-player .sike-expanded-shell{
  position:relative!important;
  z-index:2!important;
}

.sike-expanded-body{
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
}

.sike-expanded-video-mount,
.sike-expanded-video-mount iframe{
  pointer-events:auto!important;
}

.sike-expanded-controls{
  position:relative!important;
  z-index:100!important;
  pointer-events:auto!important;
}

.sike-expanded-controls *,
.sike-expanded-controls button,
.sike-expanded-controls input{
  pointer-events:auto!important;
}

.sike-expanded-head{
  position:relative!important;
  z-index:150!important;
}

.sike-expanded-head>button[data-expanded-close]{
  position:relative!important;
  z-index:151!important;
  cursor:pointer!important;
}

/* Always-visible bottom Close player action. */
.sike-expanded-close-bottom{
  flex:0 0 auto!important;
  margin-left:5px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#fff!important;
  color:#0a0c0f!important;
  font-size:8px!important;
  font-weight:950!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

/* Keep SIKE controls above floating support/chat UI. */
body.sike-expanded-player-open .chat-widget,
body.sike-expanded-player-open [class*="chat-widget"],
body.sike-expanded-player-open [class*="livechat"]{
  z-index:100!important;
}

.sike-expanded-progress input,
.sike-expanded-volume input{
  cursor:pointer!important;
  touch-action:manipulation!important;
}

/* Make bottom tools fit cleanly with the new close control. */
@media(min-width:1051px){
  .sike-expanded-controls{
    grid-template-columns:minmax(220px,.95fr) minmax(360px,1.15fr) minmax(330px,1fr)!important;
  }
}

@media(max-width:1050px){
  .sike-expanded-tools{
    display:flex!important;
  }
  .sike-expanded-tools>button:not(.sike-expanded-close-bottom):nth-of-type(n+3){
    display:none!important;
  }
}

@media(max-width:760px){
  .sike-expanded-close-bottom{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .sike-expanded-tools>button:not(.sike-expanded-close-bottom){
    display:none!important;
  }
}


/* =====================================================================
   SIKE V269 — PREMIUM + FULL PLAYER DETAILS + PARTY
   ===================================================================== */

/* Expanded player becomes a scrollable, cinematic page while keeping controls sticky. */
.sike-music-expanded-player{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#050608!important;
  scroll-behavior:smooth!important;
}
.sike-expanded-shell{
  width:min(1500px,calc(100vw - 24px))!important;
  max-width:1500px!important;
  height:auto!important;
  max-height:none!important;
  min-height:calc(100dvh - 24px)!important;
  margin:12px auto!important;
  overflow:visible!important;
  grid-template-rows:46px minmax(520px,calc(100dvh - 154px)) 84px auto!important;
}
.sike-expanded-head{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  backdrop-filter:blur(18px)!important;
  background:rgba(8,10,13,.94)!important;
}
.sike-expanded-body{
  min-height:520px!important;
}
.sike-expanded-controls{
  position:sticky!important;
  bottom:0!important;
  z-index:520!important;
  background:rgba(8,10,13,.96)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.sike-expanded-transport .main[data-playing="1"]{
  background:#fff!important;color:#06080a!important;
}
.sike-expanded-progress input,.sike-expanded-volume input{
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* Below-video content */
.sike-expanded-more{
  padding:34px 28px 120px!important;
  background:#080a0d!important;
  display:grid!important;
  gap:18px!important;
}
.sike-expanded-artist-card,.sike-expanded-similar,.sike-party-card{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0e1115!important;
  border-radius:18px!important;
  padding:24px!important;
}
.sike-expanded-section-kicker,.sike-expanded-section-head span,.sike-party-copy>span{
  font-size:9px!important;font-weight:950!important;letter-spacing:.14em!important;color:#ff6249!important;
}
.sike-expanded-artist-main{display:flex!important;align-items:center!important;gap:16px!important;margin-top:14px!important}
.sike-expanded-artist-avatar{
  width:64px!important;height:64px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  font-size:24px!important;font-weight:950!important;background:linear-gradient(135deg,#ff6c4a,#a61991)!important;color:#fff!important;
}
.sike-expanded-artist-main h3,.sike-expanded-section-head h3,.sike-party-copy h3{
  color:#fff!important;font-size:25px!important;line-height:1.05!important;margin:0!important;
}
.sike-expanded-artist-main p,.sike-party-copy p,.sike-expanded-section-head small{
  color:#8c949d!important;font-size:12px!important;line-height:1.55!important;
}
.sike-expanded-section-head{display:flex!important;justify-content:space-between!important;align-items:end!important;margin-bottom:16px!important}
.sike-expanded-similar-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.sike-expanded-similar-card{
  border:0!important;background:#15191e!important;border-radius:12px!important;padding:9px!important;text-align:left!important;color:#fff!important;cursor:pointer!important;
}
.sike-expanded-similar-card>span{display:block!important;aspect-ratio:1!important;border-radius:9px!important;overflow:hidden!important;background:#0a0c0f!important;margin-bottom:8px!important}
.sike-expanded-similar-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-expanded-similar-card b{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sike-expanded-similar-card small{display:block!important;margin-top:3px!important;color:#747c85!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* SIKE Party */
.sike-party-card{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:24px!important;align-items:center!important;background:linear-gradient(135deg,#11151a 0%,#171017 100%)!important}
.sike-party-copy h3{font-size:31px!important;margin:7px 0!important}
.sike-party-actions{display:grid!important;gap:9px!important}
.sike-party-actions>.primary,.sike-party-join button{
  border:0!important;border-radius:10px!important;background:#ff6048!important;color:#fff!important;padding:12px 16px!important;font-weight:900!important;cursor:pointer!important;
}
.sike-party-join{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
.sike-party-join input{
  border:1px solid #2b3138!important;border-radius:10px!important;background:#090c0f!important;color:#fff!important;padding:12px!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-weight:900!important;
}
.sike-party-live{
  grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:14px!important;display:flex!important;align-items:center!important;gap:16px!important;
}
.sike-party-live[hidden]{display:none!important}
.sike-party-live>div:first-child{display:flex!important;align-items:center!important;gap:9px!important;flex:1!important}
.sike-party-live i{width:9px!important;height:9px!important;border-radius:50%!important;background:#36e391!important;box-shadow:0 0 14px #36e391!important}
.sike-party-live b{display:block!important;color:#fff!important;font-size:11px!important}
.sike-party-live small{display:block!important;color:#7e8790!important;font-size:8px!important}
.sike-party-code small{font-size:7px!important;letter-spacing:.14em!important;color:#6e7781!important}.sike-party-code b{display:block!important;font-size:19px!important;letter-spacing:.18em!important;color:#fff!important}
.sike-party-live>button{border:1px solid #30363d!important;background:#11151a!important;color:#fff!important;border-radius:9px!important;padding:9px 12px!important;cursor:pointer!important}

/* Premium page — original SIKE design inspired by modern music subscriptions. */
.sike-premium-modal{
  position:fixed!important;inset:0!important;z-index:2147483000!important;background:#090a0c!important;overflow-y:auto!important;padding:0!important;
}
.sike-premium-page{min-height:100dvh!important;background:#0b0d10!important;color:#fff!important;position:relative!important}
.sike-premium-close{
  position:fixed!important;right:22px!important;top:22px!important;z-index:10!important;width:38px!important;height:38px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.15)!important;background:rgba(8,10,12,.72)!important;color:#fff!important;font-size:22px!important;cursor:pointer!important;
}
.sike-premium-gradient-hero{
  min-height:380px!important;padding:70px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  background:radial-gradient(circle at 18% 0%,rgba(255,67,75,.58),transparent 42%),radial-gradient(circle at 82% 15%,rgba(42,94,255,.45),transparent 45%),linear-gradient(135deg,#661348,#1b285c)!important;
}
.sike-premium-eyebrow{font-size:10px!important;letter-spacing:.18em!important;font-weight:950!important;color:#fff!important;opacity:.82!important}
.sike-premium-gradient-hero h2{font-size:clamp(42px,5.2vw,76px)!important;line-height:.96!important;max-width:900px!important;margin:13px 0 16px!important}
.sike-premium-gradient-hero p{max-width:760px!important;font-size:18px!important;line-height:1.45!important;color:rgba(255,255,255,.88)!important}
.sike-premium-hero-actions{display:flex!important;gap:12px!important;margin:25px 0 18px!important}.sike-premium-hero-actions button{padding:14px 22px!important;border-radius:999px!important;font-weight:950!important;border:1px solid rgba(255,255,255,.55)!important;background:transparent!important;color:#fff!important;cursor:pointer!important}.sike-premium-hero-actions .primary{background:#fff!important;color:#0b0d10!important;border-color:#fff!important}
.sike-premium-gradient-hero>small{font-size:10px!important;color:rgba(255,255,255,.72)!important}
.sike-premium-plans{max-width:1040px!important;margin:0 auto!important;padding:58px 24px 80px!important}
.sike-premium-plans-head{text-align:center!important;max-width:700px!important;margin:0 auto 30px!important}.sike-premium-plans-head span{font-size:9px!important;color:#ff654b!important;letter-spacing:.16em!important;font-weight:950!important}.sike-premium-plans-head h3{font-size:38px!important;margin:8px 0!important}.sike-premium-plans-head p{color:#8f979f!important;line-height:1.5!important}
.sike-premium-plan-card{max-width:760px!important;margin:auto!important;background:#12151a!important;border:1px solid #282e35!important;border-radius:20px!important;padding:28px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:18px 28px!important}
.sike-premium-plan-card>div:first-child span{font-size:8px!important;color:#ff654b!important;letter-spacing:.15em!important;font-weight:950!important}.sike-premium-plan-card h4{font-size:27px!important;margin:5px 0!important}.sike-premium-plan-card p{color:#89919a!important;font-size:12px!important}
.sike-premium-plan-price{display:flex!important;align-items:end!important;gap:7px!important}.sike-premium-plan-price>b{font-size:44px!important}.sike-premium-plan-price>span{font-weight:900!important;font-size:10px!important;line-height:1.1!important}.sike-premium-plan-price small{font-weight:500!important;color:#858d95!important}
.sike-premium-plan-card ul{grid-column:1/-1!important;list-style:none!important;padding:0!important;margin:4px 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important}.sike-premium-plan-card li{font-size:12px!important;color:#dce0e3!important}.sike-premium-plan-card li i{font-style:normal!important;color:#43df95!important;margin-right:7px!important}
.sike-premium-plan-card>button{grid-column:1/-1!important;border:0!important;border-radius:11px!important;background:#ff6048!important;color:#fff!important;font-weight:950!important;padding:14px!important;cursor:pointer!important}
.sike-premium-payments{text-align:center!important;margin-top:28px!important;color:#737b84!important;font-size:10px!important}.sike-premium-payments>div{display:flex!important;justify-content:center!important;gap:7px!important;margin-top:12px!important}.sike-premium-payments b{background:#fff!important;color:#111!important;border-radius:6px!important;padding:8px 11px!important;font-size:9px!important}

@media(max-width:900px){
 .sike-expanded-similar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sike-party-card{grid-template-columns:1fr!important}
 .sike-expanded-more{padding:24px 14px 130px!important}
 .sike-premium-plan-card{grid-template-columns:1fr!important}.sike-premium-plan-price{grid-row:auto!important}.sike-premium-plan-card ul{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 .sike-expanded-shell{width:100vw!important;margin:0!important;min-height:100dvh!important}
 .sike-expanded-body{min-height:62dvh!important}
 .sike-expanded-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sike-premium-gradient-hero{min-height:440px!important;padding:70px 18px 50px!important}
 .sike-premium-gradient-hero h2{font-size:48px!important}
 .sike-premium-gradient-hero p{font-size:15px!important}
 .sike-premium-hero-actions{flex-direction:column!important;width:100%!important;max-width:360px!important}
}

/* SIKE V270 — SIKE HOME / SIKE LEGACY */
.legacy-product-lock-v270{
  margin:18px 0 4px;padding:16px 17px;border:1px solid #30353a;background:#101317;border-radius:10px;display:grid;gap:4px
}
.legacy-product-lock-v270 span{font-size:8px;font-weight:950;letter-spacing:.15em;color:#aeb5ba}
.legacy-product-lock-v270 b{font-size:14px;color:#fff}
.legacy-product-lock-v270 small{font-size:10px;color:#7f878e}
.product-image.accent-sand{background:radial-gradient(circle at 50% 35%,#eee7d9,#bfb3a0 72%,#8d806f)}
.product-image.accent-silver{background:radial-gradient(circle at 50% 35%,#dce0e1,#8f979b 70%,#555d61)}

/* SIKE V271 — photoreal product-card treatment */
.product-image.accent-sand,
.product-image.accent-silver{
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.055),transparent 34%),
    radial-gradient(circle at 50% 76%,rgba(255,80,55,.07),transparent 40%),
    linear-gradient(145deg,#14171b,#090b0e 78%)!important;
}
.product-image.accent-sand img,
.product-image.accent-silver img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  padding:18px!important;
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.42))!important;
}
.marketplace-grid .product-image{
  overflow:hidden!important;
}

/* V275 — SIKE LEGACY physical side hardware refinement */
.is-legacy-clone .cab-left .realistic-handle{
  width:112px!important;height:150px!important;border-radius:9px!important;
  background:linear-gradient(145deg,#30353a,#0b0d0f 58%,#1b1f23)!important;
  border:6px solid #8e959a!important;box-shadow:inset 0 0 0 3px #090b0d,inset 10px 12px 18px #000b,0 8px 16px #0008!important;
}
.is-legacy-clone .cab-left .handle-outer-ring,.is-legacy-clone .cab-left .handle-cup{border-radius:4px!important}
.is-legacy-clone .cab-left .handle-cup{inset:18px 19px!important;background:#030405!important;box-shadow:inset 10px 0 18px #000,inset -4px 0 8px #ffffff0a!important}
.is-legacy-clone .cab-left .handle-grip{font-size:7px!important;letter-spacing:.12em!important}
.is-legacy-clone .cab-left .side-battery{display:block!important;opacity:1!important;visibility:visible!important}
.is-legacy-clone .cab-left .battery-cube{filter:drop-shadow(10px 14px 10px #0009)!important}
.is-legacy-clone .cab-left .battery-front-leds{position:absolute!important;inset:8px!important;display:block!important}
.is-legacy-clone .cab-left .battery-front-leds i{position:absolute!important;width:18px!important;height:8px!important;border-radius:6px!important;background:linear-gradient(180deg,#f2efff,#8175ff 45%,#3422d9)!important;box-shadow:0 0 5px #fff,0 0 12px #765cff,0 0 24px #5037ff!important;border:1px solid #c8c1ff!important}
.is-legacy-clone .cab-left .battery-front-leds i:nth-child(1){left:0;top:0}.is-legacy-clone .cab-left .battery-front-leds i:nth-child(2){right:0;top:0}.is-legacy-clone .cab-left .battery-front-leds i:nth-child(3){left:0;bottom:0}.is-legacy-clone .cab-left .battery-front-leds i:nth-child(4){right:0;bottom:0}.is-legacy-clone .cab-left .battery-front-leds i:nth-child(5){display:none!important}
.is-legacy-clone .cab-right .realistic-handle,.is-legacy-clone .cab-right .integrated-battery-bay,.is-legacy-clone .cab-right .side-battery{display:none!important}
.is-legacy-clone .cab-right .pro-control-panel{display:flex!important;width:108px!important;height:118px!important;left:50%!important;top:27%!important;transform:translate(-50%,-50%) translateZ(3px)!important;border-radius:8px!important;padding:13px!important;background:linear-gradient(145deg,#22272b,#080a0c)!important;border:3px solid #737a7f!important;box-shadow:inset 0 0 0 2px #090b0d,8px 10px 18px #0009!important;align-items:center!important;justify-content:center!important}
.is-legacy-clone .cab-right .panel-charge-port,.is-legacy-clone .cab-right .knob-led-orbit{display:none!important}
.is-legacy-clone .cab-right .volume-ring{width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%!important;background:radial-gradient(circle at 36% 28%,#555b60,#181b1e 48%,#050607 72%)!important;border:2px solid #777e83!important;box-shadow:inset -5px -7px 10px #000b,inset 4px 3px 6px #ffffff18,0 6px 9px #0009!important}
.is-legacy-clone .cab-right .volume-ring:before{content:''!important;position:absolute!important;left:50%!important;top:-24px!important;width:8px!important;height:8px!important;margin-left:-4px!important;border-radius:50%!important;background:#43e889!important;border:1px solid #bfffd8!important;box-shadow:0 0 5px #43e889,0 0 11px #43e88999!important}
.is-legacy-clone .cab-right .volume-ring span{font-size:6px!important;bottom:-18px!important;color:#aab0b5!important;letter-spacing:.15em!important}

@media(max-width:760px){
  body.sike-expanded-player-open{overflow:auto!important;position:relative!important;height:auto!important}
  [data-music-expanded-player]{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important}
  [data-music-expanded-player] .sike-expanded-content,[data-music-expanded-player] .sike-expanded-more{touch-action:pan-y!important}
}


/* =====================================================================
   SIKE V276 — MOBILE NOW PLAYING -> REAL VIDEO FULL PLAYER
   One expanded Music player for every SIKE Music entry/view.
   ===================================================================== */
@media (max-width:900px){

  /* The old phone rule intentionally disabled pointer events on every child
     of the playerbar. Re-enable ONLY the Now Playing track/title and controls. */
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:4!important;
  }
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player] > div,
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player] [data-music-bar-title],
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player] [data-music-bar-channel],
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player] .mini-cover{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player] [data-music-like-current]{
    pointer-events:auto!important;
    position:relative!important;
    z-index:6!important;
  }

  /* Make it visually obvious that the title opens the full video player. */
  body.sike-ios-app-page .sike-music-playerbar [data-music-bar-title]{
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.sike-ios-app-page .sike-music-playerbar [data-music-open-mobile-player]:active{
    opacity:.72!important;
  }

  /* IMPORTANT:
     The normal mobile Music page keeps the YouTube iframe offscreen as audio
     transport. Once that SAME iframe is moved into the expanded player it must
     become a real visible video again. */
  body.sike-ios-app-page .sike-music-expanded-player iframe[data-music-player],
  body.sike-ios-app-page .sike-music-expanded-player .sike-expanded-live-frame{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:2!important;
    border:0!important;
  }

  /* Full-player behaves as its own Spotify/YouTube-like scrollable page. */
  body.sike-expanded-player-open{
    overflow:hidden!important;
  }
  body.sike-ios-app-page .sike-music-expanded-player{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    background:#050608!important;
    z-index:2147483000!important;
    padding:0!important;
  }

  body.sike-ios-app-page .sike-expanded-shell{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:52px minmax(56dvh,1fr) auto auto!important;
    background:#07090b!important;
  }

  body.sike-ios-app-page .sike-expanded-head{
    position:sticky!important;
    top:0!important;
    height:52px!important;
    min-height:52px!important;
    z-index:500!important;
    background:rgba(7,9,11,.94)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  body.sike-ios-app-page .sike-expanded-body{
    position:relative!important;
    width:100%!important;
    min-height:56dvh!important;
    height:56dvh!important;
    background:#000!important;
    overflow:hidden!important;
  }
  body.sike-ios-app-page .sike-expanded-visual,
  body.sike-ios-app-page .sike-expanded-video-mount{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    background:#000!important;
  }

  /* Compact mobile controls directly below the video. */
  body.sike-ios-app-page .sike-expanded-controls{
    position:relative!important;
    bottom:auto!important;
    z-index:80!important;
    min-height:138px!important;
    height:auto!important;
    padding:12px 14px 14px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:10px 12px!important;
    background:#090b0e!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  body.sike-ios-app-page .sike-expanded-track{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  body.sike-ios-app-page .sike-expanded-center{
    grid-column:1/-1!important;
    grid-row:2!important;
    min-width:0!important;
  }
  body.sike-ios-app-page .sike-expanded-tools{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.sike-ios-app-page .sike-expanded-tools [data-expanded-tab="lyrics"],
  body.sike-ios-app-page .sike-expanded-tools [data-expanded-tab="devices"],
  body.sike-ios-app-page .sike-expanded-tools [data-expanded-tab="queue"]{
    display:none!important;
  }
  body.sike-ios-app-page .sike-expanded-tools .sike-expanded-volume{
    display:none!important;
  }
  body.sike-ios-app-page .sike-expanded-close-bottom{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
  }

  /* Artist / similar / SIKE Party content is part of the same scroll. */
  body.sike-ios-app-page .sike-expanded-more{
    display:grid!important;
    gap:12px!important;
    width:100%!important;
    padding:18px 12px calc(38px + env(safe-area-inset-bottom))!important;
    background:#080a0d!important;
  }
  body.sike-ios-app-page .sike-expanded-artist-card,
  body.sike-ios-app-page .sike-expanded-similar,
  body.sike-ios-app-page .sike-party-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:17px!important;
    border-radius:15px!important;
  }
  body.sike-ios-app-page .sike-expanded-similar-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.sike-ios-app-page .sike-party-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:15px!important;
  }

  /* Drawer for Lyrics / Devices / Queue stays usable if opened from elsewhere. */
  body.sike-ios-app-page .sike-expanded-info{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:calc(62px + env(safe-area-inset-top))!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    z-index:700!important;
    overflow-y:auto!important;
  }
}

/* Wider phones/tablets use exactly the same expanded player mechanics. */
@media (min-width:761px) and (max-width:900px){
  body.sike-ios-app-page .sike-expanded-body{
    height:64dvh!important;
    min-height:64dvh!important;
  }
}


/* =====================================================================
   SIKE V279 — MOBILE MUSIC SINGLE NOW PLAYING + RELIABLE VIDEO OPEN
   ===================================================================== */
@media(max-width:900px){
  body:has([data-sike-music]) .sike-global-music-player{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .sike-music-playerbar-track[data-music-open-mobile-player],
  .sike-music-playerbar-track[data-music-open-mobile-player] .mini-cover,
  .sike-music-playerbar-track[data-music-open-mobile-player] [data-music-bar-title],
  .sike-music-playerbar-track[data-music-open-mobile-player] [data-music-bar-channel]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
  }

  .sike-music-playerbar-track[data-music-open-mobile-player]{
    position:relative!important;
    z-index:20!important;
  }

  .sike-music-playerbar-track[data-music-open-mobile-player] .mini-cover{
    position:relative!important;
    z-index:21!important;
  }

  .sike-music-playerbar-track[data-music-open-mobile-player]>div:not(.mini-cover){
    position:relative!important;
    z-index:21!important;
    min-width:0!important;
  }

  .sike-music-playerbar-track[data-music-open-mobile-player]:active{
    transform:scale(.992)!important;
    opacity:.82!important;
  }
}


/* =====================================================================
   SIKE V282 — SIKE HOME PRODUCT VIEWPORT FIT
   The 360 model is fully visible immediately when product.php opens.
   ===================================================================== */
.sike-home-product-page-v282 .product-detail-premium{
  align-items:start!important;
  min-height:0!important;
}
.sike-home-product-page-v282 .product-gallery-premium{
  align-self:start!important;
  height:clamp(560px,calc(100dvh - 238px),690px)!important;
  min-height:0!important;
  max-height:690px!important;
  position:sticky!important;
  top:0!important;
}
.sike-home-product-page-v282 .product-360-shell{
  height:100%!important;
  min-height:0!important;
}
.sike-home-product-page-v282 .product-360-frame{
  height:100%!important;
  min-height:0!important;
}
.sike-home-product-page-v282 .product-360-toolbar{
  bottom:18px!important;
}
.sike-home-product-page-v282 .gallery-thumbs-premium{
  display:none!important;
}
@media(max-width:1000px){
  .sike-home-product-page-v282 .product-gallery-premium{
    position:relative!important;
    height:clamp(500px,72dvh,650px)!important;
    max-height:none!important;
  }
}
@media(max-width:700px){
  .sike-home-product-page-v282 .product-gallery-premium{
    height:clamp(430px,66dvh,570px)!important;
  }
  .sike-home-product-page-v282 .product-360-toolbar{
    left:10px!important;right:10px!important;bottom:10px!important;
  }
}


/* =====================================================================
   SIKE V282 — MOBILE SIKE MUSIC SINGLE PLAYER
   ===================================================================== */
body.sike-music-view-active .sike-global-music-player,
body.sike-ios-app-page.sike-music-view-active .sike-global-music-player{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(120%)!important;
}
@media(max-width:900px){
  .sike-music-view.active ~ .sike-global-music-player,
  body:has(.sike-music-view.active) .sike-global-music-player{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .sike-music-view.active .sike-music-playerbar{
    z-index:1200!important;
  }

  .sike-music-view.active .sike-music-playerbar-track[data-music-open-mobile-player]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    z-index:20!important;
  }
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-mobile-player] .mini-cover,
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-mobile-player] [data-music-bar-title],
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-mobile-player] [data-music-bar-channel],
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-mobile-player] .sike-v282-track-copy{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
  }
}


/* =====================================================================
   SIKE V283 — MOBILE NOW PLAYING
   Only bottom cover/title opens this view. No empty black dead-zone.
   ===================================================================== */
@media(max-width:900px){

  /* Only the cover + song title are interactive for opening the full player. */
  .sike-music-playerbar [data-music-open-video]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:40!important;
  }
  .sike-music-playerbar .sike-v283-track-copy{
    min-width:0!important;
  }
  .sike-music-playerbar [data-music-bar-title][data-music-open-video]{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* The rest of the bottom track row is NOT a full-player trigger. */
  .sike-music-playerbar-track{
    cursor:default!important;
  }

  body.sike-expanded-player-open{
    overflow:hidden!important;
    height:100dvh!important;
  }

  body.sike-ios-app-page .sike-music-expanded-player,
  .sike-music-expanded-player{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    width:100vw!important;
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    background:#060708!important;
    padding:0!important;
  }

  .sike-expanded-shell{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    display:block!important;
    background:
      linear-gradient(180deg,#080a0d 0,#07090b 68dvh,#0b0d10 100%)!important;
  }

  /* Sticky compact header, like a native player. */
  .sike-expanded-head{
    position:sticky!important;
    top:0!important;
    z-index:500!important;
    height:56px!important;
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 14px!important;
    background:rgba(5,7,9,.90)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-expanded-head>div{
    display:flex!important;
    align-items:baseline!important;
    gap:8px!important;
  }
  .sike-expanded-head>div span{
    font-size:8px!important;
  }
  .sike-expanded-head>div b{
    font-size:12px!important;
  }
  .sike-expanded-head [data-expanded-close]{
    width:36px!important;height:36px!important;
    border-radius:50%!important;
  }

  /* Actual video — no blank placeholder box. */
  .sike-expanded-body{
    position:relative!important;
    width:100%!important;
    height:52dvh!important;
    min-height:320px!important;
    max-height:540px!important;
    background:#000!important;
    overflow:hidden!important;
  }
  .sike-expanded-visual,
  .sike-expanded-video-mount{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:#000!important;
    overflow:hidden!important;
  }
  .sike-expanded-video-mount iframe[data-music-player],
  .sike-expanded-video-mount .sike-expanded-live-frame{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  /* Audio/SoundCloud fallback becomes artwork, not a black empty block. */
  .sike-expanded-video-fallback{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    background:
      radial-gradient(circle at 50% 35%,rgba(255,90,62,.14),transparent 40%),
      #090b0e!important;
    overflow:hidden!important;
  }
  .sike-expanded-video-fallback[hidden]{
    display:none!important;
  }
  .sike-expanded-video-fallback img{
    width:72vw!important;
    max-width:360px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:14px!important;
    box-shadow:0 26px 70px rgba(0,0,0,.50)!important;
  }
  .sike-expanded-video-fallback>div{
    display:none!important;
  }

  /* Track + playback controls immediately below video. */
  .sike-expanded-controls{
    position:relative!important;
    bottom:auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:16px 16px 18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:14px!important;
    background:
      linear-gradient(180deg,#0a0c0f,#080a0c)!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
  }

  .sike-expanded-track{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .sike-expanded-track img{
    display:block!important;
    width:56px!important;
    height:56px!important;
    border-radius:8px!important;
    object-fit:cover!important;
  }
  .sike-expanded-track b{
    display:block!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .sike-expanded-track small{
    display:block!important;
    margin-top:4px!important;
    color:#8c959c!important;
    font-size:11px!important;
  }

  .sike-expanded-center{
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    gap:10px!important;
  }
  .sike-expanded-transport{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:26px!important;
  }
  .sike-expanded-transport button{
    width:44px!important;
    height:44px!important;
  }
  .sike-expanded-transport .main{
    width:66px!important;
    height:66px!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#050607!important;
    font-size:24px!important;
  }

  .sike-expanded-progress{
    display:grid!important;
    grid-template-columns:38px 1fr 38px!important;
    gap:8px!important;
    align-items:center!important;
  }
  .sike-expanded-progress input{
    width:100%!important;
  }

  .sike-expanded-tools{
    grid-column:1!important;
    grid-row:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:1px!important;
  }
  .sike-expanded-tools button{
    flex:0 0 auto!important;
  }
  .sike-expanded-volume{
    display:none!important;
  }
  .sike-expanded-close-bottom{
    margin-left:auto!important;
  }

  /* Artist / similar / party continue directly below controls. */
  .sike-expanded-more{
    display:grid!important;
    gap:12px!important;
    width:100%!important;
    padding:14px 12px calc(28px + env(safe-area-inset-bottom))!important;
    background:#0a0c0f!important;
  }
  .sike-expanded-artist-card,
  .sike-expanded-similar,
  .sike-party-card{
    width:100%!important;
    min-width:0!important;
    border-radius:16px!important;
    background:#111418!important;
  }

  /* The drawer remains an overlay, not a blank content section. */
  .sike-expanded-info{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:66px!important;
    bottom:10px!important;
    z-index:750!important;
    overflow-y:auto!important;
    border-radius:16px!important;
  }
}


/* =====================================================================
   SIKE V284 — MOBILE NOW PLAYING TAP HARD FIX
   ===================================================================== */
@media(max-width:900px){
  .sike-music-view.active .sike-music-playerbar{
    pointer-events:auto!important;
    z-index:2147482000!important;
  }

  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:2147482100!important;
  }

  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying] .mini-cover,
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying] .sike-v283-track-copy,
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying] [data-music-bar-title],
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying] [data-music-bar-channel]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying]:active{
    opacity:.72!important;
  }

  /* Like remains its own action and does not open Now Playing. */
  .sike-music-view.active .sike-music-playerbar-track[data-music-open-nowplaying] [data-music-like-current]{
    pointer-events:auto!important;
    position:relative!important;
    z-index:2147482200!important;
  }
}

/* =====================================================================
   SIKE V287 — V285 REBASE / MOBILE MUSIC SCROLL + NOW PLAYING FINAL
   ===================================================================== */
@media(max-width:900px){
  /* There is exactly one vertical Music scroller on phone. */
  .sike-music-view.active .sike-music-home{
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .sike-music-view.active .sike-music-scroll{
    height:calc(100% - 54px)!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scroll-behavior:auto!important;
    scroll-padding-top:0!important;
  }

  /* Only cover + title are the explicit full-player hit targets. */
  .sike-music-view.active .sike-music-playerbar [data-music-open-video]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:2147482250!important;
  }
  .sike-music-view.active .sike-music-playerbar [data-music-open-video]:active{
    opacity:.72!important;
  }

  /* The direct mobile modal force is intentionally explicit so stale legacy
     display/visibility rules cannot win after tapping cover/title. */
  .sike-music-expanded-player.sike-v287-mobile-open{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:2147483000!important;
  }
}

/* =====================================================================
   SIKE V289 — MOBILE FULL PLAYER / SPOTIFY-INSPIRED FUNCTIONAL LAYOUT
   Desktop remains untouched. Uses the real live YouTube/SoundCloud iframe.
   ===================================================================== */
@media(max-width:900px){
  body.sike-expanded-player-open{
    overflow:hidden!important;
    height:100dvh!important;
    background:#050607!important;
  }

  .sike-music-expanded-player{
    background:#050607!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
  .sike-expanded-shell{
    min-height:100dvh!important;
    background:
      linear-gradient(180deg,rgba(4,6,8,.12) 0,rgba(4,6,8,.38) 46dvh,#07090b 70dvh,#07090b 100%)!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
  }

  /* Native-like compact header from reference player. */
  .sike-expanded-head{
    position:sticky!important;
    top:0!important;
    height:66px!important;
    min-height:66px!important;
    padding:calc(5px + env(safe-area-inset-top)) 18px 5px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    background:linear-gradient(180deg,rgba(3,5,7,.94),rgba(3,5,7,.68))!important;
    border:0!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .sike-expanded-head-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    text-align:center!important;
  }
  .sike-expanded-head-copy span{
    order:2!important;
    color:#9aa0a6!important;
    font-size:8px!important;
    letter-spacing:.12em!important;
    font-weight:800!important;
  }
  .sike-expanded-head-copy b{
    order:1!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .sike-expanded-collapse,.sike-expanded-menu{
    width:42px!important;height:42px!important;
    border:0!important;background:transparent!important;color:#fff!important;
    font-size:30px!important;line-height:1!important;padding:0!important;
  }
  .sike-expanded-menu{font-size:19px!important;letter-spacing:2px!important}

  /* The live video is the hero instead of a black placeholder. */
  .sike-expanded-body{
    height:min(52dvh,520px)!important;
    min-height:300px!important;
    max-height:none!important;
    margin:0!important;
    background:#030405!important;
  }
  .sike-expanded-visual,.sike-expanded-video-mount{
    background:#030405!important;
  }
  .sike-expanded-video-mount:after{
    content:"";
    position:absolute;inset:auto 0 0;height:34%!important;
    background:linear-gradient(180deg,transparent,rgba(5,6,7,.82))!important;
    pointer-events:none!important;z-index:3!important;
  }
  .sike-expanded-video-mount iframe[data-music-player],
  .sike-expanded-video-mount .sike-expanded-live-frame{
    z-index:1!important;
    background:#000!important;
  }

  /* Bottom half mirrors the mobile player structure from reference. */
  .sike-expanded-controls{
    padding:18px 26px 16px!important;
    gap:16px!important;
    background:
      radial-gradient(circle at 50% -30%,rgba(255,76,42,.14),transparent 38%),
      #07090b!important;
    border:0!important;
  }
  .sike-expanded-track{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .sike-expanded-track>img{display:none!important}
  .sike-expanded-track>div{min-width:0!important}
  .sike-expanded-track b{
    font-size:23px!important;line-height:1.08!important;font-weight:850!important;
    letter-spacing:-.03em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .sike-expanded-track small{font-size:14px!important;color:#a2a6ab!important;margin-top:5px!important}
  .sike-expanded-like{
    display:grid!important;place-items:center!important;width:46px!important;height:46px!important;
    border:0!important;background:transparent!important;color:#fff!important;font-size:32px!important;
  }

  .sike-expanded-center{gap:14px!important}
  .sike-expanded-progress{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:8px 18px!important;
    gap:5px 8px!important;
    align-items:center!important;
  }
  .sike-expanded-progress input{
    grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:5px!important;margin:0!important;
  }
  .sike-expanded-progress [data-expanded-current]{grid-column:1!important;grid-row:2!important;text-align:left!important;color:#b3b7bb!important;font-size:11px!important}
  .sike-expanded-progress [data-expanded-duration]{grid-column:2!important;grid-row:2!important;text-align:right!important;color:#b3b7bb!important;font-size:11px!important}

  .sike-expanded-transport{
    width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 78px 1fr 1fr!important;
    gap:10px!important;align-items:center!important;justify-items:center!important;
  }
  .sike-expanded-transport button{
    width:46px!important;height:46px!important;border:0!important;background:transparent!important;color:#fff!important;
    font-size:25px!important;padding:0!important;
  }
  .sike-expanded-transport .main{
    width:76px!important;height:76px!important;background:#fff!important;color:#050607!important;
    border-radius:50%!important;font-size:28px!important;box-shadow:none!important;
  }
  .sike-expanded-shuffle,.sike-expanded-repeat{font-size:23px!important;color:#f0f1f2!important}
  .sike-expanded-shuffle.active,.sike-expanded-repeat.active{color:#ff553d!important}

  .sike-expanded-mobile-output{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:48px!important;color:#2ad76f!important;
  }
  .sike-expanded-mobile-output>div{display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important}
  .sike-expanded-mobile-output i{width:23px!important;height:16px!important;border:2px solid currentColor!important;border-radius:3px!important;position:relative!important}
  .sike-expanded-mobile-output i:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-6px;height:2px;background:currentColor;border-radius:2px}
  .sike-expanded-mobile-output span{display:flex!important;flex-direction:column!important;min-width:0!important}
  .sike-expanded-mobile-output b{font-size:12px!important;color:#2ad76f!important}
  .sike-expanded-mobile-output small{font-size:9px!important;color:#748078!important;margin-top:2px!important}
  .sike-expanded-mobile-output button{border:0!important;background:transparent!important;color:#fff!important;font-size:28px!important;width:42px!important;height:42px!important}

  .sike-expanded-lyrics-preview{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-height:76px!important;margin-top:2px!important;padding:0 20px!important;
    border:0!important;border-radius:18px!important;
    background:linear-gradient(135deg,#ff3a24,#e91f1f)!important;color:#fff!important;
    font-size:18px!important;font-weight:800!important;text-align:left!important;
  }
  .sike-expanded-lyrics-preview b{font-size:20px!important}

  /* Old desktop tool row stays available through the mobile cards/drawer but is visually removed. */
  .sike-expanded-tools{display:none!important}

  /* Make the lower sections native-card-like instead of desktop panels. */
  .sike-expanded-more{
    padding:4px 18px calc(32px + env(safe-area-inset-bottom))!important;
    gap:12px!important;background:#07090b!important;
  }
  .sike-expanded-artist-card,.sike-expanded-similar,.sike-party-card{
    border:1px solid rgba(255,255,255,.055)!important;
    background:#0d1013!important;border-radius:18px!important;
  }
  .sike-expanded-similar{display:none!important}
  .sike-party-card{display:none!important}

  /* Lyrics / Devices / Queue drawer becomes a bottom sheet. */
  .sike-expanded-info{
    top:auto!important;left:0!important;right:0!important;bottom:0!important;
    max-height:72dvh!important;min-height:42dvh!important;border-radius:26px 26px 0 0!important;
    padding:20px!important;background:#111418!important;
    box-shadow:0 -24px 70px rgba(0,0,0,.65)!important;
  }
}

@media(max-width:430px){
  .sike-expanded-body{height:45dvh!important;min-height:285px!important}
  .sike-expanded-controls{padding-left:20px!important;padding-right:20px!important}
  .sike-expanded-track b{font-size:20px!important}
  .sike-expanded-transport{grid-template-columns:1fr 1fr 70px 1fr 1fr!important;gap:6px!important}
  .sike-expanded-transport .main{width:68px!important;height:68px!important}
}


/* =====================================================================
   SIKE V292 — DESKTOP FULL PLAYER CSS + PARTY STABILITY
   Desktop-only cleanup. Mobile V291 behavior remains intact.
   ===================================================================== */
@media (min-width:901px){
  body.sike-expanded-player-open{overflow:hidden!important;height:100dvh!important}
  .sike-music-expanded-player{
    display:block!important;position:fixed!important;inset:0!important;
    width:100vw!important;height:100dvh!important;padding:12px!important;
    overflow-y:auto!important;overflow-x:hidden!important;background:rgba(2,3,5,.94)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  .sike-music-expanded-player[hidden]{display:none!important}
  .sike-expanded-shell{
    display:grid!important;
    grid-template-rows:46px minmax(500px,calc(100dvh - 154px)) 88px auto!important;
    width:min(1500px,calc(100vw - 24px))!important;max-width:1500px!important;
    min-height:calc(100dvh - 24px)!important;height:auto!important;max-height:none!important;
    margin:0 auto!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;
    overflow:visible!important;background:#080a0d!important;box-shadow:0 30px 100px rgba(0,0,0,.58)!important;
  }
  .sike-expanded-head{
    position:sticky!important;top:0!important;display:grid!important;grid-template-columns:42px 1fr 42px!important;
    align-items:center!important;height:46px!important;min-height:46px!important;padding:0 14px!important;
    border-radius:18px 18px 0 0!important;background:rgba(9,11,14,.98)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .sike-expanded-head-copy{justify-self:center!important;display:flex!important;align-items:baseline!important;gap:8px!important;text-align:center!important}
  .sike-expanded-head-copy span{font-size:8px!important;font-weight:950!important;letter-spacing:.13em!important;color:#ff654b!important}
  .sike-expanded-head-copy b{font-size:11px!important;color:#fff!important}
  .sike-expanded-collapse,.sike-expanded-menu{
    width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #2b3036!important;
    border-radius:50%!important;background:#11151a!important;color:#fff!important;line-height:1!important;padding:0!important;cursor:pointer!important;
  }
  .sike-expanded-menu{justify-self:end!important;font-size:16px!important;letter-spacing:2px!important}
  .sike-expanded-body{position:relative!important;min-height:500px!important;height:auto!important;max-height:none!important;background:#000!important;overflow:hidden!important}
  .sike-expanded-visual,.sike-expanded-video-mount{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000!important}
  .sike-expanded-video-mount iframe[data-music-player],.sike-expanded-video-mount .sike-expanded-live-frame{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
    border:0!important;background:#000!important;display:block!important;
  }

  /* Desktop does not render the mobile-only output/lyrics cards as raw controls. */
  .sike-expanded-mobile-output,.sike-expanded-lyrics-preview{display:none!important}

  .sike-expanded-controls{
    position:sticky!important;bottom:0!important;z-index:520!important;height:88px!important;min-height:88px!important;
    display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(390px,1.15fr) minmax(330px,1fr)!important;
    grid-template-rows:1fr!important;align-items:center!important;gap:18px!important;padding:10px 18px!important;
    background:rgba(9,11,14,.985)!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;
    backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
  }
  .sike-expanded-track{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 38px!important;gap:11px!important;align-items:center!important;min-width:0!important}
  .sike-expanded-track img{display:block!important;width:52px!important;height:52px!important;border-radius:8px!important;object-fit:cover!important}
  .sike-expanded-track>div{min-width:0!important}
  .sike-expanded-track b{display:block!important;color:#fff!important;font-size:12px!important;line-height:1.22!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sike-expanded-track small{display:block!important;color:#7e8790!important;font-size:8px!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sike-expanded-like{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#e7eaed!important;font-size:20px!important;cursor:pointer!important}

  .sike-expanded-center{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-rows:42px 20px!important;gap:4px!important;align-items:center!important;min-width:0!important}
  .sike-expanded-transport{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important}
  .sike-expanded-transport button{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#9da5ad!important;font-size:15px!important;padding:0!important;cursor:pointer!important}
  .sike-expanded-transport .main{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;color:#07090b!important;font-size:17px!important;box-shadow:0 8px 24px rgba(0,0,0,.3)!important}
  .sike-expanded-transport button:hover{color:#fff!important;transform:translateY(-1px)!important}
  .sike-expanded-progress{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;align-items:center!important;gap:8px!important;color:#737b84!important;font-size:8px!important}
  .sike-expanded-progress input{width:100%!important;height:4px!important;margin:0!important;accent-color:#fff!important}
  .sike-expanded-progress span:last-child{text-align:right!important}

  .sike-expanded-tools{grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:visible!important}
  .sike-expanded-tools>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;border:1px solid #2c3238!important;background:#12161b!important;color:#aeb5bd!important;border-radius:999px!important;padding:8px 12px!important;font-size:9px!important;font-weight:850!important;cursor:pointer!important;white-space:nowrap!important}
  .sike-expanded-tools>button:hover,.sike-expanded-tools>button.active{background:#fff!important;color:#090b0e!important;border-color:#fff!important}
  .sike-expanded-volume{display:flex!important;align-items:center!important;gap:7px!important;color:#717a83!important;font-size:8px!important;margin-left:2px!important}
  .sike-expanded-volume input{width:92px!important;height:4px!important}
  .sike-expanded-close-bottom{margin-left:2px!important;background:#1a1f25!important;color:#fff!important;border-color:#343b43!important}

  .sike-expanded-more{display:grid!important;gap:18px!important;width:100%!important;padding:28px 28px 110px!important;background:#080a0d!important}
  .sike-expanded-artist-card,.sike-expanded-similar,.sike-party-card{width:100%!important;min-width:0!important;border:1px solid rgba(255,255,255,.075)!important;background:#0e1115!important;border-radius:18px!important;padding:24px!important;box-sizing:border-box!important}
  .sike-expanded-artist-main p,.sike-party-copy p{max-width:1000px!important;margin:6px 0 0!important}
  .sike-expanded-similar-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}

  .sike-party-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;gap:26px!important;align-items:center!important;overflow:hidden!important;background:linear-gradient(135deg,#11151a 0%,#181018 100%)!important;contain:layout paint!important}
  .sike-party-card:before{content:"";position:absolute!important;inset:-35% auto auto -8%!important;width:300px!important;height:300px!important;border-radius:50%!important;background:rgba(255,84,58,.08)!important;filter:blur(30px)!important;pointer-events:none!important}
  .sike-party-copy,.sike-party-actions,.sike-party-live{position:relative!important;z-index:1!important}
  .sike-party-actions>.primary,.sike-party-join button{min-height:42px!important;transition:transform .15s ease,opacity .15s ease!important}
  .sike-party-actions button:disabled{opacity:.55!important;cursor:wait!important;transform:none!important}
  .sike-party-join input{min-width:0!important;outline:none!important}
  .sike-party-join input:focus{border-color:#ff6048!important;box-shadow:0 0 0 3px rgba(255,96,72,.12)!important}
  .sike-party-card.is-busy .sike-party-actions{opacity:.65!important;pointer-events:none!important}
  .sike-party-card[data-party-message]:after{content:attr(data-party-message);grid-column:1/-1!important;color:#8c949d!important;font-size:10px!important;margin-top:-8px!important}
}

@media (min-width:901px) and (max-width:1180px){
  .sike-expanded-controls{grid-template-columns:minmax(220px,.9fr) minmax(330px,1.15fr) minmax(260px,.85fr)!important;gap:10px!important;padding-left:12px!important;padding-right:12px!important}
  .sike-expanded-tools>button{padding:7px 9px!important;font-size:8px!important}
  .sike-expanded-volume input{width:64px!important}
  .sike-expanded-similar-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}


/* V302: Party presence UI + smooth Now Playing marquee. Playback sync is untouched. */
.sike-title-marquee{display:block!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;min-width:0!important}
.sike-title-marquee-track{display:inline-flex;align-items:center;gap:42px;width:max-content;will-change:transform;animation:sikeTitleMarquee var(--sike-marquee-duration,12s) linear infinite}
.sike-title-marquee-track>span{display:block;white-space:nowrap;flex:none}
@keyframes sikeTitleMarquee{0%,10%{transform:translate3d(0,0,0)}90%,100%{transform:translate3d(calc(-50% - 21px),0,0)}}
@media(prefers-reduced-motion:reduce){.sike-title-marquee-track{animation:none!important}}
.sike-expanded-visual{isolation:isolate;position:relative}
.sike-party-members-overlay{position:absolute;z-index:18;right:18px;top:20px;width:min(230px,22vw);display:grid;gap:7px;pointer-events:none}
.sike-party-members-overlay[hidden]{display:none!important}
.sike-party-member{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(7,8,11,.70);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.sike-party-member-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;background:linear-gradient(135deg,#ff5238,#b62986);color:#fff;font-size:11px;font-weight:900;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.sike-party-member-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sike-party-member-meta{min-width:0;display:grid}.sike-party-member-meta b{font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-party-member-meta small{font-size:8px;color:#a0a6af;margin-top:1px}
.sike-party-members-inline{margin:0 0 9px}.sike-party-members-inline[hidden]{display:none!important}.sike-party-members-inline>small{display:block;color:#969ca5;font-size:9px;margin-bottom:6px}.sike-party-members-inline>div{display:flex;gap:6px;flex-wrap:wrap}.sike-party-members-inline .sike-party-member{padding:5px 7px;background:#111318}.sike-party-members-inline .sike-party-member-avatar{width:23px;height:23px;font-size:9px}
body.sike-party-active .sike-expanded-more>.sike-expanded-artist-card,body.sike-party-active .sike-expanded-more>.sike-expanded-similar{display:none!important}
body.sike-party-active .sike-expanded-more{grid-template-columns:minmax(0,1fr)!important}
body.sike-party-active .sike-expanded-more>.sike-party-card{grid-column:1/-1!important;max-width:900px;width:100%;justify-self:center}
@media(max-width:900px){.sike-party-members-overlay{right:10px;top:12px;width:190px}.sike-party-member{padding:6px 8px}.sike-party-member-avatar{width:26px;height:26px}}


/* V304 — SIKE Party Discovery + host controls. Playback sync intentionally untouched. */
.sike-party-discovery-pill{position:relative;overflow:hidden}
.sike-party-discovery-pill::after{content:"";width:7px;height:7px;border-radius:50%;background:#ff503c;box-shadow:0 0 14px rgba(255,80,60,.75);margin-left:7px;display:inline-block;vertical-align:1px}
.sike-party-discovery-panel{margin:0 0 22px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,rgba(255,79,58,.08),rgba(16,17,20,.96) 38%,rgba(10,11,13,.98));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.sike-party-discovery-panel[hidden]{display:none!important}
.sike-party-discovery-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.sike-party-discovery-head span{display:block;color:#ff604d;font-weight:800;font-size:10px;letter-spacing:.16em}.sike-party-discovery-head h3{font-size:25px;margin:4px 0}.sike-party-discovery-head p{margin:0;color:#92969e}.sike-party-discovery-head>button{border:1px solid rgba(255,255,255,.1);background:#1b1e22;color:#fff;border-radius:999px;width:38px;height:38px;font-size:18px}
.sike-party-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sike-party-room-card{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#101216;padding:14px;display:grid;gap:12px}.sike-party-room-host{display:flex;align-items:center;gap:10px;min-width:0}.sike-party-room-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#ff563f,#b72dd5);display:grid;place-items:center;font-weight:900;overflow:hidden;flex:0 0 auto}.sike-party-room-avatar img{width:100%;height:100%;object-fit:cover}.sike-party-room-host>span{min-width:0}.sike-party-room-host b,.sike-party-room-track b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-party-room-host small,.sike-party-room-track small{color:#878c94}.sike-party-room-track{min-width:0}.sike-party-room-meta{display:flex;gap:7px;flex-wrap:wrap}.sike-party-room-meta i{font-style:normal;font-size:11px;padding:5px 8px;border-radius:999px;background:#202329;color:#bfc4ca}.sike-party-room-card button{border:0;border-radius:12px;padding:10px 12px;background:#ff503c;color:white;font-weight:800}.sike-party-discovery-empty{grid-column:1/-1;color:#8d929a;padding:24px 4px}
.sike-party-host-settings{margin-top:12px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(6,7,9,.65);display:grid;gap:11px}.sike-party-host-settings[hidden]{display:none!important}.sike-party-settings-title span{display:block;color:#ff604d;font-size:9px;font-weight:900;letter-spacing:.16em}.sike-party-settings-title b{font-size:16px}.sike-party-setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.sike-party-setting-row span{display:grid;gap:2px}.sike-party-setting-row small,.sike-party-permissions small{color:#7f858e;font-size:11px}.sike-party-setting-row input{width:18px;height:18px;accent-color:#ff503c}.sike-party-password-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.sike-party-password-row span{font-size:12px;color:#a6abb2}.sike-party-password-row input,.sike-party-user-add input{min-width:0;background:#17191e;border:1px solid rgba(255,255,255,.09);color:#fff;border-radius:11px;padding:10px 12px;outline:none}.sike-party-user-add{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.sike-party-user-add button,.sike-party-settings-save{border:0;border-radius:11px;padding:10px 13px;font-weight:800}.sike-party-user-add button{background:#292d33;color:#fff}.sike-party-settings-save{background:#ff503c;color:#fff}.sike-party-allowed-users{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sike-party-user-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#202329;padding:6px 9px;font-size:11px}.sike-party-user-chip button{border:0;background:transparent;color:#ff7666;padding:0;font-size:14px}
@media(max-width:900px){.sike-party-discovery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sike-party-discovery-panel{margin:0 12px 18px;padding:14px;border-radius:18px}.sike-party-discovery-head h3{font-size:20px}.sike-party-discovery-head p{font-size:12px}.sike-party-discovery-grid{grid-template-columns:1fr}.sike-party-room-card{padding:12px;border-radius:15px}.sike-party-host-settings{padding:12px;border-radius:14px}.sike-party-password-row{grid-template-columns:1fr}.sike-party-setting-row small{font-size:10px}}

/* V306 — SIKE Party immersive room demo UI. Social/presence only; playback sync untouched. */
.sike-party-room-stage{position:relative;grid-column:1/-1;min-height:430px;margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:30px;overflow:hidden;background:
 radial-gradient(circle at 50% 5%,rgba(255,95,67,.18),transparent 34%),
 radial-gradient(circle at 15% 55%,rgba(255,47,80,.11),transparent 28%),
 linear-gradient(180deg,#0a0c11 0%,#0a0b10 42%,#07080c 100%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 28px 80px rgba(0,0,0,.38);isolation:isolate}
.sike-party-room-stage[hidden]{display:none!important}
.sike-party-room-stage:before{content:"";position:absolute;inset:12% 6% 20%;border:1px solid rgba(255,84,62,.22);border-radius:48% 48% 30% 30%/20% 20% 38% 38%;box-shadow:inset 0 0 70px rgba(255,64,45,.08),0 0 40px rgba(255,64,45,.08);transform:perspective(900px) rotateX(4deg);pointer-events:none}
.sike-party-room-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:-8%;height:42%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,75,50,.17),rgba(28,29,38,.55) 42%,rgba(4,5,8,.2) 70%);border-top:1px solid rgba(255,100,73,.28);transform:perspective(700px) rotateX(62deg);filter:drop-shadow(0 -8px 28px rgba(255,61,43,.12));z-index:-1}
.sike-party-room-ceiling{position:absolute;left:12%;right:12%;top:18px;height:78px;border-radius:50%;border-top:2px solid rgba(255,92,61,.7);box-shadow:0 -7px 35px rgba(255,68,42,.28);display:flex;justify-content:space-around;align-items:flex-start;padding-top:14px;pointer-events:none}
.sike-party-room-ceiling i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px 5px rgba(159,188,255,.5),0 45px 80px 22px rgba(94,124,255,.06)}
.sike-party-room-orbit{position:absolute;inset:68px 18px 118px;z-index:3}
.sike-party-room-bubble{position:absolute;width:126px;min-height:84px;border:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:5px;cursor:pointer;transition:transform .22s ease,filter .22s ease;z-index:4}
.sike-party-room-bubble:hover{transform:translateY(-5px) scale(1.04);filter:brightness(1.08)}
.sike-party-room-bubble-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#ff563d,#c5228b);font-weight:950;font-size:18px;box-shadow:0 0 0 6px rgba(255,255,255,.035),0 0 0 1px rgba(255,102,77,.55),0 16px 35px rgba(0,0,0,.35),0 0 25px rgba(255,65,44,.18)}
.sike-party-room-bubble-avatar img{width:100%;height:100%;object-fit:cover}
.sike-party-room-bubble>span{display:grid;text-align:center;min-width:0;max-width:120px}.sike-party-room-bubble b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-party-room-bubble small{font-size:8px;color:#4fe09a;margin-top:1px}.sike-party-room-bubble>i{position:absolute;top:-4px;right:31px;font-style:normal;font-size:13px;color:#ffd85d;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
.sike-party-room-bubble.is-host .sike-party-room-bubble-avatar{box-shadow:0 0 0 7px rgba(255,90,55,.06),0 0 0 2px #ff5c42,0 0 34px rgba(255,65,45,.28)}
.sike-party-room-bubble.is-self:after{content:"YOU";position:absolute;top:45px;right:18px;padding:2px 5px;border-radius:999px;background:#fff;color:#0a0b0f;font-size:6px;font-weight:950;letter-spacing:.08em}
.sike-party-room-bubble.slot-0{left:7%;top:16%}.sike-party-room-bubble.slot-1{left:28%;top:5%}.sike-party-room-bubble.slot-2{right:28%;top:5%}.sike-party-room-bubble.slot-3{right:7%;top:16%}.sike-party-room-bubble.slot-4{left:12%;bottom:3%}.sike-party-room-bubble.slot-5{left:35%;bottom:-4%}.sike-party-room-bubble.slot-6{right:35%;bottom:-4%}.sike-party-room-bubble.slot-7{right:12%;bottom:3%}
.sike-party-room-platform{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:178px;height:78px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#282b36,#11131a 55%,#090a0f 70%);border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 12px rgba(255,66,43,.035),0 0 0 1px rgba(255,81,57,.45),0 25px 38px rgba(0,0,0,.4),0 0 50px rgba(255,65,42,.18);z-index:2}
.sike-party-room-logo{font-size:38px;font-weight:1000;line-height:1;color:#ff4f3c;text-shadow:0 0 20px rgba(255,70,48,.65)}.sike-party-room-platform small{position:absolute;bottom:9px;color:#747b86;font-size:7px;letter-spacing:.18em;font-weight:900}
.sike-party-room-social{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;z-index:8}.sike-party-reactions{display:flex;gap:5px;padding:6px;border-radius:999px;background:rgba(9,10,14,.74);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.sike-party-reactions button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;font-size:17px;cursor:pointer;transition:transform .15s ease,background .15s ease}.sike-party-reactions button:hover{transform:translateY(-3px) scale(1.12);background:rgba(255,255,255,.07)}
.sike-party-skip{height:46px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(12,14,19,.84);color:#fff;padding:0 14px;display:flex;align-items:center;gap:7px;cursor:pointer;backdrop-filter:blur(16px)}.sike-party-skip>span{color:#ff674f;font-size:18px}.sike-party-skip b{font-size:10px}.sike-party-skip small{color:#7f8791;font-size:8px}
.sike-party-queue-panel{position:absolute;right:18px;bottom:18px;width:260px;max-height:150px;padding:12px;border-radius:18px;background:rgba(10,12,16,.83);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);z-index:8;overflow:auto}.sike-party-queue-panel>div:first-child span{display:block;color:#ff614a;font-size:7px;font-weight:950;letter-spacing:.18em}.sike-party-queue-panel>div:first-child b{font-size:12px}.sike-party-queue-panel [data-party-social-queue]{margin-top:8px;display:grid;gap:5px}.sike-party-queue-panel [data-party-social-queue]>small{color:#747b85;font-size:9px}.sike-party-queue-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border-radius:10px;background:rgba(255,255,255,.035)}.sike-party-queue-item>span{width:20px;height:20px;border-radius:7px;background:#20242b;display:grid;place-items:center;font-size:8px;color:#9ba2ac}.sike-party-queue-item>div{min-width:0;display:grid}.sike-party-queue-item b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-party-queue-item small{font-size:7px;color:#7f8690}.sike-party-queue-item button{border:0;border-radius:8px;background:#ff543f;color:#fff;font-size:8px;font-weight:900;padding:5px 7px}
.sike-party-reaction-layer{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.sike-party-reaction-layer span{position:absolute;left:var(--rx);bottom:62px;font-size:25px;animation:sikePartyFloat 2.8s ease-out var(--delay) both;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}@keyframes sikePartyFloat{0%{opacity:0;transform:translate(-50%,20px) scale(.65) rotate(-8deg)}18%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-245px) scale(1.2) rotate(9deg)}}
.sike-party-profile-popover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,calc(100% - 32px));padding:14px;border-radius:20px;background:rgba(13,15,20,.94);border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 40px rgba(255,61,42,.09);backdrop-filter:blur(22px);z-index:30}.sike-party-profile-popover[hidden]{display:none!important}.sike-party-profile-head{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.sike-party-profile-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ff563f,#b52fce);font-weight:950}.sike-party-profile-avatar img{width:100%;height:100%;object-fit:cover}.sike-party-profile-head>span{display:grid}.sike-party-profile-head b{font-size:13px}.sike-party-profile-head small{font-size:9px;color:#8b929c}.sike-party-profile-head>button{width:30px;height:30px;border:0;border-radius:50%;background:#20242b;color:#fff;font-size:17px}.sike-party-profile-actions{display:grid;gap:7px;margin-top:12px}.sike-party-profile-actions>button{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#171a20;color:#fff;padding:10px 11px;text-align:left;font-size:10px;font-weight:850}.sike-party-profile-actions>button:first-child{background:linear-gradient(135deg,#ff5d43,#ff354e);border:0}.sike-party-profile-note{display:block;padding:8px;color:#858c96;font-size:9px}

@media(max-width:760px){
 body.sike-v32-mobile-runtime .sike-party-room-stage{min-height:360px;margin-top:10px;border-radius:24px}
 body.sike-v32-mobile-runtime .sike-party-room-stage:before{inset:10% 3% 26%}
 body.sike-v32-mobile-runtime .sike-party-room-ceiling{left:9%;right:9%;top:11px;height:54px}
 body.sike-v32-mobile-runtime .sike-party-room-orbit{inset:52px 6px 126px}
 body.sike-v32-mobile-runtime .sike-party-room-bubble{width:92px;min-height:70px}
 body.sike-v32-mobile-runtime .sike-party-room-bubble-avatar{width:46px;height:46px;font-size:15px}
 body.sike-v32-mobile-runtime .sike-party-room-bubble>span{max-width:88px} body.sike-v32-mobile-runtime .sike-party-room-bubble b{font-size:9px} body.sike-v32-mobile-runtime .sike-party-room-bubble small{font-size:7px}
 body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-0{left:0;top:18%} body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-1{left:27%;top:0} body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-2{right:2%;top:12%} body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-3{left:8%;bottom:2%} body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-4{right:8%;bottom:2%}
 body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-5,body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-6,body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-7{display:none}
 body.sike-v32-mobile-runtime .sike-party-room-platform{width:128px;height:58px;top:47%} body.sike-v32-mobile-runtime .sike-party-room-logo{font-size:28px}
 body.sike-v32-mobile-runtime .sike-party-room-social{left:10px;right:10px;bottom:87px;justify-content:space-between;gap:6px}
 body.sike-v32-mobile-runtime .sike-party-reactions{gap:1px;padding:4px} body.sike-v32-mobile-runtime .sike-party-reactions button{width:29px;height:29px;font-size:15px}
 body.sike-v32-mobile-runtime .sike-party-skip{height:38px;padding:0 9px} body.sike-v32-mobile-runtime .sike-party-skip b{font-size:8px}
 body.sike-v32-mobile-runtime .sike-party-queue-panel{left:10px;right:10px;bottom:10px;width:auto;max-height:68px;border-radius:14px;padding:8px 10px} body.sike-v32-mobile-runtime .sike-party-queue-panel>div:first-child{display:none} body.sike-v32-mobile-runtime .sike-party-queue-item{padding:4px 5px}
 body.sike-v32-mobile-runtime .sike-party-profile-popover{position:fixed;top:auto;bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px));left:12px;right:12px;width:auto;transform:none;border-radius:22px;z-index:100000}
}
/* V306 host-control polish */
.sike-party-card.is-live{background:linear-gradient(140deg,#0c0f15 0%,#130d14 55%,#0a0b0f 100%)!important;border-color:rgba(255,255,255,.085)!important}
.sike-party-card.is-live .sike-party-host-settings{background:linear-gradient(145deg,rgba(17,19,25,.94),rgba(8,9,13,.94))!important;border-color:rgba(255,255,255,.085)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.sike-party-setting-row input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:42px!important;height:24px!important;border-radius:999px!important;background:#262a31!important;border:1px solid rgba(255,255,255,.08)!important;position:relative!important;cursor:pointer!important;transition:.2s ease!important;flex:0 0 auto!important}
.sike-party-setting-row input[type="checkbox"]:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#f6f7f9;box-shadow:0 3px 9px rgba(0,0,0,.35);transition:.2s ease}
.sike-party-setting-row input[type="checkbox"]:checked{background:linear-gradient(90deg,#ff6046,#ff355b)!important;box-shadow:0 0 20px rgba(255,73,55,.16)!important}
.sike-party-setting-row input[type="checkbox"]:checked:after{transform:translateX(18px)}
.sike-party-settings-save{background:linear-gradient(90deg,#ff6248,#ff315d)!important;box-shadow:0 12px 28px rgba(255,58,58,.13)!important}

/* V307 — Premium immersive SIKE Party Room. Visual/responsive layer only; playback/social logic untouched. */
.sike-party-card.is-live{
  --room-accent:#ff5742;--room-accent2:#ff2f64;
  position:relative!important;overflow:visible!important;
  background:radial-gradient(circle at 50% -10%,rgba(255,88,64,.13),transparent 34%),linear-gradient(145deg,#0b0d12 0%,#100d14 52%,#090b0f 100%)!important;
}
.sike-party-card.is-live>.sike-party-copy{grid-column:1/2!important;align-self:end!important}
.sike-party-card.is-live>.sike-party-actions{grid-column:2/3!important;align-self:end!important}
.sike-party-card.is-live>.sike-party-live{grid-column:1/-1!important}
.sike-party-card.is-live>.sike-party-room-stage{grid-column:1/-1!important}
.sike-party-card.is-live>.sike-party-host-settings{grid-column:1/-1!important}

.sike-party-room-stage{
  min-height:520px!important;border-radius:34px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  background:
    radial-gradient(ellipse at 50% 4%,rgba(255,97,66,.22),transparent 32%),
    radial-gradient(circle at 15% 42%,rgba(255,46,99,.10),transparent 28%),
    radial-gradient(circle at 85% 42%,rgba(88,92,255,.08),transparent 28%),
    linear-gradient(180deg,#0a0c12 0%,#090b10 46%,#05070b 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -80px 120px rgba(0,0,0,.38),0 35px 95px rgba(0,0,0,.42)!important;
}
.sike-party-room-stage:before{
  inset:9% 5% 18%!important;border-radius:46% 46% 30% 30%/18% 18% 40% 40%!important;
  border:1px solid rgba(255,100,75,.27)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,65,45,.025));
  box-shadow:inset 0 0 95px rgba(255,66,45,.09),0 0 48px rgba(255,65,45,.075)!important;
}
.sike-party-room-stage:after{
  left:5%!important;right:5%!important;bottom:-6%!important;height:46%!important;
  background:
    repeating-radial-gradient(ellipse at center,transparent 0 34px,rgba(255,83,59,.055) 35px 36px),
    radial-gradient(ellipse at center,rgba(255,79,52,.19),rgba(28,31,40,.56) 42%,rgba(3,5,8,.22) 72%)!important;
  border-top:1px solid rgba(255,100,73,.34)!important;
}
.sike-party-room-ceiling{left:9%!important;right:9%!important;top:16px!important;height:100px!important;border-top:2px solid rgba(255,96,65,.75)!important;box-shadow:0 -8px 36px rgba(255,67,43,.26),inset 0 8px 30px rgba(255,75,50,.025)!important}
.sike-party-room-ceiling:before,.sike-party-room-ceiling:after{content:"";position:absolute;top:18px;width:26%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,81,56,.55),transparent);box-shadow:0 0 14px rgba(255,70,48,.28)}
.sike-party-room-ceiling:before{left:10%}.sike-party-room-ceiling:after{right:10%}
.sike-party-room-ceiling i{width:8px!important;height:8px!important;box-shadow:0 0 18px 5px rgba(198,215,255,.5),0 58px 95px 27px rgba(107,128,255,.075)!important}

.sike-party-room-orbit{inset:92px 34px 132px!important}
.sike-party-room-bubble{width:138px!important;min-height:96px!important;gap:7px!important;filter:drop-shadow(0 16px 20px rgba(0,0,0,.18))}
.sike-party-room-bubble-avatar{width:66px!important;height:66px!important;font-size:20px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 0 0 7px rgba(255,255,255,.025),0 0 0 1px rgba(255,103,78,.55),0 18px 38px rgba(0,0,0,.42),0 0 30px rgba(255,70,49,.22)!important}
.sike-party-room-bubble:before{content:"";position:absolute;top:60px;width:68px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,75,50,.22),transparent 70%);filter:blur(3px);z-index:-1}
.sike-party-room-bubble b{font-size:12px!important;letter-spacing:-.01em}.sike-party-room-bubble small{font-size:8px!important;text-transform:uppercase;letter-spacing:.09em!important}
.sike-party-room-bubble.is-host .sike-party-room-bubble-avatar{box-shadow:0 0 0 9px rgba(255,90,55,.055),0 0 0 2px #ff5a42,0 0 42px rgba(255,69,46,.32)!important}
.sike-party-room-bubble.is-self:after{top:54px!important;right:19px!important;padding:3px 7px!important;font-size:6px!important;box-shadow:0 5px 14px rgba(0,0,0,.32)}
.sike-party-room-bubble>i{top:-7px!important;right:31px!important;font-size:16px!important}
.sike-party-room-bubble.slot-0{left:5%!important;top:20%!important}.sike-party-room-bubble.slot-1{left:27%!important;top:2%!important}.sike-party-room-bubble.slot-2{right:27%!important;top:2%!important}.sike-party-room-bubble.slot-3{right:5%!important;top:20%!important}.sike-party-room-bubble.slot-4{left:10%!important;bottom:4%!important}.sike-party-room-bubble.slot-5{left:33%!important;bottom:-1%!important}.sike-party-room-bubble.slot-6{right:33%!important;bottom:-1%!important}.sike-party-room-bubble.slot-7{right:10%!important;bottom:4%!important}

.sike-party-room-platform{top:48%!important;width:220px!important;height:94px!important;background:radial-gradient(circle at 50% 35%,#313440 0%,#151821 47%,#090b11 72%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 0 0 14px rgba(255,66,43,.026),0 0 0 1px rgba(255,81,57,.54),0 30px 54px rgba(0,0,0,.48),0 0 70px rgba(255,65,42,.22)!important}
.sike-party-room-platform:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(255,84,57,.22);box-shadow:inset 0 0 22px rgba(255,77,51,.10)}
.sike-party-room-logo{font-size:48px!important;background:linear-gradient(180deg,#ff745f,#ff3d32);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 18px rgba(255,75,50,.44))}
.sike-party-room-platform small{bottom:11px!important;color:#818894!important;font-size:7px!important}
.sike-party-room-hud{position:absolute;left:22px;right:22px;top:18px;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7d848f;font-size:7px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}
.sike-party-room-hud span{display:flex;align-items:center;gap:7px}.sike-party-room-hud i{width:7px;height:7px;border-radius:50%;background:#31df8d;box-shadow:0 0 12px rgba(49,223,141,.7)}

.sike-party-room-social{left:18px!important;bottom:18px!important;gap:8px!important;padding:6px!important;border-radius:20px;background:rgba(8,10,14,.56);border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(20px);box-shadow:0 14px 38px rgba(0,0,0,.25)}
.sike-party-reactions{padding:2px!important;border:0!important;background:transparent!important;backdrop-filter:none!important}
.sike-party-reactions button{width:38px!important;height:38px!important;font-size:18px!important;background:rgba(255,255,255,.025)!important}
.sike-party-reactions button:hover{background:rgba(255,255,255,.09)!important}
.sike-party-skip{height:40px!important;border-radius:14px!important;background:rgba(18,21,27,.9)!important;padding:0 13px!important}
.sike-party-skip b{font-size:9px!important}.sike-party-skip small{font-size:8px!important}
.sike-party-queue-panel{right:18px!important;bottom:18px!important;width:300px!important;max-height:172px!important;padding:14px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(14,17,22,.90),rgba(7,9,13,.86))!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 18px 48px rgba(0,0,0,.30)!important}
.sike-party-queue-panel>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px}.sike-party-queue-panel>div:first-child span{font-size:7px!important}.sike-party-queue-panel>div:first-child b{font-size:13px!important}
.sike-party-queue-item{padding:7px 8px!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important}.sike-party-queue-item b{font-size:9px!important}
.sike-party-reaction-layer span{font-size:28px!important;animation-duration:3.1s!important}

.sike-party-host-settings{position:relative!important;margin-top:18px!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(17,20,27,.96),rgba(8,10,14,.96))!important;box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important}
.sike-party-settings-title{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:12px}.sike-party-settings-title:after{content:"ROOM SETTINGS";font-size:7px;letter-spacing:.16em;color:#68707b;font-weight:900}.sike-party-settings-title b{font-size:18px!important}.sike-party-setting-row{padding:12px 0!important}.sike-party-password-row{padding-top:4px}.sike-party-settings-save{min-height:44px;border-radius:13px!important}

@media (min-width:900px){
 .sike-party-card.is-live>.sike-party-host-settings{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 26px!important}
 .sike-party-card.is-live>.sike-party-host-settings>.sike-party-settings-title,.sike-party-card.is-live>.sike-party-host-settings>.sike-party-settings-save{grid-column:1/-1}
 .sike-party-card.is-live>.sike-party-host-settings>.sike-party-password-row,.sike-party-card.is-live>.sike-party-host-settings>.sike-party-permissions{grid-column:2;align-self:start}
 .sike-party-card.is-live>.sike-party-host-settings>.sike-party-setting-row{grid-column:1}
 .sike-party-card.is-live>.sike-party-host-settings>.sike-party-settings-save{margin-top:12px}
}

@media(max-width:760px){
 body.sike-v32-mobile-runtime .sike-mobile-party-card{border-radius:26px!important;padding:12px!important;background:linear-gradient(180deg,#0d1016,#0a0c11)!important}
 body.sike-v32-mobile-runtime .sike-party-room-stage{min-height:430px!important;margin:10px 0 0!important;border-radius:26px!important}
 body.sike-v32-mobile-runtime .sike-party-room-stage:before{inset:11% 3% 27%!important;border-radius:42% 42% 27% 27%/18% 18% 36% 36%!important}
 body.sike-v32-mobile-runtime .sike-party-room-ceiling{left:8%!important;right:8%!important;top:12px!important;height:66px!important}
 body.sike-v32-mobile-runtime .sike-party-room-hud{left:13px;right:13px;top:12px;font-size:5.5px;letter-spacing:.12em}body.sike-v32-mobile-runtime .sike-party-room-hud span:nth-child(2){display:none}
 body.sike-v32-mobile-runtime .sike-party-room-orbit{inset:70px 4px 142px!important}
 body.sike-v32-mobile-runtime .sike-party-room-bubble{width:88px!important;min-height:76px!important;gap:4px!important}
 body.sike-v32-mobile-runtime .sike-party-room-bubble-avatar{width:50px!important;height:50px!important;font-size:15px!important}
 body.sike-v32-mobile-runtime .sike-party-room-bubble:before{top:46px;width:52px}
 body.sike-v32-mobile-runtime .sike-party-room-bubble b{font-size:8px!important}body.sike-v32-mobile-runtime .sike-party-room-bubble small{font-size:6px!important}
 body.sike-v32-mobile-runtime .sike-party-room-bubble.is-self:after{top:41px!important;right:9px!important}
 body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-0{left:0!important;top:21%!important}body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-1{left:29%!important;top:1%!important}body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-2{right:0!important;top:18%!important}body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-3{left:7%!important;bottom:5%!important}body.sike-v32-mobile-runtime .sike-party-room-bubble.slot-4{right:7%!important;bottom:5%!important}
 body.sike-v32-mobile-runtime .sike-party-room-platform{width:138px!important;height:62px!important;top:47%!important}body.sike-v32-mobile-runtime .sike-party-room-logo{font-size:30px!important}
 body.sike-v32-mobile-runtime .sike-party-room-social{left:9px!important;right:9px!important;bottom:78px!important;padding:4px!important;border-radius:16px!important;justify-content:space-between!important}
 body.sike-v32-mobile-runtime .sike-party-reactions{display:grid!important;grid-template-columns:repeat(5,1fr)!important;flex:1;gap:1px!important}body.sike-v32-mobile-runtime .sike-party-reactions button{width:auto!important;height:32px!important;font-size:15px!important}
 body.sike-v32-mobile-runtime .sike-party-skip{height:34px!important;min-width:80px!important;padding:0 8px!important}body.sike-v32-mobile-runtime .sike-party-skip>span{font-size:14px!important}body.sike-v32-mobile-runtime .sike-party-skip b{font-size:7px!important}
 body.sike-v32-mobile-runtime .sike-party-queue-panel{left:9px!important;right:9px!important;bottom:9px!important;width:auto!important;max-height:62px!important;border-radius:15px!important;padding:7px 9px!important}body.sike-v32-mobile-runtime .sike-party-queue-panel>div:first-child{display:none!important}
 body.sike-v32-mobile-runtime .sike-party-profile-popover{left:10px!important;right:10px!important;bottom:max(88px,calc(env(safe-area-inset-bottom) + 68px))!important;border-radius:24px!important;padding:15px!important}
 body.sike-v32-mobile-runtime .sike-party-host-settings{margin-top:12px!important;padding:14px!important;border-radius:20px!important}body.sike-v32-mobile-runtime .sike-party-settings-title{padding-bottom:8px!important}body.sike-v32-mobile-runtime .sike-party-settings-title b{font-size:16px!important}body.sike-v32-mobile-runtime .sike-party-settings-title:after{font-size:6px!important}
 body.sike-v32-mobile-runtime .sike-party-setting-row{padding:10px 0!important}body.sike-v32-mobile-runtime .sike-party-setting-row b{font-size:12px!important}body.sike-v32-mobile-runtime .sike-party-setting-row small{font-size:9px!important}
 body.sike-v32-mobile-runtime .sike-party-password-row{grid-template-columns:1fr!important;gap:6px!important}body.sike-v32-mobile-runtime .sike-party-password-row input,body.sike-v32-mobile-runtime .sike-party-user-add input{min-height:40px!important}
 body.sike-v32-mobile-runtime .sike-party-user-add{grid-template-columns:minmax(0,1fr) auto!important}
}


/* =========================================================
   V308 · SIKE App cinematic onboarding / Netflix-inspired flow
   Isolated from SIKE Music and Party UI.
   ========================================================= */
.sike-v308-auth{background:#050607;color:#fff;min-height:calc(100vh - 72px);font-family:Inter,Arial,sans-serif}.sike-v308-stage{position:relative;min-height:clamp(720px,calc(100vh - 72px),980px);overflow:hidden;isolation:isolate}.sike-v308-backdrop{position:absolute;inset:0;z-index:-3;background-image:url('../img/hero-sike-one-v91.jpg');background-size:cover;background-position:center 48%;transform:scale(1.02)}.sike-v308-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.52) 44%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(4,5,6,.18) 56%,#050607 100%)}
.sike-v308-welcome{min-height:inherit;display:grid;place-items:center;padding:72px 24px}.sike-v308-welcome-inner{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-areas:'logo logo' 'intro actions' 'legal legal';align-items:end;gap:34px 70px}.sike-v308-logo{width:min(330px,72vw);height:auto;object-fit:contain}.sike-v308-logo-main{grid-area:logo;margin-bottom:70px;filter:drop-shadow(0 8px 30px rgba(0,0,0,.45))}.sike-v308-intro{grid-area:intro;max-width:650px}.sike-v308-intro>span,.sike-v308-eyebrow{font-size:11px;letter-spacing:.24em;font-weight:900;color:#ff5a40}.sike-v308-intro h1{margin:14px 0 18px;font-size:clamp(54px,6vw,92px);line-height:.88;letter-spacing:-.07em;font-weight:950}.sike-v308-intro h1 em{font-style:normal;color:#ff5842}.sike-v308-intro p{max-width:570px;margin:0;color:#c0c4ca;font-size:17px;line-height:1.6}.sike-v308-actions{grid-area:actions;display:grid;gap:10px;align-self:end}.sike-v308-main-btn,.sike-v308-alt-btn{width:100%;min-height:58px;border-radius:9px;border:0;padding:0 22px;font:800 15px/1 Inter,Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;transition:.22s ease}.sike-v308-main-btn{background:linear-gradient(110deg,#ff583d,#ff2e48);color:#fff;box-shadow:0 14px 42px rgba(255,56,57,.28)}.sike-v308-main-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.sike-v308-main-btn span{margin-left:auto;font-size:20px}.sike-v308-alt-btn{background:rgba(20,21,24,.82);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px)}.sike-v308-alt-btn:hover{border-color:rgba(255,255,255,.5);background:rgba(30,31,35,.9)}.sike-v308-create-link,.sike-v308-switch{appearance:none;border:0;background:none;color:#9da2aa;font-size:12px;cursor:pointer;padding:8px 0}.sike-v308-create-link b,.sike-v308-switch b{color:#fff}.sike-v308-create-link:hover b,.sike-v308-switch:hover b{color:#ff5b43}.sike-v308-legal{grid-area:legal;color:#777d86;font-size:10px;margin-top:16px}.sike-v308-legal a{color:#c2c5cb}
.sike-v308-panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);z-index:2010;opacity:0;visibility:hidden;transition:.25s}.sike-v308-auth.has-panel .sike-v308-panel-backdrop{opacity:1;visibility:visible}.sike-v308-panel{position:fixed;right:0;top:0;height:100dvh;width:min(470px,100%);z-index:2020;background:#0d0f12;color:#fff;padding:72px 50px 40px;box-shadow:-30px 0 80px rgba(0,0,0,.55);transform:translateX(104%);transition:transform .38s cubic-bezier(.22,.8,.18,1);overflow:auto}.sike-v308-panel.is-open{transform:translateX(0)}.sike-v308-close{position:absolute;right:22px;top:22px;width:42px;height:42px;border-radius:50%;border:1px solid #2a2e34;background:#17191d;color:#fff;font-size:27px;cursor:pointer}.sike-v308-panel-head span{font-size:10px;letter-spacing:.22em;font-weight:900;color:#ff5b42}.sike-v308-panel-head h2{font-size:44px;line-height:1;letter-spacing:-.045em;margin:13px 0 12px}.sike-v308-panel-head p{color:#9298a1;line-height:1.55;margin:0 0 30px}.sike-v308-form{display:grid;gap:15px}.sike-v308-form label,.sike-v308-step label{display:grid;gap:8px}.sike-v308-form label>span,.sike-v308-step label>span{font-size:11px;color:#b7bcc4;font-weight:700}.sike-v308-form input,.sike-v308-step input:not([type=checkbox]){height:58px;border:1px solid #30343b;background:#15171b;color:#fff;border-radius:8px;padding:0 16px;font-size:15px;outline:none}.sike-v308-form input:focus{border-color:#ff5a40;box-shadow:0 0 0 3px rgba(255,90,64,.12)}.sike-v308-form .sike-v308-main-btn{margin-top:4px}.sike-v308-or{display:flex;align-items:center;gap:12px;margin:24px 0;color:#666c75;font-size:11px}.sike-v308-or:before,.sike-v308-or:after{content:'';height:1px;background:#282b30;flex:1}.sike-v308-provider-stack{display:grid;gap:10px}.sike-v308-provider-form{margin:0}.sike-v308-provider{width:100%;height:56px;border:1px solid #2b2f35;background:#15171b;color:#fff;border-radius:8px;display:flex;align-items:center;gap:14px;padding:0 16px;font-weight:800;font-size:13px;cursor:pointer}.sike-v308-provider b{width:28px;height:28px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:13px}.sike-v308-provider span{margin-left:auto}.sike-v308-provider:hover{border-color:#555b65;background:#1a1d22}.sike-v308-switch{display:block;margin:20px auto 0}.sike-v308-message{padding:12px 14px;border-radius:7px;margin:0 0 18px;font-size:12px}.sike-v308-message.error{background:#331619;color:#ff9d94;border:1px solid #63252a}.sike-v308-message.success{background:#12351d;color:#8bf0a7;border:1px solid #245d35}
.sike-v308-register{position:fixed;inset:0;z-index:2040;background:#f6f6f3;color:#111;opacity:0;visibility:hidden;transform:translateY(20px);transition:.35s ease;overflow:auto}.sike-v308-register.is-open{opacity:1;visibility:visible;transform:none}.sike-v308-register-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,38%);grid-template-rows:auto 4px 1fr}.sike-v308-register-header{grid-column:1/-1;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid #dddeda;background:rgba(255,255,255,.84);backdrop-filter:blur(16px)}.sike-v308-register-header img{width:210px}.sike-v308-register-header button{border:0;background:none;font-weight:800;color:#555;cursor:pointer}.sike-v308-register-progress{grid-column:1/-1;background:#e5e6e3;position:relative}.sike-v308-register-progress i{display:block;height:100%;width:33.33%;background:#ff533e;transition:width .35s cubic-bezier(.22,.8,.18,1)}.sike-v308-register-form{display:grid;place-items:center;padding:60px clamp(24px,7vw,120px)}.sike-v308-step{width:min(620px,100%);display:none;animation:sikeV308Step .38s ease}.sike-v308-step.is-active{display:block}@keyframes sikeV308Step{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.sike-v308-step-count{font-size:10px;letter-spacing:.2em;color:#ff533e;font-weight:900}.sike-v308-step h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.055em;line-height:.94;margin:16px 0}.sike-v308-step>p{font-size:16px;line-height:1.6;color:#697079;max-width:530px;margin:0 0 38px}.sike-v308-step input:not([type=checkbox]){background:#fff;color:#111;border-color:#d4d6d3}.sike-v308-step input:not([type=checkbox]):focus{border-color:#ff533e;box-shadow:0 0 0 4px rgba(255,83,62,.1)}.sike-v308-register-next{margin-top:22px;min-height:56px;border:0;border-radius:8px;background:#111;color:#fff;padding:0 22px;font-weight:850;font-size:14px;display:flex;align-items:center;gap:30px;justify-content:space-between;cursor:pointer;min-width:220px}.sike-v308-register-next:hover{background:#ff533e}.sike-v308-step-nav{display:flex;align-items:center;justify-content:space-between;gap:15px}.sike-v308-step-nav>button:first-child{border:0;background:none;color:#676d74;font-weight:800;cursor:pointer;margin-top:22px}.sike-v308-consent{grid-template-columns:auto 1fr!important;align-items:flex-start;margin-top:18px;color:#6d727a;line-height:1.5;font-size:11px}.sike-v308-consent input{margin-top:2px}.sike-v308-register-side{background:#101114;color:#fff;padding:clamp(50px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.sike-v308-register-side:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 18%,rgba(255,75,48,.25),transparent 38%),linear-gradient(160deg,transparent 55%,rgba(255,67,45,.08));pointer-events:none}.sike-v308-register-side>span{position:relative;color:#ff583f;font-size:10px;letter-spacing:.22em;font-weight:900}.sike-v308-register-side h3{position:relative;font-size:clamp(42px,4.5vw,70px);line-height:.95;letter-spacing:-.055em;margin:16px 0 54px}.sike-v308-register-side ul{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:0}.sike-v308-register-side li{border-top:1px solid #2c2f34;padding:20px 0;font-size:13px;font-weight:750;color:#d5d7db}.sike-v308-register-side li i{font-style:normal;color:#666d77;margin-right:18px}.sike-register-open{overflow:hidden}
.sike-v308-connected{min-height:inherit;display:grid;place-items:center;padding:50px 20px}.sike-v308-connected-card{width:min(520px,100%);padding:46px;background:rgba(11,12,14,.9);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(24px);box-shadow:0 30px 100px rgba(0,0,0,.55)}.sike-v308-connected-card .sike-v308-logo{width:220px;margin-bottom:60px}.sike-v308-eyebrow{display:flex;align-items:center;gap:8px}.sike-v308-eyebrow i{width:7px;height:7px;border-radius:50%;background:#3ddd79;box-shadow:0 0 16px #3ddd79}.sike-v308-connected h1{font-size:56px;line-height:.95;letter-spacing:-.055em;margin:16px 0}.sike-v308-connected p{color:#969ca5;line-height:1.6}.sike-v308-user-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #292c31;background:#111317;padding:13px;margin:28px 0}.sike-v308-user-avatar{width:42px;height:42px;background:#ff5841;display:grid;place-items:center;font-weight:950}.sike-v308-user-row strong,.sike-v308-user-row span{display:block}.sike-v308-user-row span{font-size:10px;color:#767c85;margin-top:4px}.sike-v308-user-row>b{font-size:9px;color:#54dd82}.sike-v308-text-link{display:block;text-align:center;color:#737a83;font-size:11px;margin-top:16px;text-decoration:none}
/* Index V308 product image refresh */
.product-card .product-image img{object-fit:contain;object-position:center;filter:drop-shadow(0 20px 24px rgba(0,0,0,.28));transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .5s}.product-card:hover .product-image img{transform:scale(1.035) translateY(-3px);filter:drop-shadow(0 26px 30px rgba(0,0,0,.38))}
@media(max-width:850px){.sike-v308-stage{min-height:calc(100dvh - 60px)}.sike-v308-welcome{padding:38px 20px}.sike-v308-welcome-inner{grid-template-columns:1fr;grid-template-areas:'logo' 'intro' 'actions' 'legal';gap:24px}.sike-v308-logo-main{width:230px;margin:0 0 42px}.sike-v308-intro h1{font-size:58px}.sike-v308-intro p{font-size:14px}.sike-v308-actions{max-width:460px;width:100%}.sike-v308-register-shell{grid-template-columns:1fr;grid-template-rows:auto 4px auto auto}.sike-v308-register-form{padding:48px 24px 30px}.sike-v308-register-side{padding:48px 24px}.sike-v308-register-side h3{margin-bottom:30px}.sike-v308-register-header{height:70px}.sike-v308-register-header img{width:170px}}
@media(max-width:520px){.sike-v308-vignette{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.77) 45%,#050607 100%)}.sike-v308-backdrop{background-position:63% center}.sike-v308-welcome{align-items:end;place-items:end stretch;padding:32px 18px 40px}.sike-v308-logo-main{width:190px;margin-bottom:18vh}.sike-v308-intro>span{font-size:9px}.sike-v308-intro h1{font-size:49px;margin:10px 0 14px}.sike-v308-intro p{font-size:13px;line-height:1.5}.sike-v308-main-btn,.sike-v308-alt-btn{min-height:54px}.sike-v308-legal{font-size:8px}.sike-v308-panel{padding:68px 20px 30px}.sike-v308-panel-head h2{font-size:38px}.sike-v308-register-header{padding:0 18px}.sike-v308-register-header img{width:145px}.sike-v308-step h2{font-size:43px}.sike-v308-register-side{display:none}.sike-v308-connected-card{padding:28px 22px}.sike-v308-connected h1{font-size:44px}}

/* ================================================================
   V309 — GLOBAL PERSISTENT TOP NAV
   The main SIKEVENTURES navigation never auto-hides on scroll.
   This is intentionally the final global override so older page- and
   fullscreen-specific header rules cannot push it off screen.
   ================================================================ */
html{scroll-padding-top:76px}
.site-header,
.site-header.header-hidden,
body .site-header,
body.sike-music-fullscreen-active .site-header,
body.sike-test-app-page>.site-header,
body.sike-ios-app-page .site-header{
  display:grid!important;
  position:sticky!important;
  top:0!important;
  z-index:100000!important;
  transform:none!important;
  translate:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media(max-width:1000px){html{scroll-padding-top:66px}}

/* V309 POWERCELL connection summary */
.powercell-connection-strip-v309{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}.powercell-connection-strip-v309>div{min-height:72px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#11151a,#090b0e);border-radius:12px}.powercell-connection-strip-v309 i{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#050607;border:1px solid #343b43;position:relative}.powercell-connection-strip-v309 span{display:grid;gap:3px}.powercell-connection-strip-v309 b{font-size:8px;letter-spacing:.09em;color:#f2f4f5}.powercell-connection-strip-v309 small{font-size:7px;line-height:1.35;color:#78818b}.pc-conn-power:after{content:"";position:absolute;inset:8px;border:2px solid #d0a53b;border-radius:50%;box-shadow:inset 5px 0 0 -2px #d0a53b,inset -5px 0 0 -2px #d0a53b}.pc-conn-data:after{content:"";position:absolute;left:7px;right:7px;top:11px;height:8px;border:2px solid #77818b;border-radius:4px}.pc-conn-lock:after{content:"";position:absolute;left:8px;right:8px;top:9px;height:12px;border:2px solid #77818b;border-radius:3px;box-shadow:0 5px 0 -3px #77818b}@media(max-width:720px){.powercell-connection-strip-v309{grid-template-columns:1fr}.powercell-connection-strip-v309>div{min-height:58px}}

/* ================================================================
   V310 — APP AUTH / REGISTER HEADER STACK FIX
   Keep every auth overlay below the real website top navigation.
   The exact offset is supplied by app.php from siteHeader.getBoundingClientRect().bottom,
   so it also stays correct while the document moves between the very top and sticky state.
   ================================================================ */
body:has(.sike-v308-auth){
  --sike-v310-auth-top:76px;
}
body:has(.sike-v308-auth) .sike-v308-register{
  inset:var(--sike-v310-auth-top) 0 0 0!important;
  height:auto!important;
  max-height:calc(100dvh - var(--sike-v310-auth-top))!important;
  min-height:0!important;
  z-index:90000!important;
  overscroll-behavior:contain;
  scroll-padding-top:88px;
}
body:has(.sike-v308-auth) .sike-v308-register-shell{
  min-height:calc(100dvh - var(--sike-v310-auth-top))!important;
}
body:has(.sike-v308-auth) .sike-v308-register-header{
  position:sticky!important;
  top:0!important;
  z-index:25!important;
  flex:0 0 auto!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.10),0 10px 28px rgba(0,0,0,.05)!important;
}
body:has(.sike-v308-auth) .sike-v308-register-header button{
  position:relative!important;
  z-index:2!important;
  min-height:42px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#17191c!important;
  font-size:14px!important;
  font-weight:850!important;
}
body:has(.sike-v308-auth) .sike-v308-register-header img{
  position:relative!important;
  z-index:2!important;
}
body:has(.sike-v308-auth) .sike-v308-panel{
  top:var(--sike-v310-auth-top)!important;
  height:calc(100dvh - var(--sike-v310-auth-top))!important;
  max-height:calc(100dvh - var(--sike-v310-auth-top))!important;
  z-index:90020!important;
}
body:has(.sike-v308-auth) .sike-v308-panel-backdrop{
  top:var(--sike-v310-auth-top)!important;
  height:calc(100dvh - var(--sike-v310-auth-top))!important;
  z-index:90010!important;
}
/* The shared website navigation must always win the stacking contest. */
body:has(.sike-v308-auth) .site-header{
  z-index:100000!important;
}
@media(max-width:1000px){
  body:has(.sike-v308-auth){--sike-v310-auth-top:66px}
}


/* ================================================================
   V312 — EMAIL VERIFICATION + CRISP REGISTER
   ================================================================ */
/* Register must sit ABOVE the blurred side-panel backdrop. V310 had the
   backdrop at 90010 and register at 90000, which blurred the whole form. */
body:has(.sike-v308-auth) .sike-v308-register{z-index:90040!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body:has(.sike-v308-auth) .sike-v308-register.is-open~*{filter:none}
.sike-v308-register,.sike-v308-register-shell,.sike-v308-register-form,.sike-v308-step{filter:none!important;-webkit-filter:none!important}
.sike-v308-register-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}
.sike-v312-email-match{margin:7px 0 0!important;color:#c83b31!important;font-size:12px!important;font-weight:750!important}
.sike-v312-verify{min-height:inherit;display:grid;place-items:center;padding:52px 20px;color:#fff}.sike-v312-verify-card{width:min(590px,100%);padding:42px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(17,19,23,.96),rgba(7,8,10,.96));box-shadow:0 40px 110px rgba(0,0,0,.62)}.sike-v312-verify-card>.sike-v308-logo{width:205px;margin-bottom:38px}.sike-v312-verify-kicker{display:flex;align-items:center;gap:9px;color:#ff644d;font-size:10px;font-weight:900;letter-spacing:.16em}.sike-v312-verify-kicker i{width:7px;height:7px;border-radius:50%;background:#ff5b43;box-shadow:0 0 16px #ff5b43}.sike-v312-mail-icon{width:64px;height:64px;margin:28px 0 18px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#ff6047,#e43d2d);box-shadow:0 16px 40px rgba(255,80,58,.24)}.sike-v312-verify-card h1{margin:0 0 14px;font-size:clamp(42px,6vw,62px);line-height:.96;letter-spacing:-.055em}.sike-v312-verify-card>p{color:#aab0b9;line-height:1.65;font-size:14px;margin:0 0 24px}.sike-v312-verify-card>p strong{color:#fff}.sike-v312-verify-note{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border:1px solid #2b2f36;background:#101216;border-radius:12px;margin:0 0 20px}.sike-v312-verify-note b{color:#fff;font-size:12px}.sike-v312-verify-note span{color:#858c96;font-size:12px;line-height:1.55}.sike-v312-resend{margin-top:12px}.sike-v312-resend .sike-v308-main-btn{width:100%}.sike-v312-back-login{display:block;text-align:center;color:#d4d7dc;text-decoration:none;font-size:12px;font-weight:750;margin:18px 0 9px}.sike-v312-verify-card>small{display:block;text-align:center;color:#686f78;font-size:10px;line-height:1.5}.sike-v312-verify-page{min-height:70vh;background:#f4f4f1;display:grid;place-items:center;padding:80px 20px}.sike-v312-verify-result{width:min(620px,100%);background:#fff;border:1px solid #dedfdc;border-radius:18px;padding:48px;box-shadow:0 30px 80px rgba(0,0,0,.08)}.sike-v312-verify-result img{width:205px;margin-bottom:48px}.sike-v312-verify-result>span{display:block;color:#ff543e;font-size:10px;font-weight:900;letter-spacing:.17em}.sike-v312-verify-result h1{font-size:46px;letter-spacing:-.05em;line-height:1;margin:14px 0}.sike-v312-verify-result p{color:#676d75;line-height:1.6}.sike-v312-verify-result a{display:inline-flex;margin-top:20px;background:#111;color:#fff;padding:14px 18px;border-radius:9px;text-decoration:none;font-weight:800}
@media(max-width:620px){.sike-v312-verify{padding:24px 14px}.sike-v312-verify-card{padding:28px 20px}.sike-v312-verify-card>.sike-v308-logo{width:170px;margin-bottom:28px}.sike-v312-verify-note{grid-template-columns:1fr}.sike-v312-verify-result{padding:32px 22px}.sike-v312-verify-result h1{font-size:38px}}
\n\n/* ================================================================\n   V313 — APP INTERNAL SCROLL + REGISTER AUTO-TOP\n   The browser document stays fixed. Only the content surface below\n   the persistent site navigation scrolls, and the normal footer is\n   moved into that surface by app.php.\n   ================================================================ */\nhtml:has(body.sike-v313-app-shell),\nbody.sike-v313-app-shell{\n  height:100%!important;\n  min-height:100%!important;\n  overflow:hidden!important;\n  overscroll-behavior:none!important;\n}\nbody.sike-v313-app-shell{\n  position:relative!important;\n}\nbody.sike-v313-app-shell .site-header{\n  position:relative!important;\n  top:auto!important;\n  flex:0 0 auto!important;\n}\nbody.sike-v313-app-shell .sike-v313-page-scroll{\n  position:relative;\n  width:100%;\n  height:calc(100dvh - var(--sike-v310-auth-top,76px));\n  min-height:0;\n  overflow-x:hidden;\n  overflow-y:auto;\n  -webkit-overflow-scrolling:touch;\n  overscroll-behavior-y:contain;\n  scrollbar-gutter:stable;\n  scroll-behavior:smooth;\n  isolation:isolate;\n}\nbody.sike-v313-app-shell .sike-v313-page-scroll>.sike-v308-auth{\n  min-height:calc(100dvh - var(--sike-v310-auth-top,76px));\n}\nbody.sike-v313-app-shell .sike-v313-page-scroll>.site-footer{\n  position:relative!important;\n  inset:auto!important;\n  width:100%!important;\n  margin:0!important;\n  z-index:2!important;\n}\n/* Register owns its own center scroll surface and always begins at zero. */\nbody.sike-v313-app-shell .sike-v308-register{\n  overflow-y:auto!important;\n  overflow-x:hidden!important;\n  overscroll-behavior:contain!important;\n  -webkit-overflow-scrolling:touch;\n  scroll-behavior:auto!important;\n  scroll-snap-type:none!important;\n}\nbody.sike-v313-app-shell .sike-v308-register.is-open{\n  scroll-margin-top:0!important;\n}\nbody.sike-v313-app-shell .sike-v308-register-header{\n  top:0!important;\n}\n@media(max-width:1000px){\n  body.sike-v313-app-shell .sike-v313-page-scroll{height:calc(100dvh - var(--sike-v310-auth-top,66px));}\n}\n

/* V315 — premium dual-method email verification */
.sike-v315-verify{padding:34px 24px!important;align-items:center}.sike-v315-verify-shell{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:rgba(8,10,13,.96);box-shadow:0 42px 120px rgba(0,0,0,.6)}.sike-v315-verify-main{padding:46px 50px 44px;min-width:0}.sike-v315-verify-main>.sike-v308-logo{width:190px;margin:0 0 32px}.sike-v315-verify-main h1{font-size:clamp(43px,5vw,68px);line-height:.94;letter-spacing:-.058em;margin:16px 0 16px}.sike-v315-verify-main>p{max-width:690px;color:#a7adb6;font-size:14px;line-height:1.7;margin:0 0 24px}.sike-v315-verify-main>p strong{color:#fff}.sike-v315-status-pill{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 11px;border-radius:999px;border:1px solid #30343a;background:#14171b;color:#aeb4bd;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sike-v315-status-pill i{width:7px;height:7px;border-radius:50%;background:#ffb13b;box-shadow:0 0 14px rgba(255,177,59,.65)}.sike-v315-status-pill.is-approved{color:#b9f4ce;border-color:rgba(49,210,112,.3);background:rgba(32,126,69,.13)}.sike-v315-status-pill.is-approved i{background:#31d270;box-shadow:0 0 16px rgba(49,210,112,.75)}.sike-v315-methods{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0 20px}.sike-v315-method-card{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:15px;border:1px solid #272b31;border-radius:14px;background:#101216}.sike-v315-method-card.is-code{border-color:rgba(255,87,67,.35);background:linear-gradient(135deg,rgba(255,87,67,.09),#101216 58%)}.sike-v315-method-num{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1a1d22;color:#ff6751;font-size:10px;font-weight:900}.sike-v315-method-card b{display:block;font-size:12px;color:#fff;margin:1px 0 4px}.sike-v315-method-card span{display:block;font-size:10px;line-height:1.45;color:#777f89}.sike-v315-code-form{padding:18px;border:1px solid #2b3037;border-radius:16px;background:#0d0f12}.sike-v315-code-form>label{display:block;color:#cbd0d6;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}.sike-v315-code-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.sike-v315-code-entry input{min-width:0;height:58px;border:1px solid #343942!important;background:#15181d!important;color:#fff!important;border-radius:12px!important;font-size:27px!important;letter-spacing:.32em!important;font-weight:900!important;text-align:center;padding-left:.32em!important;outline:none;box-shadow:none!important}.sike-v315-code-entry input:focus{border-color:#ff5b45!important;box-shadow:0 0 0 3px rgba(255,91,69,.13)!important}.sike-v315-code-entry button{height:58px;border:0;border-radius:12px;padding:0 22px;background:linear-gradient(135deg,#ff674f,#ff4636);color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}.sike-v315-code-entry button span{margin-left:8px}.sike-v315-code-form>small{display:block;color:#686f79;font-size:9px;margin-top:9px}.sike-v315-verify-side{padding:44px 32px;background:radial-gradient(circle at 75% 15%,rgba(255,75,54,.17),transparent 30%),linear-gradient(155deg,#141217,#090b0e 67%);border-left:1px solid #23262c;display:flex;flex-direction:column}.sike-v315-mail-orbit{position:relative;width:72px;height:72px;margin-bottom:34px;display:grid;place-items:center;border:1px solid #31353c;border-radius:50%;background:#13161a}.sike-v315-mail-orbit span{font-size:25px;position:relative;z-index:2}.sike-v315-mail-orbit i{position:absolute;inset:-8px;border:1px solid rgba(255,91,69,.38);border-radius:50%;animation:sikeV315Orbit 3s ease-in-out infinite}.sike-v315-side-label{color:#ff664f;font-size:9px;letter-spacing:.18em;font-weight:900}.sike-v315-verify-side h2{font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 10px}.sike-v315-verify-side>p{font-size:11px;color:#7e858f;line-height:1.6;margin:0 0 28px}.sike-v315-security-list{border-top:1px solid #292d33;margin-top:auto}.sike-v315-security-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #292d33;padding:14px 0}.sike-v315-security-list b{color:#545b65;font-size:10px}.sike-v315-security-list span{color:#d5d9de;font-size:11px;font-weight:750}.sike-v315-security-list em{font-style:normal;color:#8d949e;font-size:9px}.sike-v315-resend-btn{width:100%;margin-top:22px;height:42px;border:1px solid #323740;border-radius:10px;background:#15181d;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.sike-v315-verify-side .sike-v312-back-login{margin-top:12px}.sike-v315-verify-side .sike-v308-message,.sike-v315-verify-main .sike-v308-message{margin:14px 0}.sike-v315-code-entry input::placeholder{color:#4b515a}.sike-v315-verify .sike-v312-verify-kicker{margin-top:0}.sike-v315-verify .sike-v312-verify-kicker i{flex:0 0 auto}@keyframes sikeV315Orbit{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.08);opacity:1}}
@media(max-width:820px){.sike-v315-verify{padding:18px 12px!important;display:block!important}.sike-v315-verify-shell{grid-template-columns:1fr}.sike-v315-verify-main{padding:28px 22px 24px}.sike-v315-verify-main>.sike-v308-logo{width:160px;margin-bottom:24px}.sike-v315-verify-main h1{font-size:44px}.sike-v315-methods{grid-template-columns:1fr}.sike-v315-verify-side{padding:26px 22px;border-left:0;border-top:1px solid #252930}.sike-v315-mail-orbit{display:none}.sike-v315-security-list{margin-top:8px}.sike-v315-code-entry{grid-template-columns:1fr}.sike-v315-code-entry button{width:100%}}
@media(max-width:480px){.sike-v315-verify-main h1{font-size:39px}.sike-v315-code-entry input{font-size:24px!important;letter-spacing:.24em!important;padding-left:.24em!important}.sike-v315-method-card{grid-template-columns:34px 1fr}.sike-v315-method-num{width:34px;height:34px}.sike-v315-verify-main{padding:24px 17px 20px}.sike-v315-verify-side{padding:23px 17px}.sike-v315-verify-side h2{font-size:26px}}


/* SIKE V344 — cross-device verification sync */
.sike-v344-verification-sync{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#858b95;
  font-size:12px;
  font-weight:700;
}
.sike-v344-verification-sync i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff5b43;
  box-shadow:0 0 0 0 rgba(255,91,67,.45);
  animation:sikeV344VerifyPulse 1.6s infinite;
}
.sike-v344-verification-sync.is-verified{color:#72e49a}
.sike-v344-verification-sync.is-verified i{
  background:#37d777;
  animation:none;
  box-shadow:0 0 14px rgba(55,215,119,.5);
}
@keyframes sikeV344VerifyPulse{
  0%{box-shadow:0 0 0 0 rgba(255,91,67,.42)}
  70%{box-shadow:0 0 0 8px rgba(255,91,67,0)}
  100%{box-shadow:0 0 0 0 rgba(255,91,67,0)}
}


/* ============================================================
   SIKE V345 — global profile dropdown + account center
   ============================================================ */
.site-user-menu-wrap{position:relative;z-index:120}
.site-user-menu-wrap .site-user-pill{font-family:inherit;cursor:pointer;text-align:left}
.site-user-menu-wrap.is-open .site-user-pill{background:#181b20;border-color:#484f59;transform:translateY(-1px)}
.site-user-menu-wrap.is-open .site-user-chevron{transform:rotate(180deg);color:#fff}
.site-user-chevron{transition:transform .18s ease,color .18s ease}

.site-user-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:300px;
  padding:10px;
  border:1px solid #2b3037;
  border-radius:19px;
  background:rgba(13,15,18,.98);
  box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.015) inset;
  backdrop-filter:blur(24px);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px) scale(.985);
  transform-origin:top right;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.site-user-menu-wrap.is-open .site-user-dropdown{
  opacity:1;visibility:visible;transform:none;pointer-events:auto
}
.site-user-dropdown:before{
  content:"";position:absolute;right:26px;top:-6px;width:11px;height:11px;
  transform:rotate(45deg);background:#0d0f12;border-left:1px solid #2b3037;border-top:1px solid #2b3037
}
.site-user-dropdown-head{
  position:relative;display:flex;align-items:center;gap:11px;padding:10px 10px 13px;
  border-bottom:1px solid #252a31;margin-bottom:7px
}
.site-user-dropdown-head .site-user-avatar{width:42px;height:42px;flex-basis:42px;border-radius:13px}
.site-user-dropdown-head div{min-width:0}
.site-user-dropdown-head strong,.site-user-dropdown-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-user-dropdown-head strong{font-size:13px;color:#fff}
.site-user-dropdown-head small{font-size:10px;color:#7f8792;margin-top:4px;max-width:205px}
.site-user-dropdown-nav{display:grid;gap:2px}
.site-user-dropdown-nav a,.site-user-logout{
  display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;color:#fff;text-decoration:none;
  transition:background .14s ease,transform .14s ease
}
.site-user-dropdown-nav a:hover,.site-user-logout:hover{background:#191d22;transform:translateX(1px)}
.site-user-menu-icon{
  width:31px;height:31px;flex:0 0 31px;border:1px solid #2b3037;border-radius:10px;background:#14171b;
  display:grid;place-items:center;color:#aab2bd;font-size:11px;font-style:normal
}
.site-user-dropdown-nav a>span:last-child,.site-user-logout>span:last-child{min-width:0}
.site-user-dropdown-nav b,.site-user-logout b{display:block;font-size:11px;line-height:1.1}
.site-user-dropdown-nav small,.site-user-logout small{display:block;color:#707884;font-size:8.5px;margin-top:4px}
.site-user-dropdown-foot{border-top:1px solid #252a31;margin-top:7px;padding-top:7px}
.site-user-logout{color:#ff6a58}
.site-user-logout .site-user-menu-icon{color:#ff6a58;border-color:rgba(255,89,70,.22);background:rgba(255,78,58,.08)}

.sike-account-center-page{background:#08090a}
.sike-account-center{
  max-width:1260px;margin:0 auto;padding:64px 28px 110px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;color:#fff
}
.sike-account-sidebar,.sike-account-content{
  border:1px solid #282d34;background:#111419;border-radius:22px
}
.sike-account-sidebar{height:max-content;padding:18px;position:sticky;top:116px}
.sike-account-identity{display:flex;align-items:center;gap:11px;padding:7px 5px 18px;border-bottom:1px solid #272c32}
.sike-account-avatar{
  width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:linear-gradient(145deg,#ff633f,#e93734);
  display:grid;place-items:center;font-size:13px;font-weight:950;color:#fff
}
.sike-account-avatar.large{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:17px}
.sike-account-identity div{min-width:0}
.sike-account-identity strong,.sike-account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sike-account-identity strong{font-size:12px}.sike-account-identity small{font-size:8px;color:#777f89;margin-top:4px}
.sike-account-tabs{display:grid;gap:4px;padding:14px 0}
.sike-account-tabs a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;text-decoration:none;color:#a1a8b1;font-size:11px;font-weight:800
}
.sike-account-tabs a i{width:23px;text-align:center;font-style:normal;color:#717983}
.sike-account-tabs a:hover,.sike-account-tabs a.active{background:#1a1e23;color:#fff}
.sike-account-tabs a.active i{color:#ff624b}
.sike-account-dashboard-link{
  display:flex;justify-content:space-between;align-items:center;background:#ff5844;color:#fff;text-decoration:none;border-radius:12px;padding:12px 14px;
  font-size:10px;font-weight:900
}
.sike-account-content{padding:34px 38px;min-height:580px}
.sike-account-heading>span{display:block;color:#ff624b;font-size:9px;font-weight:950;letter-spacing:.18em}
.sike-account-heading h1{font-size:38px;letter-spacing:-.04em;margin:8px 0 7px}
.sike-account-heading p{margin:0;color:#8c939d;font-size:12px;line-height:1.6}
.sike-account-form{max-width:650px;margin-top:30px;display:grid;gap:18px}
.sike-account-profile-card{
  display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #292f36;border-radius:16px;background:#15191e
}
.sike-account-profile-card>div{min-width:0;flex:1}
.sike-account-profile-card strong,.sike-account-profile-card small{display:block}
.sike-account-profile-card strong{font-size:13px}.sike-account-profile-card small{font-size:9px;color:#777f89;margin-top:5px}
.sike-account-verified{font-size:8px;font-weight:950;color:#64e98c;background:#10351e;border:1px solid #1d5a31;border-radius:7px;padding:7px 9px}
.sike-account-form label>span{display:block;font-size:9px;font-weight:900;color:#b3bac3;margin:0 0 7px}
.sike-account-form input{
  width:100%;height:48px;border:1px solid #30363e;border-radius:12px;background:#0c0e11;color:#fff;padding:0 14px;font:inherit;font-size:11px;box-sizing:border-box;outline:none
}
.sike-account-form input:focus{border-color:#666f7b}.sike-account-form input[readonly]{color:#7d8590;background:#101216}
.sike-account-form label>small{display:block;font-size:8px;color:#676f79;margin-top:6px}
.sike-account-prefixed{position:relative}.sike-account-prefixed b{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:11px;color:#707984}.sike-account-prefixed input{padding-left:30px}
.sike-account-save{justify-self:start;border:0;border-radius:12px;background:#ff5844;color:#fff;padding:13px 22px;font-size:10px;font-weight:950;cursor:pointer}
.sike-account-message{max-width:650px;margin-bottom:18px;padding:12px 14px;border-radius:11px;font-size:10px;font-weight:800}
.sike-account-message.success{color:#7bf09b;background:#0f351d;border:1px solid #1d6032}.sike-account-message.error{color:#ff8d80;background:#351411;border:1px solid #63241e}
.sike-account-empty{margin-top:34px;border:1px dashed #343a42;border-radius:18px;padding:60px 30px;text-align:center;background:#0e1114}
.sike-account-empty>i{width:52px;height:52px;margin:0 auto 16px;border-radius:15px;background:#1a1e23;display:grid;place-items:center;font-style:normal;color:#ff624b}
.sike-account-empty h2{font-size:20px;margin:0 0 8px}.sike-account-empty p{max-width:500px;margin:0 auto 17px;color:#7e8690;font-size:11px;line-height:1.6}.sike-account-empty a{color:#ff6a56;text-decoration:none;font-size:10px;font-weight:900}
.sike-account-notification{
  margin-top:18px;border:1px solid #2c3239;background:#14181d;border-radius:15px;padding:17px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px
}
.sike-account-notification>i{width:38px;height:38px;border-radius:12px;background:#11391f;color:#68ec8f;display:grid;place-items:center;font-style:normal;font-weight:900}
.sike-account-notification strong{font-size:11px}.sike-account-notification p{font-size:9px;color:#7b838e;margin:5px 0 0}.sike-account-notification>small{font-size:7px;font-weight:950;color:#69727e;letter-spacing:.12em}
.sike-account-notification.muted>i{background:#1b2026;color:#ff6650}
.sike-account-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.sike-account-security-grid article{border:1px solid #2b3138;border-radius:15px;background:#14181d;padding:18px}
.sike-account-security-grid span,.sike-account-security-grid strong,.sike-account-security-grid small{display:block}.sike-account-security-grid span{font-size:8px;color:#747d88;font-weight:900}.sike-account-security-grid strong{font-size:15px;margin:8px 0;color:#fff}.sike-account-security-grid small{font-size:8px;color:#707984}
.sike-account-danger-link{display:inline-block;margin-top:25px;color:#ff6553;text-decoration:none;font-size:10px;font-weight:900}

@media(max-width:720px){
  .site-user-dropdown{position:fixed;top:78px;left:12px;right:12px;width:auto;border-radius:18px}
  .site-user-dropdown:before{display:none}
  .site-user-dropdown-head small{max-width:220px}
  .sike-account-center{padding:24px 14px 85px;display:block}
  .sike-account-sidebar{position:static;margin-bottom:14px;padding:13px}
  .sike-account-tabs{grid-template-columns:1fr 1fr}
  .sike-account-tabs a{padding:10px 8px;font-size:9px}
  .sike-account-content{padding:25px 18px;min-height:0}
  .sike-account-heading h1{font-size:30px}
  .sike-account-profile-card{align-items:flex-start;flex-wrap:wrap}
  .sike-account-verified{margin-left:71px}
  .sike-account-security-grid{grid-template-columns:1fr}
}

/* SIKE V353 — live party room backgrounds + guest playback lock */
.sike-party-room-backdrop{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;pointer-events:none;transition:opacity .35s ease,filter .35s ease;overflow:hidden}
.sike-party-room-backdrop:before,.sike-party-room-backdrop:after{content:"";position:absolute;inset:-18%;border-radius:45%;filter:blur(28px);opacity:.72;animation:sikePartyBgFloat 10s ease-in-out infinite alternate}
.sike-party-room-backdrop:after{animation-duration:14s;animation-direction:alternate-reverse;transform:translate(20%,8%) scale(.8)}
.sike-party-room-stage[data-party-bg="ember"] .sike-party-room-backdrop{background:radial-gradient(circle at 50% 45%,rgba(255,76,48,.16),rgba(8,9,14,.94) 62%)}
.sike-party-room-stage[data-party-bg="ember"] .sike-party-room-backdrop:before{background:radial-gradient(circle,rgba(255,61,38,.34),transparent 58%)}
.sike-party-room-stage[data-party-bg="aurora"] .sike-party-room-backdrop{background:linear-gradient(145deg,#090b16,#101025 45%,#090b10)}
.sike-party-room-stage[data-party-bg="aurora"] .sike-party-room-backdrop:before{background:linear-gradient(110deg,rgba(31,255,177,.26),rgba(75,73,255,.34),rgba(255,56,190,.2));filter:blur(42px)}
.sike-party-room-stage[data-party-bg="neon"] .sike-party-room-backdrop{background:radial-gradient(circle at 25% 25%,rgba(102,48,255,.23),transparent 42%),radial-gradient(circle at 75% 70%,rgba(0,210,255,.19),transparent 45%),#080910}
.sike-party-room-stage[data-party-bg="neon"] .sike-party-room-backdrop:before{background:conic-gradient(from 90deg,rgba(255,61,135,.22),rgba(42,183,255,.28),rgba(130,62,255,.26),rgba(255,61,135,.22));filter:blur(36px)}
.sike-party-room-stage[data-party-bg="midnight"] .sike-party-room-backdrop{background:radial-gradient(circle at 50% 25%,rgba(48,86,142,.24),transparent 38%),linear-gradient(#080b12,#020306)}
.sike-party-room-stage[data-party-bg="midnight"] .sike-party-room-backdrop:before{background:radial-gradient(circle,rgba(91,144,255,.18),transparent 60%)}
.sike-party-room-stage[data-party-bg="custom"] .sike-party-room-backdrop{background-size:cover;background-position:center}.sike-party-room-stage[data-party-bg="custom"] .sike-party-room-backdrop:before,.sike-party-room-stage[data-party-bg="custom"] .sike-party-room-backdrop:after{display:none}
@keyframes sikePartyBgFloat{0%{transform:translate(-8%,-5%) scale(.92) rotate(-5deg)}100%{transform:translate(10%,8%) scale(1.12) rotate(8deg)}}
.sike-party-room-platform{border:0;cursor:default}.sike-party-room-platform[data-party-customize-open]:not([hidden]){cursor:pointer}.sike-party-room-platform em{position:absolute;top:calc(100% + 8px);font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#9298a2;opacity:0;transition:.2s}.sike-party-room-platform:not([hidden]):hover em{opacity:1}
.sike-party-customizer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;width:min(560px,calc(100% - 30px));padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(8,10,14,.94);backdrop-filter:blur(20px);box-shadow:0 24px 80px rgba(0,0,0,.55)}.sike-party-customizer[hidden]{display:none!important}
.sike-party-customizer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sike-party-customizer-head span{display:block;color:#ff624d;font-size:8px;font-weight:900;letter-spacing:.16em}.sike-party-customizer-head b{font-size:17px}.sike-party-customizer-head>button{width:32px;height:32px;border:0;border-radius:50%;background:#1d2027;color:#fff;font-size:18px}
.sike-party-bg-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sike-party-bg-presets button,.sike-party-custom-slot{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#11141a;color:#fff;padding:6px;text-align:left}.sike-party-bg-presets button.active,.sike-party-custom-slot.active{border-color:#ff624d;box-shadow:0 0 0 1px rgba(255,98,77,.25)}.sike-party-bg-presets i{display:block;height:56px;border-radius:9px;margin-bottom:6px}.sike-party-bg-presets button:nth-child(1) i{background:radial-gradient(circle,#ff563d55,#090a0e 68%)}.sike-party-bg-presets button:nth-child(2) i{background:linear-gradient(135deg,#18e2a355,#6055ff66,#ff36ba44)}.sike-party-bg-presets button:nth-child(3) i{background:radial-gradient(circle at 30% 30%,#783cff77,transparent 45%),radial-gradient(circle at 70% 70%,#00d5ff66,transparent 45%),#090a12}.sike-party-bg-presets button:nth-child(4) i{background:radial-gradient(circle at 50% 20%,#477ed855,transparent 45%),#05070b}.sike-party-bg-presets span,.sike-party-custom-slot span{font-size:10px;font-weight:800}
.sike-party-custom-upload{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.sike-party-custom-upload b{display:block;font-size:12px}.sike-party-custom-upload small{display:block;color:#858c97;font-size:9px;margin-top:3px}.sike-party-custom-upload label span{display:inline-flex;padding:9px 11px;border-radius:10px;background:#ff5944;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.sike-party-custom-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.sike-party-custom-slot{min-height:55px;background-size:cover!important;background-position:center!important;display:flex;align-items:flex-end}.sike-party-custom-slot span{padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.58)}
.sike-party-guest-playback-locked [data-music-toggle-play].party-locked,.sike-party-guest-playback-locked [data-global-player-toggle].party-locked{position:relative;opacity:.68;cursor:not-allowed!important}.sike-party-guest-playback-locked [data-music-toggle-play].party-locked:after,.sike-party-guest-playback-locked [data-global-player-toggle].party-locked:after{content:"🔒";position:absolute;right:-5px;top:-7px;font-size:10px;line-height:1}
.sike-party-room-card button.is-joined{background:#18221d!important;color:#66f0a3!important;border-color:rgba(102,240,163,.24)!important}
@media(max-width:760px){.sike-party-customizer{width:calc(100% - 18px);padding:12px;border-radius:17px}.sike-party-bg-presets{grid-template-columns:repeat(2,1fr)}.sike-party-bg-presets i{height:46px}.sike-party-custom-upload{align-items:flex-start;flex-direction:column}.sike-party-custom-slots{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.sike-party-room-backdrop:before,.sike-party-room-backdrop:after{animation:none!important}}

/* V354 blog views */
.sike-blog-card-meta{display:flex;align-items:flex-end;gap:10px;flex-direction:column}.sike-blog-card-meta small,.sike-blog-views{color:#8b949e;font-size:10px;letter-spacing:.05em}.sike-blog-article-meta{float:right;display:flex;align-items:center;gap:12px}.sike-blog-article-meta time{float:none}.sike-blog-article-meta .sike-blog-views{white-space:nowrap}@media(max-width:700px){.sike-blog-card-meta{gap:4px}.sike-blog-article-meta{float:none;margin-top:10px;justify-content:flex-start}}

/* V359 - visible host party customization controls */
.sike-party-host-customize{grid-column:1/-1;margin:2px 0 18px;padding:16px;border:1px solid rgba(255,98,77,.16);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(255,83,58,.10),transparent 34%),rgba(10,12,17,.78);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.sike-party-host-customize-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.sike-party-host-customize-head>div{min-width:0}.sike-party-host-customize-head span{display:block;color:#ff604d;font-size:8px;font-weight:950;letter-spacing:.17em}.sike-party-host-customize-head b{display:block;margin-top:4px;font-size:16px}.sike-party-host-customize-head small{display:block;margin-top:3px;color:#858c97;font-size:10px;line-height:1.45}
.sike-party-customize-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#ff5944;color:#fff;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 8px 24px rgba(255,71,48,.15)}.sike-party-customize-launch span{color:#fff;font-size:13px;letter-spacing:0}
.sike-party-host-bg-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sike-party-host-bg-presets button{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:7px;border:1px solid rgba(255,255,255,.085);border-radius:13px;background:#101319;color:#fff;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.sike-party-host-bg-presets button:hover{transform:translateY(-1px);background:#14171d}.sike-party-host-bg-presets button.active{border-color:#ff604d;box-shadow:0 0 0 1px rgba(255,96,77,.25)}.sike-party-host-bg-presets i{display:block;width:54px;height:42px;border-radius:9px;overflow:hidden}.sike-party-host-bg-presets button:nth-child(1) i{background:radial-gradient(circle,#ff563d75,#090a0e 69%)}.sike-party-host-bg-presets button:nth-child(2) i{background:linear-gradient(135deg,#18e2a366,#6055ff77,#ff36ba55);animation:sikePartyPresetFloat 6s ease-in-out infinite alternate}.sike-party-host-bg-presets button:nth-child(3) i{background:radial-gradient(circle at 30% 30%,#783cff99,transparent 45%),radial-gradient(circle at 70% 70%,#00d5ff88,transparent 45%),#090a12;animation:sikePartyPresetFloat 4.5s ease-in-out infinite alternate-reverse}.sike-party-host-bg-presets button:nth-child(4) i{background:radial-gradient(circle at 50% 20%,#477ed877,transparent 45%),#05070b}.sike-party-host-bg-presets span b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-party-host-bg-presets span small{display:block;margin-top:2px;color:#757d89;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes sikePartyPresetFloat{to{filter:hue-rotate(22deg) saturate(1.15);transform:scale(1.035)}}
.sike-party-host-custom-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065)}.sike-party-host-custom-row>div>b{display:inline-block;margin-left:7px;font-size:11px}.sike-party-host-custom-row>div>small{display:block;margin-top:4px;color:#7e8691;font-size:9px}.sike-party-premium-pill{display:inline-flex!important;align-items:center;height:19px;padding:0 7px;border:1px solid rgba(255,178,66,.27);border-radius:999px;background:rgba(255,169,48,.08);color:#ffba55!important;font-size:7px!important;letter-spacing:.13em!important}.sike-party-host-upload span{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#20242b;color:#fff;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}.sike-party-host-custom-slots:empty{display:none}
.sike-party-room-platform[data-party-customize-open]:not([hidden]) em{opacity:.9!important;color:#fff!important;background:rgba(10,12,16,.78);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px;top:calc(100% + 10px)!important;white-space:nowrap}
@media(max-width:760px){.sike-party-host-customize{margin:0 0 14px;padding:12px;border-radius:16px}.sike-party-host-customize-head{align-items:flex-start;flex-direction:column;gap:10px}.sike-party-customize-launch{width:100%;min-height:42px}.sike-party-host-bg-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sike-party-host-bg-presets button{grid-template-columns:46px minmax(0,1fr);gap:7px;padding:6px}.sike-party-host-bg-presets i{width:46px;height:40px}.sike-party-host-custom-row{align-items:flex-start;flex-direction:column;gap:10px}.sike-party-host-upload,.sike-party-host-upload span{width:100%}.sike-party-host-upload span{min-height:40px}.sike-party-host-custom-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sike-party-room-platform[data-party-customize-open]:not([hidden]) em{font-size:6px!important;padding:4px 7px!important}}

/* V360 — polished host controls, visible uploads, logo platform and quick invite slots */
.sike-party-file-input{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important}
.sike-party-upload-control,.sike-party-host-upload{display:flex;align-items:center}
.sike-party-upload-control button,.sike-party-host-upload button{appearance:none;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(42,46,56,.96),rgba(26,29,36,.96));color:#fff;border-radius:12px;min-height:42px;padding:0 15px;font:800 11px/1 inherit;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.2);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.sike-party-upload-control button:hover,.sike-party-host-upload button:hover{transform:translateY(-1px);border-color:rgba(255,101,78,.45);background:linear-gradient(180deg,rgba(54,57,68,.98),rgba(31,34,42,.98))}
.sike-party-host-settings{border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(180deg,rgba(13,15,20,.98),rgba(8,10,14,.98))!important;box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;border-radius:24px!important;padding:22px!important;gap:0!important}
.sike-party-settings-title{grid-column:1/-1;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 2px 15px!important;margin:0 0 15px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.sike-party-settings-title span{font-size:8px!important;letter-spacing:.2em!important;color:#ff634f!important}.sike-party-settings-title b{font-size:20px!important;letter-spacing:-.03em!important}
.sike-party-host-customize{padding:18px!important;border:1px solid rgba(255,102,78,.18)!important;border-radius:20px!important;background:radial-gradient(circle at 88% -10%,rgba(255,83,58,.13),transparent 34%),linear-gradient(180deg,rgba(15,17,22,.98),rgba(11,13,18,.98))!important;margin-bottom:18px!important}
.sike-party-host-customize-head{margin-bottom:15px!important}.sike-party-host-customize-head b{font-size:18px!important;letter-spacing:-.025em}.sike-party-host-customize-head small{color:#8e95a0!important}
.sike-party-customize-launch{border:0!important;background:linear-gradient(135deg,#ff6a53,#ff4f42)!important;color:#fff!important;box-shadow:0 10px 28px rgba(255,76,57,.2)!important;border-radius:12px!important;min-height:42px!important;padding:0 16px!important;font-weight:900!important;cursor:pointer}
.sike-party-host-bg-presets{gap:9px!important}.sike-party-host-bg-presets button{min-height:62px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.085)!important;background:#101219!important;padding:7px!important;transition:.16s ease!important}.sike-party-host-bg-presets button:hover{transform:translateY(-1px);border-color:rgba(255,104,80,.34)!important}.sike-party-host-bg-presets button.active{border-color:#ff624e!important;box-shadow:0 0 0 1px rgba(255,98,78,.14),0 10px 28px rgba(0,0,0,.2)!important}
.sike-party-host-custom-row{padding-top:15px!important;margin-top:15px!important;border-top:1px solid rgba(255,255,255,.07)!important}.sike-party-premium-pill{background:rgba(255,187,38,.08)!important;border-color:rgba(255,187,38,.38)!important;color:#ffc44f!important}
.sike-party-host-custom-slots,.sike-party-custom-slots{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important}
.sike-party-custom-slot{position:relative;min-height:78px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.09)!important;background-color:#101219!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;color:#fff!important;cursor:pointer!important}.sike-party-custom-slot:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.72));pointer-events:none}.sike-party-custom-slot span{position:absolute;left:9px;bottom:8px;z-index:2;font-size:9px;font-weight:850}.sike-party-custom-slot.active{border-color:#ff624e!important;box-shadow:0 0 0 2px rgba(255,98,78,.12)!important}.sike-party-custom-slot.is-empty{display:grid!important;place-items:center!important;background:linear-gradient(180deg,#12151c,#0d0f14)!important;border-style:dashed!important}.sike-party-custom-slot.is-empty:after{display:none}.sike-party-custom-slot.is-empty b{font-size:26px;font-weight:400;line-height:1;color:#fff}.sike-party-custom-slot.is-empty span{position:static;display:block;margin-top:-16px;color:#8d949f;font-size:8px}
.sike-party-room-brand{width:128px;height:30px;display:grid;place-items:center;position:relative;z-index:2}.sike-party-room-brand img{display:block;max-width:118px;max-height:25px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,255,255,.08))}.sike-party-room-plus{position:absolute;right:20px;top:13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ff5744;color:#fff;font-size:17px;font-weight:500;line-height:1;box-shadow:0 8px 18px rgba(255,74,54,.28);z-index:3}.sike-party-room-platform small{bottom:10px!important}.sike-party-room-platform em{top:calc(100% + 10px)!important}
.sike-party-invite-slot .sike-party-room-bubble-avatar{background:rgba(20,23,30,.92)!important;border:1px dashed rgba(255,255,255,.22)!important;box-shadow:0 0 0 7px rgba(255,255,255,.02),0 14px 32px rgba(0,0,0,.24)!important;color:#fff!important}.sike-party-invite-slot .sike-party-room-bubble-avatar b{font-size:29px!important;font-weight:300!important;line-height:1!important}.sike-party-invite-slot>span:last-child b{color:#e9ebee!important}.sike-party-invite-slot>span:last-child small{color:#858c96!important}.sike-party-invite-slot:hover .sike-party-room-bubble-avatar{border-color:rgba(255,95,72,.58)!important;background:rgba(35,27,29,.96)!important;box-shadow:0 0 0 7px rgba(255,90,55,.04),0 0 28px rgba(255,75,51,.14)!important}
.sike-party-setting-row,.sike-party-password-row,.sike-party-permissions{border-color:rgba(255,255,255,.07)!important}.sike-party-settings-save{border-radius:12px!important;min-height:44px!important;background:linear-gradient(135deg,#ff654e,#ff4e40)!important;border:0!important;font-weight:900!important;box-shadow:0 10px 28px rgba(255,75,56,.16)!important}
@media(max-width:760px){
 body.sike-v32-mobile-runtime .sike-party-host-settings{padding:14px!important;border-radius:20px!important}
 body.sike-v32-mobile-runtime .sike-party-settings-title{padding-bottom:12px!important;margin-bottom:12px!important} body.sike-v32-mobile-runtime .sike-party-settings-title b{font-size:17px!important}
 body.sike-v32-mobile-runtime .sike-party-host-customize{padding:12px!important;border-radius:17px!important}
 body.sike-v32-mobile-runtime .sike-party-host-custom-slots,body.sike-v32-mobile-runtime .sike-party-custom-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.sike-v32-mobile-runtime .sike-party-room-brand{width:88px;height:22px} body.sike-v32-mobile-runtime .sike-party-room-brand img{max-width:84px;max-height:18px} body.sike-v32-mobile-runtime .sike-party-room-plus{width:18px;height:18px;right:10px;top:8px;font-size:14px}
 body.sike-v32-mobile-runtime .sike-party-invite-slot .sike-party-room-bubble-avatar b{font-size:23px!important}
}


/* SIKE V361 — advanced account center */
.sike-account-v361{max-width:1380px;grid-template-columns:280px minmax(0,1fr);gap:24px;padding-top:48px}
.sike-account-v361 .sike-account-sidebar{background:linear-gradient(180deg,#111419 0%,#0d1014 100%);border-color:#262c33;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.sike-account-v361 .sike-account-content{background:linear-gradient(145deg,#111419 0%,#0d1014 78%);border-color:#262c33;padding:40px;overflow:hidden;position:relative}
.sike-account-v361 .sike-account-content:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,78,54,.12),transparent 68%);right:-180px;top:-190px;pointer-events:none}
.sike-account-avatar.has-image,.site-user-avatar.has-image{padding:0;overflow:hidden;background:#171a1f}
.sike-account-avatar img,.site-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sike-account-online-dot{width:8px;height:8px;border-radius:50%;background:#37e983;box-shadow:0 0 0 4px rgba(55,233,131,.08),0 0 18px rgba(55,233,131,.4);margin-left:auto}
.sike-account-mini-progress{padding:15px 4px 4px}.sike-account-mini-progress>div{display:flex;justify-content:space-between;color:#777f89;font-size:8px;font-weight:850}.sike-account-mini-progress b{color:#cfd4da}.sike-account-mini-progress i{display:block;height:4px;background:#20252b;border-radius:10px;margin-top:8px;overflow:hidden}.sike-account-mini-progress em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4e3c,#ff7a52)}
.sike-account-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;position:relative;z-index:1;padding-bottom:28px;border-bottom:1px solid #252a30}
.sike-account-eyebrow,.sike-account-panel-head>div>span{display:block;color:#ff614d;font-size:9px;letter-spacing:.18em;font-weight:950}
.sike-account-hero h1{font-size:48px;line-height:.94;letter-spacing:-.055em;margin:10px 0 13px}.sike-account-hero h1 em{font-style:normal;color:#747c86}.sike-account-hero p{margin:0;color:#8d949d;font-size:12px}
.sike-account-status-card{min-width:220px;display:flex;align-items:center;gap:11px;background:#15191e;border:1px solid #2b3138;border-radius:16px;padding:14px 16px}.sike-account-status-card>i{width:9px;height:9px;border-radius:50%;background:#3ee984;box-shadow:0 0 16px rgba(62,233,132,.55)}.sike-account-status-card div{flex:1}.sike-account-status-card small,.sike-account-status-card strong{display:block}.sike-account-status-card small{font-size:7px;color:#747d87;letter-spacing:.12em;font-weight:900}.sike-account-status-card strong{font-size:11px;margin-top:4px}.sike-account-status-card>span{color:#63ec90;background:#102f1b;border:1px solid #205832;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}
.sike-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.sike-account-stats article{padding:16px 17px;border:1px solid #272d34;border-radius:15px;background:#12161a}.sike-account-stats small,.sike-account-stats strong,.sike-account-stats span{display:block}.sike-account-stats small{font-size:7px;letter-spacing:.13em;color:#68717c;font-weight:950}.sike-account-stats strong{font-size:15px;margin:8px 0 5px}.sike-account-stats span{font-size:8px;color:#777f89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-account-form.advanced{max-width:none;margin-top:0;gap:14px}.sike-account-panel{border:1px solid #292f36;background:rgba(18,22,27,.82);border-radius:18px;padding:20px}.sike-account-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.sike-account-panel-head h2{font-size:18px;letter-spacing:-.025em;margin:6px 0 5px}.sike-account-panel-head p{font-size:9px;color:#747c86;margin:0;line-height:1.5}
.sike-avatar-editor{display:flex;align-items:center;gap:18px;padding:18px;border-radius:16px;background:#0d1013;border:1px dashed #323941}.sike-avatar-preview{position:relative;width:92px;height:92px;flex:0 0 92px;border:1px solid #343b44;border-radius:28px;background:linear-gradient(145deg,#ff6245,#db3133);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:950;cursor:pointer;overflow:visible;box-shadow:0 20px 48px rgba(240,58,47,.16)}.sike-avatar-preview.has-image{background:#15191e}.sike-avatar-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:27px}.sike-avatar-preview>i{position:absolute;right:-6px;bottom:-6px;width:29px;height:29px;border-radius:10px;background:#ff5a45;color:#fff;border:3px solid #0d1013;display:grid;place-items:center;font-style:normal;font-size:17px}.sike-avatar-actions{min-width:0;flex:1}.sike-avatar-actions>strong,.sike-avatar-actions>small{display:block}.sike-avatar-actions>strong{font-size:15px}.sike-avatar-actions>small{margin:5px 0 13px;color:#737b85;font-size:8.5px}.sike-avatar-actions>div{display:flex;gap:8px}.sike-avatar-upload-btn,.sike-avatar-remove-btn{border:0;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:900;cursor:pointer}.sike-avatar-upload-btn{background:#ff5a45;color:#fff}.sike-avatar-remove-btn{background:#1c2127;color:#c7ccd2;border:1px solid #303740}
.sike-account-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sike-account-fields-grid .wide{grid-column:1/-1}.sike-account-form.advanced label>span{font-size:8px;letter-spacing:.04em}.sike-account-form.advanced input{background:#090b0e;border-color:#2c333b;height:50px}.sike-account-form.advanced input:focus{border-color:#ff604b;box-shadow:0 0 0 3px rgba(255,96,75,.08)}
.sike-account-live-preview{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #282e35;background:#0d1013;border-radius:14px}.sike-account-avatar.preview{width:48px;height:48px;flex-basis:48px;border-radius:15px}.sike-account-live-preview>div{flex:1}.sike-account-live-preview strong,.sike-account-live-preview small{display:block}.sike-account-live-preview strong{font-size:12px}.sike-account-live-preview small{font-size:8px;color:#777f89;margin-top:4px}.sike-account-live-badge{font-size:7px;font-weight:950;letter-spacing:.12em;color:#5feb8c;background:#0e321a;border:1px solid #20572f;border-radius:8px;padding:7px 9px}
.sike-account-form-actions{display:flex;align-items:center;gap:14px;padding-top:2px}.sike-account-form-actions small{font-size:8px;color:#6e7680}.sike-account-save{padding:14px 22px;box-shadow:0 12px 28px rgba(255,84,64,.18)}
@media(max-width:900px){.sike-account-hero{grid-template-columns:1fr}.sike-account-status-card{min-width:0}.sike-account-stats{grid-template-columns:1fr 1fr}.sike-account-stats article:last-child{grid-column:1/-1}.sike-account-fields-grid{grid-template-columns:1fr}.sike-account-fields-grid .wide{grid-column:auto}}
@media(max-width:720px){.sike-account-v361{padding-top:16px}.sike-account-v361 .sike-account-content{padding:22px 15px}.sike-account-v361 .sike-account-sidebar{border-radius:18px}.sike-account-hero h1{font-size:37px}.sike-account-stats{grid-template-columns:1fr}.sike-account-stats article:last-child{grid-column:auto}.sike-avatar-editor{align-items:flex-start;gap:14px}.sike-avatar-preview{width:76px;height:76px;flex-basis:76px;border-radius:22px}.sike-avatar-preview>img{border-radius:21px}.sike-avatar-actions>div{flex-wrap:wrap}.sike-account-panel{padding:16px}.sike-account-panel-head{display:block}.sike-account-panel-head .sike-account-verified{display:inline-block;margin:12px 0 0}.sike-account-form-actions{align-items:flex-start;flex-direction:column}.sike-account-save{width:100%}}

/* V362 app.php connected-account avatar sync */
.sike-v308-user-avatar.has-image{overflow:hidden;background:#111317;border-radius:8px}.sike-v308-user-avatar.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* V363 — hard avatar containment for app.php connected account card.
   Prevents uploaded profile images or global image rules from escaping the 42px avatar slot. */
.sike-v308-user-row{overflow:hidden}
.sike-v308-user-avatar,
.sike-v308-user-avatar.has-image{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;flex:0 0 42px!important;overflow:hidden!important;border-radius:10px!important;position:relative!important;contain:layout paint size!important}
.sike-v308-user-avatar.has-image>img{display:block!important;position:absolute!important;inset:0!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;transform:none!important}


/* SIKE V364 — Journal social hub / stories */
.sike-social-hub{margin:22px 0 30px;padding:26px;border:1px solid #20262c;border-radius:22px;background:radial-gradient(circle at 18% 0,rgba(255,91,69,.09),transparent 26%),linear-gradient(145deg,#11151a,#0b0e11);overflow:hidden}.sike-social-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.sike-social-head h2{margin:6px 0 0;font-size:clamp(30px,4vw,52px);line-height:.95;letter-spacing:-.045em}.sike-social-head p{max-width:440px;margin:0;color:#858e97;line-height:1.55;font-size:13px}.sike-story-rail{display:flex;gap:18px;overflow-x:auto;padding:3px 2px 18px;scrollbar-width:none}.sike-story-rail::-webkit-scrollbar{display:none}.sike-story-pill{min-width:82px;border:0;background:transparent;color:#fff;padding:0;text-align:center;cursor:pointer}.sike-story-ring{width:72px;height:72px;padding:3px;border-radius:50%;display:block;margin:auto;background:conic-gradient(#ff5f45,#ff2d73,#963cff,#ff5f45);transition:.18s}.sike-story-pill:hover .sike-story-ring{transform:translateY(-2px) scale(1.035)}.sike-story-image{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #0e1115;background:center/cover no-repeat}.sike-story-pill b{display:block;margin-top:8px;font-size:10px;white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.sike-story-pill small{display:block;margin-top:3px;font-size:7px;letter-spacing:.13em;color:#747d86}.sike-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sike-social-card{min-height:210px;padding:18px;border:1px solid #252c33;border-radius:17px;background:#0b0f13;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.sike-social-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(55px);opacity:.15;right:-65px;top:-70px;pointer-events:none}.sike-social-card.is-instagram:after{background:#d946ef}.sike-social-card.is-tiktok:after{background:#20d5ec}.sike-social-card.is-youtube:after{background:#ff2d2d}.sike-social-card.is-discord:after{background:#5865f2}.sike-social-card-top{display:flex;justify-content:space-between;align-items:center}.sike-social-icon{font-size:22px;font-weight:900}.sike-social-live{font-size:7px;font-weight:900;letter-spacing:.15em;color:#75808b}.sike-social-card h3{margin:20px 0 3px;font-size:22px;letter-spacing:-.035em}.sike-social-card strong{font-size:10px;color:#ff684e}.sike-social-card p{font-size:11px;line-height:1.5;color:#7f8992;min-height:34px}.sike-social-card a,.sike-social-card button{height:38px;border:1px solid #293039;border-radius:10px;background:#151a20;color:#fff;font:800 10px/1 inherit;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.sike-social-card button[disabled]{opacity:.45}.sike-story-viewer{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.86);backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px}.sike-story-viewer[hidden]{display:none!important}.sike-story-shell{width:min(440px,100%);height:min(780px,calc(100dvh - 36px));border-radius:22px;background:#080a0d;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 100px rgba(0,0,0,.6)}.sike-story-media{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.02)}.sike-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.23),transparent 38%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.82))}.sike-story-progress{position:absolute;z-index:4;left:14px;right:52px;top:14px;display:flex;gap:4px}.sike-story-progress i{height:3px;flex:1;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden}.sike-story-progress i b{display:block;width:0;height:100%;background:#fff}.sike-story-progress i.done b{width:100%}.sike-story-progress i.active b{animation:sikeStoryProgress 6.5s linear forwards}@keyframes sikeStoryProgress{to{width:100%}}.sike-story-close{position:absolute;z-index:6;right:10px;top:5px;width:38px;height:38px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.sike-story-hit{position:absolute;z-index:3;top:45px;bottom:150px;width:38%;border:0;background:transparent;cursor:pointer}.sike-story-hit.prev{left:0}.sike-story-hit.next{right:0}.sike-story-copy{position:absolute;z-index:5;left:24px;right:24px;bottom:24px;color:#fff}.sike-story-copy>span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#ff6950}.sike-story-copy h3{margin:8px 0;font-size:34px;line-height:.96;letter-spacing:-.045em}.sike-story-copy p{margin:0 0 15px;color:#d0d4d8;font-size:12px;line-height:1.55}.sike-story-copy a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0 16px;background:#fff;color:#050505;text-decoration:none;font-size:10px;font-weight:900}.sike-story-open{overflow:hidden}.sike-story-open body{overflow:hidden}
@media(max-width:900px){.sike-social-grid{grid-template-columns:repeat(2,1fr)}.sike-social-head{align-items:flex-start;flex-direction:column;gap:10px}.sike-social-head p{max-width:600px}}
@media(max-width:620px){.sike-social-hub{margin-left:-2px;margin-right:-2px;padding:18px 14px;border-radius:18px}.sike-story-rail{gap:13px}.sike-story-pill{min-width:72px}.sike-story-ring{width:64px;height:64px}.sike-social-grid{grid-template-columns:1fr 1fr;gap:8px}.sike-social-card{min-height:190px;padding:14px}.sike-social-card h3{font-size:19px}.sike-social-card p{font-size:10px}.sike-story-viewer{padding:0;background:#000}.sike-story-shell{width:100%;height:100dvh;border:0;border-radius:0}.sike-story-copy{bottom:max(24px,env(safe-area-inset-bottom));left:20px;right:20px}}
\n\n/* =====================================================================
   SIKE V371 — PREMIUM PAGE HEADER / CLOSE LOCK
   Keep the complete SIKE top chrome visible while Premium is open.
   ===================================================================== */
body.sike-premium-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.sike-premium-open .site-demo-ribbon,
body.sike-premium-open .announcement,
body.sike-premium-open .site-header{
  position:fixed!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  transform:none!important;
}
body.sike-premium-open .site-demo-ribbon{top:0!important;z-index:2147483646!important}
body.sike-premium-open .announcement{top:var(--sike-premium-ribbon-h,0px)!important;z-index:2147483645!important}
body.sike-premium-open .site-header{
  top:calc(var(--sike-premium-ribbon-h,0px) + var(--sike-premium-announcement-h,0px))!important;
  z-index:2147483644!important;
  box-shadow:0 8px 28px rgba(0,0,0,.34)!important;
}
body.sike-premium-open .sike-premium-modal{
  inset:var(--sike-premium-chrome-h,0px) 0 0 0!important;
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - var(--sike-premium-chrome-h,0px))!important;
  z-index:2147483600!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.sike-premium-open .sike-premium-page{min-height:100%!important}
body.sike-premium-open .sike-premium-close{
  position:fixed!important;
  top:calc(var(--sike-premium-chrome-h,0px) + 14px)!important;
  right:max(16px,env(safe-area-inset-right))!important;
  z-index:2147483638!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.24)!important;border-radius:50%!important;
  background:rgba(8,10,12,.94)!important;color:#fff!important;opacity:1!important;visibility:visible!important;
  font-size:25px!important;line-height:1!important;
  box-shadow:0 10px 35px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body.sike-premium-open .sike-premium-close:hover{border-color:rgba(255,255,255,.48)!important;background:#16191e!important;transform:scale(1.04)!important}
body.sike-premium-open .sike-premium-gradient-hero{padding-top:clamp(74px,8vw,104px)!important}
@media(max-width:720px){
  body.sike-premium-open .desktop-nav{display:none!important}
  body.sike-premium-open .sike-premium-modal{max-height:calc(100dvh - var(--sike-premium-chrome-h,0px))!important}
  body.sike-premium-open .sike-premium-close{
    top:calc(var(--sike-premium-chrome-h,0px) + 10px)!important;
    right:max(10px,env(safe-area-inset-right))!important;
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:23px!important;
  }
  body.sike-premium-open .sike-premium-gradient-hero{min-height:auto!important;padding:74px 18px 42px!important}
  body.sike-premium-open .sike-premium-gradient-hero h2{font-size:clamp(38px,12vw,52px)!important}
  body.sike-premium-open .sike-premium-plans{padding:42px 16px 64px!important}
}

/* SIKE V372 — live party chat */
.sike-party-chat-toggle{height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(12,14,19,.88);color:#fff;display:flex;align-items:center;gap:7px;font:inherit;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.18s ease}
.sike-party-chat-toggle:hover,.sike-party-chat-toggle.active{border-color:rgba(255,92,69,.5);background:rgba(255,78,55,.12);transform:translateY(-1px)}
.sike-party-chat-toggle span{font-size:14px}.sike-party-chat-toggle b{font-size:9px;letter-spacing:.04em}.sike-party-chat-toggle small{width:8px;height:8px;border-radius:50%;background:#ff543f;color:transparent;box-shadow:0 0 14px rgba(255,84,63,.75)}
.sike-party-chat-panel{position:absolute;right:18px;bottom:18px;width:min(380px,calc(100% - 36px));height:330px;z-index:30;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,rgba(15,17,22,.97),rgba(6,8,12,.97));box-shadow:0 26px 80px rgba(0,0,0,.55),0 0 35px rgba(255,67,44,.08);backdrop-filter:blur(24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.sike-party-chat-panel[hidden]{display:none!important}
.sike-party-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.sike-party-chat-head>div{min-width:0;display:grid;gap:2px}.sike-party-chat-head span{font-size:7px;line-height:1;color:#ff624d;font-weight:950;letter-spacing:.2em}.sike-party-chat-head b{font-size:15px;line-height:1.2}.sike-party-chat-head small{font-size:8px;color:#7e8793;line-height:1.35}.sike-party-chat-head button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#11151b;color:#fff;font-size:18px;cursor:pointer}
.sike-party-chat-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 8px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}
.sike-party-chat-empty{margin:auto;color:#747d89;font-size:10px;text-align:center;padding:20px}
.sike-party-chat-message{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px}.sike-party-chat-message.is-self{grid-template-columns:minmax(0,1fr) 30px}.sike-party-chat-message.is-self>.sike-party-chat-avatar{grid-column:2}.sike-party-chat-message.is-self>div{grid-column:1;grid-row:1;text-align:right;justify-items:end}
.sike-party-chat-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#ff654e,#dc315a);font-size:10px;font-weight:950;color:#fff;border:1px solid rgba(255,255,255,.12)}.sike-party-chat-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sike-party-chat-message>div{min-width:0;display:grid;gap:4px}.sike-party-chat-message>div>span{display:flex;align-items:center;gap:5px;min-width:0}.sike-party-chat-message.is-self>div>span{justify-content:flex-end}.sike-party-chat-message>div>span b{font-size:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sike-party-chat-message>div>span i{font-style:normal;font-size:6px;font-weight:950;letter-spacing:.12em;color:#ff654f}.sike-party-chat-message>div>span small{font-size:6px;color:#636b76}
.sike-party-chat-message p{margin:0;max-width:260px;width:max-content;padding:8px 10px;border-radius:4px 13px 13px 13px;background:#171b22;color:#edf0f4;font-size:10px;line-height:1.38;overflow-wrap:anywhere;white-space:pre-wrap}.sike-party-chat-message.is-self p{border-radius:13px 4px 13px 13px;background:linear-gradient(135deg,#ff5844,#e74255);color:#fff}.sike-party-chat-message.is-host:not(.is-self) p{border-color:rgba(255,87,62,.18);box-shadow:inset 2px 0 #ff5844}
.sike-party-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.07);background:rgba(5,7,10,.72)}.sike-party-chat-form input{min-width:0;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0d1015;color:#fff;padding:0 12px;font-size:10px;outline:none}.sike-party-chat-form input:focus{border-color:rgba(255,88,66,.6);box-shadow:0 0 0 3px rgba(255,88,66,.08)}.sike-party-chat-form button{height:38px;padding:0 14px;border:0;border-radius:12px;background:#ff5844;color:#fff;font-size:9px;font-weight:950;cursor:pointer}.sike-party-chat-form button:hover{filter:brightness(1.06)}
body.sike-v32-mobile-runtime .sike-party-chat-toggle{height:38px;padding:0 9px;border-radius:12px}body.sike-v32-mobile-runtime .sike-party-chat-toggle b{display:none}
body.sike-v32-mobile-runtime .sike-party-chat-panel{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;height:calc(100% - 58px)!important;max-height:365px!important;border-radius:18px!important}
body.sike-v32-mobile-runtime .sike-party-chat-head{padding:12px 13px 10px}body.sike-v32-mobile-runtime .sike-party-chat-head b{font-size:14px}body.sike-v32-mobile-runtime .sike-party-chat-messages{padding:10px}body.sike-v32-mobile-runtime .sike-party-chat-message p{max-width:min(245px,70vw);font-size:10px}body.sike-v32-mobile-runtime .sike-party-chat-form{padding:8px}body.sike-v32-mobile-runtime .sike-party-chat-form input,body.sike-v32-mobile-runtime .sike-party-chat-form button{height:42px;font-size:12px}

/* SIKE V373 — inline party messages + transient member bubbles */
.sike-party-inline-message{height:46px;min-width:250px;max-width:330px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(12,14,19,.9);box-shadow:0 12px 30px rgba(0,0,0,.2);backdrop-filter:blur(16px)}
.sike-party-inline-message[hidden]{display:none!important}.sike-party-inline-message>span{font-size:13px;opacity:.9}.sike-party-inline-message input{min-width:0;width:100%;height:34px;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:inherit;font-size:10px!important;padding:0!important;box-shadow:none!important}.sike-party-inline-message input::placeholder{color:#8b929d;opacity:1}.sike-party-inline-message button{width:32px;height:32px;border:0;border-radius:10px;background:#ff5844;color:#fff;font-size:14px;font-weight:950;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,filter .16s ease}.sike-party-inline-message button:hover{transform:translateX(1px);filter:brightness(1.08)}
.sike-party-room-bubble .sike-party-live-message{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);z-index:20;max-width:190px;min-width:48px;width:max-content;padding:8px 11px;border-radius:14px 14px 14px 4px;background:#fff;color:#101116!important;text-align:left!important;font-size:10px!important;font-weight:800!important;line-height:1.25;letter-spacing:0!important;text-transform:none!important;white-space:normal;overflow-wrap:anywhere;box-shadow:0 12px 28px rgba(0,0,0,.38);pointer-events:none;animation:sikePartyMessagePop 2.5s cubic-bezier(.2,.75,.25,1) both}
.sike-party-room-bubble.is-self .sike-party-live-message{background:#ff5844;color:#fff!important;border-radius:14px 14px 4px 14px}.sike-party-room-bubble .sike-party-live-message:after{content:"";position:absolute;left:21px;bottom:-6px;border:7px solid transparent;border-top-color:#fff;border-bottom:0}.sike-party-room-bubble.is-self .sike-party-live-message:after{left:auto;right:21px;border-top-color:#ff5844}
@keyframes sikePartyMessagePop{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.88)}10%,78%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.96)}}
body.sike-v32-mobile-runtime .sike-party-room-social{align-items:center!important;flex-wrap:wrap!important;justify-content:flex-start!important}body.sike-v32-mobile-runtime .sike-party-inline-message{order:10;flex:1 1 100%;width:100%;max-width:none;min-width:0;height:42px;border-radius:13px}body.sike-v32-mobile-runtime .sike-party-inline-message input{font-size:11px!important}body.sike-v32-mobile-runtime .sike-party-inline-message button{width:30px;height:30px;border-radius:9px}body.sike-v32-mobile-runtime .sike-party-room-bubble .sike-party-live-message{max-width:142px;padding:7px 9px;font-size:9px!important;bottom:calc(100% - 1px)}

/* SIKE V377 — dedicated Party Discovery experience */
.sike-music-scroll.is-party-discovery-mode .sike-music-quick-grid{display:none!important}
.sike-party-discovery-panel.sike-discovery-experience{
  padding:0!important;
  margin:14px 0 22px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 16%,rgba(255,82,63,.18),transparent 28%),
    linear-gradient(145deg,#111214 0%,#0b0c0e 62%,#111016 100%)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
}
.sike-discovery-hero{min-height:310px;padding:38px 42px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:34px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.sike-discovery-hero:before{content:"";position:absolute;inset:auto -8% -55% 15%;height:260px;border:1px solid rgba(255,86,66,.18);border-radius:50%;transform:perspective(600px) rotateX(72deg);box-shadow:0 0 80px rgba(255,73,52,.08)}
.sike-discovery-hero-copy{position:relative;z-index:2;max-width:680px}
.sike-discovery-eyebrow{display:flex;align-items:center;gap:9px;color:#ff6352;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.sike-discovery-eyebrow i,.sike-discovery-live i{width:7px;height:7px;border-radius:50%;background:#35ee94;box-shadow:0 0 14px rgba(53,238,148,.7)}
.sike-discovery-hero h3{margin:0;color:#fff;font-size:clamp(34px,4.2vw,62px);line-height:.96;letter-spacing:-.055em;font-weight:950;max-width:650px}
.sike-discovery-hero p{margin:20px 0 0;color:#9ea3ad;font-size:15px;line-height:1.55;max-width:590px}
.sike-discovery-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.sike-discovery-actions button{border:0;border-radius:999px;min-height:45px;padding:0 20px;font-weight:900;font-size:12px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.sike-discovery-actions button:hover{transform:translateY(-2px)}
.sike-discovery-actions .primary{background:linear-gradient(135deg,#ff5b45,#ff3e51);color:white;box-shadow:0 12px 30px rgba(255,72,63,.2)}
.sike-discovery-actions .ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff}
.sike-discovery-orbit{width:250px;height:250px;justify-self:center;position:relative;display:grid;place-items:center;z-index:2}
.sike-discovery-orbit:before{content:"";position:absolute;width:106px;height:106px;border-radius:50%;background:radial-gradient(circle,#ff604e 0 3%,#29151a 42%,#0d0f12 72%);border:1px solid rgba(255,97,77,.52);box-shadow:0 0 70px rgba(255,76,57,.28)}
.sike-discovery-orbit b{position:relative;z-index:2;color:#fff;font-size:24px;letter-spacing:-.07em;font-style:italic}
.sike-discovery-orbit .ring{position:absolute;border:1px solid rgba(255,95,76,.23);border-radius:50%;transform:rotate(-12deg)}
.sike-discovery-orbit .ring-one{width:190px;height:92px}.sike-discovery-orbit .ring-two{width:244px;height:130px;opacity:.55}
.sike-discovery-orbit .pulse{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.85)}
.sike-discovery-orbit .p1{left:23px;top:105px}.sike-discovery-orbit .p2{right:35px;top:56px}.sike-discovery-orbit .p3{right:20px;bottom:62px}
.sike-discovery-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:30px 38px 18px}
.sike-discovery-section-head span{display:block;color:#ff6352;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:5px}
.sike-discovery-section-head h4{margin:0;color:#fff;font-size:25px;letter-spacing:-.03em}
.sike-discovery-live{display:flex;align-items:center;gap:8px;color:#8e959f;font-size:11px;font-weight:750}
.sike-discovery-experience .sike-party-discovery-grid{padding:0 38px 30px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:12px!important}
.sike-discovery-experience .sike-party-room-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;box-shadow:none!important}
.sike-discovery-experience .sike-party-discovery-empty{grid-column:1/-1;min-height:145px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:20px;color:#7e858f;background:rgba(255,255,255,.018)}
.sike-discovery-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.08)}
.sike-discovery-footer-grid article{display:flex;gap:14px;padding:23px 25px;background:#0c0d0f;min-height:105px}
.sike-discovery-footer-grid article>span{color:#ff5b49;font-size:11px;font-weight:900;letter-spacing:.1em;margin-top:2px}
.sike-discovery-footer-grid b{display:block;color:#fff;font-size:13px;margin-bottom:6px}.sike-discovery-footer-grid p{margin:0;color:#747b85;font-size:11px;line-height:1.45}
@media(max-width:760px){
 .sike-party-discovery-panel.sike-discovery-experience{border-radius:22px!important;margin:10px 0 18px!important}
 .sike-discovery-hero{min-height:auto;padding:26px 20px 24px;grid-template-columns:1fr;gap:14px}
 .sike-discovery-hero h3{font-size:39px;max-width:330px}
 .sike-discovery-hero p{font-size:13px;margin-top:14px}
 .sike-discovery-orbit{position:absolute;width:150px;height:150px;right:-32px;top:4px;opacity:.5;pointer-events:none}
 .sike-discovery-orbit:before{width:72px;height:72px}.sike-discovery-orbit .ring-one{width:120px;height:58px}.sike-discovery-orbit .ring-two{width:150px;height:78px}.sike-discovery-orbit b{font-size:17px}
 .sike-discovery-actions{margin-top:20px;position:relative;z-index:3}.sike-discovery-actions button{flex:1;min-width:140px}
 .sike-discovery-section-head{padding:23px 18px 14px;align-items:center}.sike-discovery-section-head h4{font-size:22px}.sike-discovery-live{font-size:10px}
 .sike-discovery-experience .sike-party-discovery-grid{padding:0 16px 20px!important;grid-template-columns:1fr!important}
 .sike-discovery-footer-grid{grid-template-columns:1fr}.sike-discovery-footer-grid article{min-height:0;padding:17px 18px}
}

/* V383 account devices */.sike-device-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.sike-device-type-tabs[hidden]{display:none!important}.sike-device-type-tabs button{min-height:62px;border:1px solid #292e35;background:#15181d;color:#fff;border-radius:15px;padding:9px 14px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.sike-device-type-tabs button.active{background:linear-gradient(110deg,#ff7441,#ff4d38);border-color:transparent}.sike-device-type-tabs button>span:last-child{display:grid;gap:2px}.sike-device-type-tabs strong{font-size:11px}.sike-device-type-tabs small{font-size:8px;color:#8e959e}.sike-device-type-tabs button.active small{color:rgba(255,255,255,.72)}.sike-device-tab-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#0b0d10;display:grid;place-items:center;font-weight:950}.has-devices .sike-v132-device-dock .sike-ios-device-switcher{display:none!important}@media(max-width:760px){.sike-v132-device-dock{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.sike-device-type-tabs{width:100%;gap:7px}.sike-device-type-tabs button{min-height:58px;padding:8px 10px}.sike-device-tab-icon{width:32px;height:32px;flex-basis:32px}}
\n\n/* SIKE V384 — zero-device onboarding */\n.sike-empty-device-onboarding{margin-top:14px;border:1px solid #292d33;border-radius:22px;background:linear-gradient(145deg,#111418,#0b0d10);padding:20px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px;box-shadow:0 18px 44px rgba(0,0,0,.18)}\n.sike-empty-device-onboarding[hidden]{display:none!important}\n.sike-empty-device-add{display:flex;align-items:center;gap:18px;padding:14px 16px}.sike-empty-device-plus{width:78px;height:78px;flex:0 0 78px;border-radius:22px;border:1px dashed #5b626d;background:#171b20;color:#fff;font-size:42px;font-weight:300;line-height:1;cursor:pointer;transition:.18s ease}.sike-empty-device-plus:hover{background:#ff583e;border-color:#ff583e;transform:translateY(-2px)}\n.sike-empty-device-add span{font-size:9px;letter-spacing:.16em;color:#ff694e;font-weight:900}.sike-empty-device-add h2{margin:5px 0 5px;font-size:22px;line-height:1.05}.sike-empty-device-add p{margin:0;color:#8c949e;font-size:11px;line-height:1.5;max-width:330px}\n.sike-empty-bluetooth-list{border:1px solid #252a30;background:#0e1115;border-radius:18px;padding:10px;display:grid;gap:7px}.sike-empty-list-head{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 8px}.sike-empty-list-head strong{font-size:11px}.sike-empty-list-head small{font-size:8px;color:#777f88;text-transform:uppercase;letter-spacing:.1em}\n.sike-empty-bluetooth-device{width:100%;border:1px solid #252a31;background:#15191e;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:13px 1fr 28px;align-items:center;gap:10px;color:#fff;text-align:left;cursor:pointer;transition:.16s ease}.sike-empty-bluetooth-device:hover{border-color:#ff654a;background:#1b1f24}.sike-empty-bluetooth-device span:nth-child(2){display:grid;gap:2px}.sike-empty-bluetooth-device b{font-size:11px}.sike-empty-bluetooth-device small{font-size:8px;color:#8c949e}.sike-empty-bluetooth-device em{width:28px;height:28px;border-radius:9px;background:#242a31;display:grid;place-items:center;font-style:normal;font-size:17px}.bt-dot{width:9px;height:9px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 4px rgba(57,217,138,.08)}.bt-dot.battery{background:#ff9a48;box-shadow:0 0 0 4px rgba(255,154,72,.08)}\n.no-devices .sike-ios-hero-head [data-product-title],.no-devices .sike-ios-hero-head [data-product-subtitle],.no-devices .sike-ios-hero-head [data-connection-label],.no-devices .sike-ios-hero-head [data-power-toggle]{display:none!important}.no-devices .sike-ios-connected{display:none!important}.no-devices [data-product-stage]{display:none!important}.no-devices .sike-v132-device-dock{margin-bottom:0}.no-devices .sike-ios-device-switcher{display:none!important}\n@media(max-width:760px){.sike-empty-device-onboarding{grid-template-columns:1fr;padding:13px;border-radius:18px;gap:11px}.sike-empty-device-add{padding:8px 5px;align-items:flex-start}.sike-empty-device-plus{width:62px;height:62px;flex-basis:62px;border-radius:18px;font-size:34px}.sike-empty-device-add h2{font-size:18px}.sike-empty-device-add p{font-size:10px}.sike-empty-bluetooth-list{padding:8px;border-radius:15px}.sike-empty-bluetooth-device{padding:10px}.sike-empty-bluetooth-device b{font-size:10px}.sike-empty-bluetooth-device small{font-size:7.5px}}\n
/* SIKE V384 — zero-device onboarding */
.sike-empty-device-onboarding{margin-top:14px;border:1px solid #292d33;border-radius:22px;background:linear-gradient(145deg,#111418,#0b0d10);padding:20px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.sike-empty-device-onboarding[hidden]{display:none!important}.sike-empty-device-add{display:flex;align-items:center;gap:18px;padding:14px 16px}.sike-empty-device-plus{width:78px;height:78px;flex:0 0 78px;border-radius:22px;border:1px dashed #5b626d;background:#171b20;color:#fff;font-size:42px;font-weight:300;line-height:1;cursor:pointer;transition:.18s ease}.sike-empty-device-plus:hover{background:#ff583e;border-color:#ff583e;transform:translateY(-2px)}.sike-empty-device-add span{font-size:9px;letter-spacing:.16em;color:#ff694e;font-weight:900}.sike-empty-device-add h2{margin:5px 0;font-size:22px;line-height:1.05}.sike-empty-device-add p{margin:0;color:#8c949e;font-size:11px;line-height:1.5;max-width:330px}.sike-empty-bluetooth-list{border:1px solid #252a30;background:#0e1115;border-radius:18px;padding:10px;display:grid;gap:7px}.sike-empty-list-head{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 8px}.sike-empty-list-head strong{font-size:11px}.sike-empty-list-head small{font-size:8px;color:#777f88;text-transform:uppercase;letter-spacing:.1em}.sike-empty-bluetooth-device{width:100%;border:1px solid #252a31;background:#15191e;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:13px 1fr 28px;align-items:center;gap:10px;color:#fff;text-align:left;cursor:pointer;transition:.16s ease}.sike-empty-bluetooth-device:hover{border-color:#ff654a;background:#1b1f24}.sike-empty-bluetooth-device span:nth-child(2){display:grid;gap:2px}.sike-empty-bluetooth-device b{font-size:11px}.sike-empty-bluetooth-device small{font-size:8px;color:#8c949e}.sike-empty-bluetooth-device em{width:28px;height:28px;border-radius:9px;background:#242a31;display:grid;place-items:center;font-style:normal;font-size:17px}.bt-dot{width:9px;height:9px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 4px rgba(57,217,138,.08)}.bt-dot.battery{background:#ff9a48;box-shadow:0 0 0 4px rgba(255,154,72,.08)}.no-devices .sike-ios-hero-head [data-product-title],.no-devices .sike-ios-hero-head [data-product-subtitle],.no-devices .sike-ios-hero-head [data-connection-label],.no-devices .sike-ios-hero-head [data-power-toggle]{display:none!important}.no-devices .sike-ios-connected{display:none!important}.no-devices [data-product-stage]{display:none!important}.no-devices .sike-ios-device-switcher{display:none!important}@media(max-width:760px){.sike-empty-device-onboarding{grid-template-columns:1fr;padding:13px;border-radius:18px;gap:11px}.sike-empty-device-add{padding:8px 5px;align-items:flex-start}.sike-empty-device-plus{width:62px;height:62px;flex-basis:62px;border-radius:18px;font-size:34px}.sike-empty-device-add h2{font-size:18px}.sike-empty-device-add p{font-size:10px}.sike-empty-bluetooth-list{padding:8px;border-radius:15px}.sike-empty-bluetooth-device{padding:10px}.sike-empty-bluetooth-device b{font-size:10px}.sike-empty-bluetooth-device small{font-size:7.5px}}
\n\n/* SIKE V388 — restore old My devices + absolutely no product render with zero devices */\n.sike-device-type-tabs{display:none!important}\n.no-devices .sike-v132-device-dock .sike-ios-device-switcher{display:flex!important}\n.no-devices .sike-v132-device-dock{display:grid!important}\n.no-devices .sike-ios-hero-head{display:none!important}\n.no-devices [data-product-stage],\n.no-devices .sike-ios-product-stage,\n.no-devices .sike-builder-live-stage,\n.no-devices .sike-ios-status-row,\n.no-devices .sike-app-live-strip,\n.no-devices [data-speaker-controls],\n.no-devices .sike-ios-speaker-controls{display:none!important}\n.no-devices .sike-empty-device-onboarding{display:none!important}\n/* Mobile: keep the original My devices scan strip, hide the empty SIKE ONE hero completely. */\n@media(max-width:760px){\n  .no-devices > .sike-ios-shell > .sike-ios-device-switcher,\n  .no-devices .sike-ios-shell > .sike-ios-device-switcher{display:flex!important}\n  .no-devices .sike-ios-view[data-view="home"] > .sike-ios-hero-card{display:none!important}\n  .no-devices .sike-ios-view[data-view="home"] > .sike-empty-devices{display:block!important}\n}\n
/* SIKE V389 — clean zero-device dashboard: no product render, center empty-state */
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  place-items:center!important;
  gap:0!important;
}
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-ios-hero-card,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-ios-speaker-controls,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-ios-powercell-controls,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-feature-dashboard-grid,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-ios-device-card,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-live-analytics,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"] .sike-ios-product-stage,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"] .sike-builder-live-stage,
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"] [data-product-stage],
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"] .sike-builder-live-frame{
  display:none!important;
  visibility:hidden!important;
}
body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-empty-devices{
  display:flex!important;
  grid-column:1!important;
  grid-row:1!important;
  width:min(760px,100%)!important;
  min-height:560px!important;
  margin:0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:52px clamp(24px,5vw,76px)!important;
}
body.sike-ios-app-page .no-devices .sike-empty-devices > p{
  margin-left:auto!important;
  margin-right:auto!important;
}
body.sike-ios-app-page .no-devices .sike-empty-actions,
body.sike-ios-app-page .no-devices .sike-empty-points{
  justify-content:center!important;
}
@media(max-width:760px){
  body.sike-ios-app-page .no-devices .sike-ios-view[data-view="home"].active > .sike-empty-devices{
    width:100%!important;
    min-height:430px!important;
    padding:28px 18px!important;
    border-radius:20px!important;
  }
}


/* SIKE V390 — hard zero-device runtime layout */
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"].active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:calc(100vh - 210px)!important;
  padding:24px!important;
}
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"].active > .sike-ios-hero-card,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-ios-product-stage,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-builder-live-stage,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] [data-product-stage],
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] [data-product-frame],
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-ios-status-row,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-app-live-strip,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-device-deck,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-ios-speaker-controls,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"] .sike-ios-powercell-controls{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"].active > .sike-empty-devices{
  display:flex!important;
  position:relative!important;
  inset:auto!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
  min-height:540px!important;
  margin:0 auto!important;
  padding:52px clamp(24px,5vw,76px)!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
body.sike-ios-app-page .sike-ios-app.no-devices .sike-empty-devices h2,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-empty-devices p{
  margin-left:auto!important;
  margin-right:auto!important;
}
body.sike-ios-app-page .sike-ios-app.no-devices .sike-empty-actions,
body.sike-ios-app-page .sike-ios-app.no-devices .sike-empty-points{
  justify-content:center!important;
}
@media(max-width:760px){
  body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"].active{
    min-height:calc(100dvh - 150px)!important;
    padding:14px!important;
  }
  body.sike-ios-app-page .sike-ios-app.no-devices .sike-ios-view[data-view="home"].active > .sike-empty-devices{
    width:100%!important;
    min-height:430px!important;
    padding:30px 18px!important;
  }
}
\n\n/* SIKE V391 — correct centered SIKEVENTURES brand in zero-device state */\n.sike-empty-devices .sike-empty-orbit{display:none!important}\n.sike-empty-brand{width:min(330px,72vw);height:auto;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}\n.sike-empty-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.28))}\nbody.sike-ios-app-page .sike-ios-app.no-devices .sike-empty-brand{margin-left:auto!important;margin-right:auto!important}\n@media(max-width:760px){.sike-empty-brand{width:min(255px,72vw);margin-bottom:20px}}\n

/* SIKE V392 — compact official logo in zero-device onboarding */
.sike-empty-brand{
  width:min(210px,52vw)!important;
  max-width:210px!important;
  height:58px!important;
  margin:0 auto 24px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sike-empty-brand img{
  width:100%!important;
  max-width:210px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:760px){
  .sike-empty-brand{
    width:min(180px,58vw)!important;
    max-width:180px!important;
    height:50px!important;
    margin-bottom:20px!important;
  }
  .sike-empty-brand img{
    max-width:180px!important;
    height:50px!important;
  }
}


/* SIKE V393 — POWERCELL product uses exact SIKE App 3D runtime */
.powercell-product-page-v80 .product-360-shell{
  background:
    radial-gradient(circle at 50% 48%,rgba(255,82,48,.13),transparent 29%),
    linear-gradient(180deg,#0d1116 0%,#0a0d11 100%)!important;
}
.powercell-product-page-v80 .product-360-frame{
  background:transparent!important;
}
.powercell-product-page-v80 .product-360-toolbar{
  display:none!important;
}
.powercell-product-page-v80 .product-360-shell:after{
  content:"DRAG TO ROTATE  ·  SCROLL / PINCH TO ZOOM"!important;
  bottom:18px!important;
}
@media(max-width:760px){
  .powercell-product-page-v80 .product-360-shell:after{
    bottom:12px!important;
  }
}


/* SIKE V394 — visible shared POWERCELL 3D renderer on product.php */
.powercell-product-page-v80 .product-360-shell{
  background:
    radial-gradient(circle at 50% 48%,rgba(255,82,48,.14),transparent 31%),
    linear-gradient(180deg,#0d1116 0%,#090c10 100%)!important;
}
.powercell-product-page-v80 .product-360-frame{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  min-height:520px!important;
  background:transparent!important;
}
@media(max-width:760px){
  .powercell-product-page-v80 .product-360-frame{
    min-height:390px!important;
  }
}


/* SIKE V396 — connected devices visible + mobile Music device row */
.has-devices .sike-v132-device-dock .sike-ios-device-switcher{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.has-devices .sike-v132-device-dock{
  display:grid!important;
  grid-template-columns:minmax(110px,.22fr) minmax(0,1fr)!important;
  gap:12px!important;
}
.has-devices .sike-v132-device-dock .sike-connected-device-wrap:not([hidden]),
.has-devices .sike-v132-device-dock .sike-connected-device-card:not([hidden]){
  display:flex!important;
}
.sike-mobile-music-devices{display:none}
@media(max-width:760px){
  .sike-mobile-music-devices{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 12px 10px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    background:#0d1014;
    border-bottom:1px solid #20252b;
    position:sticky;
    top:var(--sike-music-topbar-height,0px);
    z-index:16;
  }
  .sike-mobile-music-devices::-webkit-scrollbar{display:none}
  .sike-mobile-music-devices-label{
    flex:0 0 auto;
    font-size:8px;
    font-weight:900;
    letter-spacing:.14em;
    color:#737b85;
    padding-right:2px;
  }
  .sike-mobile-music-device{
    flex:0 0 auto;
    min-width:142px;
    height:48px;
    border:1px solid #292f36;
    background:#15191e;
    color:#fff;
    border-radius:13px;
    padding:5px 9px 5px 6px;
    display:flex;
    align-items:center;
    gap:8px;
    text-align:left;
  }
  .sike-mobile-music-device.active{
    border-color:#ff654b;
    box-shadow:0 0 0 1px rgba(255,101,75,.12) inset;
  }
  .sike-mobile-device-thumb{
    width:36px;height:36px;flex:0 0 36px;
    display:grid;place-items:center;
    border-radius:9px;background:#0b0d10;overflow:hidden;
  }
  .sike-mobile-device-thumb img{width:100%;height:100%;object-fit:contain}
  .sike-mobile-music-device>span:nth-child(2){display:grid;gap:1px;min-width:0}
  .sike-mobile-music-device strong{font-size:9px;white-space:nowrap}
  .sike-mobile-music-device small{font-size:7px;color:#8f98a3}
  .sike-mobile-music-device>i{
    width:6px;height:6px;border-radius:50%;background:#39d98a;
    box-shadow:0 0 0 3px rgba(57,217,138,.08);margin-left:auto;
  }
  .sike-mobile-music-device-add{
    flex:0 0 40px;width:40px;height:40px;border-radius:12px;
    border:1px dashed #39414b;background:#15191e;color:#fff;font-size:22px;
  }
  .sike-mobile-music-devices.is-empty .sike-mobile-music-devices-label{display:none}
  .sike-mobile-music-devices.is-empty .sike-mobile-music-device-add{
    width:auto;flex:0 0 auto;padding:0 14px;font-size:18px;
  }
  .sike-mobile-music-devices.is-empty .sike-mobile-music-device-add:after{
    content:" Add device";font-size:9px;font-weight:800;margin-left:5px;
  }

  /* Mobile dashboard: paired devices must remain visible above the active product. */
  .has-devices > .sike-ios-shell > .sike-ios-device-switcher,
  .has-devices .sike-ios-shell > .sike-ios-device-switcher{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* SIKE V398 — instant pairing / faster app boot */
.sike-pair-products button{will-change:transform}
.sike-pair-products button.pairing{pointer-events:none;opacity:.72}
.sike-pair-products button.pairing em{font-size:0}
.sike-pair-products button.pairing em:after{
  content:"";
  display:block;
  width:14px;height:14px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  animation:sikePairSpin .55s linear infinite;
}
@keyframes sikePairSpin{to{transform:rotate(360deg)}}
[data-product-frame].switching{opacity:.985}


/* SIKE V400 — device management */
.sike-connected-device-wrap{position:relative}
.sike-device-remove{
  width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:rgba(7,9,12,.88);color:#fff;display:grid;place-items:center;cursor:pointer;
  font-size:15px;line-height:1;transition:.16s ease;z-index:5
}
.sike-connected-device-wrap>.sike-device-remove{position:absolute;top:6px;right:6px}
.sike-device-remove:hover{background:#ff563e;border-color:#ff563e;transform:scale(1.04)}
.sike-connected-device-card{padding-right:34px!important}
.sike-remove-modal[hidden]{display:none!important}
.sike-remove-modal{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);backdrop-filter:blur(12px);
  display:grid;place-items:center;padding:18px
}
.sike-remove-card{
  width:min(440px,100%);background:#11151a;border:1px solid #2b3138;border-radius:20px;
  padding:24px;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.48)
}
.sike-remove-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:#ff674d}
.sike-remove-card h3{margin:8px 0 10px;font-size:24px;line-height:1.05}
.sike-remove-card p{margin:0;color:#929aa4;font-size:12px;line-height:1.55}
.sike-remove-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}
.sike-remove-actions button{border:1px solid #30363d;background:#171b20;color:#fff;border-radius:12px;padding:11px 15px;font-weight:800}
.sike-remove-actions .danger{background:#ff563e;border-color:#ff563e}
@media(max-width:760px){
  .sike-ios-device-switcher>.sike-device-remove.mobile{
    flex:0 0 28px;width:28px;height:28px;margin-left:-18px;margin-right:4px;align-self:center
  }
  .sike-remove-card h3{font-size:20px}
}


/* ==========================================================
   SIKE V401 — desktop My devices sizing + visible remove X
   ========================================================== */
@media(min-width:761px){

  /* The dock owns only the title + device carousel. Do not let one card
     consume the entire second grid column. */
  body.sike-ios-app-page .sike-v132-device-dock{
    grid-template-columns:190px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
  }

  body.sike-ios-app-page .sike-v132-device-dock .sike-ios-device-switcher,
  body.sike-ios-app-page .sike-v132-device-dock .sike-device-strip{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin;
    padding:0 4px 2px 0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Scan card stays compact. */
  body.sike-ios-app-page .sike-v132-device-dock .sike-scan-device-card{
    flex:0 0 215px!important;
    width:215px!important;
    min-width:215px!important;
    max-width:215px!important;
    min-height:64px!important;
    height:64px!important;
    box-sizing:border-box!important;
  }

  /* Every paired device is its own compact tile. */
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap,
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap:not([hidden]){
    position:relative!important;
    flex:0 0 230px!important;
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
    height:64px!important;
    min-height:64px!important;
    display:block!important;
    overflow:visible!important;
  }

  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap[hidden]{
    display:none!important;
  }

  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-card,
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-card:not([hidden]){
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
    height:64px!important;
    min-height:64px!important;
    box-sizing:border-box!important;
    padding:7px 42px 7px 9px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-card .device-thumb{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex:0 0 46px!important;
  }

  /* The X sits on the tile itself and is always visible. */
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap > .sike-device-remove{
    position:absolute!important;
    top:50%!important;
    right:9px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    padding:0!important;
    margin:0!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    visibility:visible!important;
    opacity:.82!important;
    pointer-events:auto!important;
    z-index:30!important;
    background:rgba(6,8,11,.64)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1!important;
  }

  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap:hover > .sike-device-remove,
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap > .sike-device-remove:hover,
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-wrap > .sike-device-remove:focus-visible{
    opacity:1!important;
    background:#ff563e!important;
    border-color:#ff765f!important;
    transform:translateY(-50%) scale(1.04)!important;
  }

  /* Active orange tile is limited to the tile – never the whole row. */
  body.sike-ios-app-page .sike-v132-device-dock .sike-connected-device-card.active{
    flex:none!important;
    width:230px!important;
    max-width:230px!important;
  }
}

/* Keep the mobile carousel behavior untouched and make X comfortable to tap. */
@media(max-width:760px){
  body.sike-ios-app-page .sike-ios-device-switcher{
    overflow-x:auto!important;
  }
  body.sike-ios-app-page .sike-device-remove{
    visibility:visible!important;
    opacity:.9!important;
    pointer-events:auto!important;
  }
}


/* SIKE V402 — POWERCELL stays inside Dashboard right sidebar */
.sike-ios-app.dashboard-battery-sidebar [data-speaker-controls]{
  display:none!important;
}
.sike-ios-app.dashboard-battery-sidebar [data-powercell-controls]{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
.sike-ios-app.dashboard-battery-sidebar [data-powercell-controls] > .sike-ios-card{
  width:100%!important;
  box-sizing:border-box!important;
}
.sike-ios-app.dashboard-battery-sidebar .sike-open-battery-center.is-dashboard-active{
  cursor:default!important;
  border-color:rgba(255,95,65,.28)!important;
}
.sike-ios-app.dashboard-battery-sidebar .sike-open-battery-center.is-dashboard-active b{
  color:#3fd68b!important;
}
@media(min-width:761px){
  .sike-ios-app.dashboard-battery-sidebar [data-powercell-controls]{
    grid-column:2!important;
    align-self:start!important;
    min-width:0!important;
  }
}
@media(max-width:760px){
  .sike-ios-app.dashboard-battery-sidebar [data-powercell-controls]{
    width:100%!important;
    margin:0!important;
  }
}


/* SIKE V405 — V402 base + advanced POWERCELL sidebar */
@media(min-width:761px){
  .sike-v132-device-dock{
    grid-template-columns:220px minmax(0,1fr)!important;
    align-items:start!important;
  }
  .sike-v132-device-dock-title{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
  }
  .sike-v405-scan-under-title{margin-top:7px;width:100%}
  .sike-v405-scan-under-title .sike-scan-device-card{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:54px!important;min-height:54px!important;padding:6px 8px!important;border-radius:12px!important
  }
  .sike-v405-scan-under-title .sike-scan-radar{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .sike-v405-scan-under-title .sike-scan-copy strong{font-size:9px!important}
  .sike-v405-scan-under-title .sike-scan-copy em{font-size:6.5px!important}
}
.sike-v405-mobile-scan-under-title{display:none}
@media(max-width:760px){
  .sike-v405-mobile-scan-under-title{display:block;width:100%;margin-top:9px}
  .sike-v405-mobile-scan-under-title .sike-scan-device-card{
    width:100%!important;min-width:0!important;height:54px!important;padding:6px 8px!important;border-radius:13px!important
  }
}

.sike-v405-battery-controls{margin-top:14px;padding-top:14px;border-top:1px solid #262c32;display:grid;gap:10px}
.sike-v405-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.sike-v405-section-head>div{display:grid;gap:2px}
.sike-v405-section-head span{font-size:7px;font-weight:950;letter-spacing:.16em;color:#ff684d}
.sike-v405-section-head strong{font-size:12px;color:#fff}
.sike-v405-section-head>small{font-size:7px;color:#747d87}
.sike-v405-power-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sike-v405-power-presets button{min-height:54px;border:1px solid #2a3037;background:#0d1115;color:#fff;border-radius:12px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}
.sike-v405-power-presets button>i{width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#1a2026;display:grid;place-items:center;font-style:normal}
.sike-v405-power-presets button>span{display:grid;gap:1px}
.sike-v405-power-presets b{font-size:9px}
.sike-v405-power-presets small{font-size:6.5px;color:#7f8892}
.sike-v405-power-presets button.active{background:linear-gradient(135deg,#ff6848,#ff4f38);border-color:transparent}
.sike-v405-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sike-v405-setting{border:1px solid #282e35;background:#0d1115;border-radius:11px;padding:8px;display:grid;gap:7px}
.sike-v405-setting>span{display:grid;gap:1px}
.sike-v405-setting b{font-size:8px}.sike-v405-setting small{font-size:6.5px;color:#737c86}
.sike-v405-setting select{width:100%;height:30px;border:1px solid #303741;background:#171c22;color:#fff;border-radius:8px;padding:0 8px;font-size:8px}
.sike-v405-toggle-grid{display:grid;gap:6px}
.sike-v405-toggle-grid button{width:100%;min-height:45px;border:1px solid #282e35;background:#0d1115;color:#fff;border-radius:11px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.sike-v405-toggle-grid button>span{display:grid;gap:1px}
.sike-v405-toggle-grid b{font-size:8px}.sike-v405-toggle-grid small{font-size:6.5px;color:#737c86}
.sike-v405-toggle-grid button>i{min-width:34px;height:22px;border-radius:999px;background:#252b32;color:#87909a;display:grid;place-items:center;font-size:6px;font-style:normal}
.sike-v405-toggle-grid button.on>i{background:#174b37;color:#4ee19b}
.sike-v405-battery-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sike-v405-battery-actions button{height:34px;border:1px solid #2d343c;background:#151a20;color:#fff;border-radius:10px;font-size:7px;font-weight:850}
.sike-ios-app.dashboard-battery-sidebar .sike-live-analytics{display:none!important}

.sike-builder-live-frame.switching{opacity:.10!important;transition:opacity .10s ease!important}
.sike-builder-live-frame:not(.switching){opacity:1!important;transition:opacity .16s ease!important}
.sike-ios-app.powercell-selected .sike-ios-product-stage{
  background:radial-gradient(circle at 50% 48%,rgba(255,92,54,.12),transparent 30%),#0b0f14!important
}

@media(max-width:760px){
  .sike-v405-setting-grid{grid-template-columns:1fr}
  .sike-v405-battery-actions{grid-template-columns:1fr}
}


/* =========================================================
   SIKE V406 — Music profile + social/device/party bubbles
   ========================================================= */
.sike-v406-music-header-extras{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:8px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#101317;
}
.sike-v406-music-user{display:flex;align-items:center}
.sike-v406-profile-bubble{
  width:38px;height:38px;flex:0 0 38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
  background:#171b20;
  padding:0;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#fff;
  cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.22);
}
.sike-v406-profile-bubble img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.sike-v406-profile-fallback{
  width:100%;height:100%;display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#ff704d,#ff4d39);
  color:#fff;
  font-weight:900;font-size:15px;
}
.sike-v406-quick-bubbles{
  display:flex;align-items:center;justify-content:flex-end;
  gap:7px;min-width:0;
}
.sike-v406-quick-bubble{
  height:34px;
  min-width:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#171b20;
  color:#fff;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  transition:.15s ease;
  white-space:nowrap;
}
.sike-v406-quick-bubble>span{
  font-size:12px;line-height:1;
}
.sike-v406-quick-bubble>small{
  font-size:7px;
  font-weight:850;
  color:#98a0a9;
  letter-spacing:.02em;
}
.sike-v406-quick-bubble:hover{
  border-color:#ff654b;
  transform:translateY(-1px);
}
.sike-v406-quick-bubble.party{
  background:rgba(255,91,64,.10);
  border-color:rgba(255,91,64,.28);
}
.sike-v406-quick-bubble.party>small{color:#ff755d}
.sike-v406-quick-bubble.social{
  width:34px;min-width:34px;padding:0;
}
.sike-v406-quick-bubble.social>small{display:none}

/* Desktop: place compact row exactly below the main SIKE MUSIC topbar */
@media(min-width:761px){
  .sike-v406-music-header-extras{
    min-height:48px;
    padding-left:14px;
    padding-right:14px;
  }
}

/* Mobile: always directly under Playing From Playlist / Music topbar */
@media(max-width:760px){
  .sike-v406-music-header-extras{
    position:sticky;
    top:var(--sike-music-topbar-height,0px);
    z-index:17;
    padding:7px 10px;
    gap:9px;
    overflow:hidden;
  }
  .sike-v406-profile-bubble{
    width:34px;height:34px;flex-basis:34px;
  }
  .sike-v406-quick-bubbles{
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    justify-content:flex-start;
    flex:1;
  }
  .sike-v406-quick-bubbles::-webkit-scrollbar{display:none}
  .sike-v406-quick-bubble{
    height:31px;
    min-width:31px;
    padding:0 8px;
  }
  .sike-v406-quick-bubble.social{
    width:31px;min-width:31px;
  }
  .sike-v406-quick-bubble>small{font-size:6.5px}
}


/* =========================================================
   SIKE V407 — correct user avatar in SIKE MUSIC
   ========================================================= */
.sike-v406-profile-bubble,
.sike-v407-sidebar-avatar{
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#171b20!important;
  flex:0 0 auto!important;
}
.sike-v406-profile-bubble{
  width:38px!important;height:38px!important;
}
.sike-v407-sidebar-avatar{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28)!important;
}
.sike-v406-profile-bubble img,
.sike-v407-sidebar-avatar img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.sike-v406-profile-fallback,
.sike-v407-sidebar-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff704d,#ff4d39)!important;
  color:#fff!important;
  font-weight:900!important;
}
.has-photo .sike-v406-profile-fallback,
.has-photo .sike-v407-sidebar-fallback{
  display:none!important;
}

/* Remove the old red S mark in the music rail when the V407 avatar is present. */
.sike-music-rail:has([data-music-sidebar-avatar]) .sike-music-rail-logo > .sike-logo-letter,
.sike-music-rail:has([data-music-sidebar-avatar]) .sike-music-rail-logo > .sike-avatar-fallback,
.sike-music-sidebar:has([data-music-sidebar-avatar]) .sike-avatar-fallback{
  display:none!important;
}

/* Prevent broken/tiny image artifact below avatar. */
[data-music-profile-image][hidden],
[data-music-sidebar-image][hidden]{
  display:none!important;
}
.sike-v407-sidebar-avatar-wrap{
  width:100%;
  display:grid;
  justify-items:center;
  gap:4px;
  padding:10px 0 8px;
}
.sike-v407-sidebar-avatar-wrap>small{
  font-size:6px;
  letter-spacing:.12em;
  color:#737b84;
  font-weight:800;
}

@media(max-width:760px){
  .sike-v406-profile-bubble{width:34px!important;height:34px!important}
  .sike-v407-sidebar-avatar{width:38px!important;height:38px!important}
}


/* =========================================================
   SIKE V408 — single correct profile avatar in Music
   ========================================================= */
.sike-v408-sidebar-profile{
  width:100%;
  display:grid;
  justify-items:center;
  gap:4px;
  padding:8px 0 10px;
}
.sike-v408-sidebar-profile>small{
  font-size:6px;
  letter-spacing:.12em;
  font-weight:850;
  color:#6f7882;
}
.sike-v408-sidebar-avatar,
.sike-v406-profile-bubble{
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#171b20!important;
  border:1px solid rgba(255,255,255,.12)!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.sike-v408-sidebar-avatar{
  width:42px!important;
  height:42px!important;
}
.sike-v406-profile-bubble{
  width:38px!important;
  height:38px!important;
}
.sike-v408-sidebar-avatar img,
.sike-v406-profile-bubble img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.sike-v408-sidebar-fallback,
.sike-v406-profile-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff704d,#ff4d39)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:15px!important;
}

/* When photo exists, never show S fallback */
.has-photo .sike-v408-sidebar-fallback,
.has-photo .sike-v406-profile-fallback{
  display:none!important;
}

/* Hide old duplicate red S avatar blocks from pre-V408 Music rail/header. */
.sike-music-rail .sike-music-rail-logo,
.sike-music-sidebar .sike-music-rail-logo,
.sike-music-rail .sike-music-avatar,
.sike-music-sidebar .sike-music-avatar,
.sike-music-rail .sike-rail-avatar,
.sike-music-sidebar .sike-rail-avatar{
  display:none!important;
}

/* Never display broken hidden image artifacts */
[data-music-profile-image][hidden],
[data-music-sidebar-image][hidden]{
  display:none!important;
}

@media(max-width:760px){
  .sike-v408-sidebar-avatar{width:38px!important;height:38px!important}
  .sike-v406-profile-bubble{width:34px!important;height:34px!important}
}


/* =========================================================
   SIKE V409 — one avatar only + shortcuts in search bar
   ========================================================= */

/* Completely remove old extra avatar zones from the Music content area. */
.sike-v406-music-header-extras,
.sike-v406-music-user,
.sike-v406-profile-bubble,
.sike-v407-sidebar-avatar,
.sike-v407-sidebar-avatar-wrap{
  display:none!important;
}

/* The V408 sidebar avatar is the ONLY Music avatar. */
.sike-v408-sidebar-profile{
  display:grid!important;
  justify-items:center!important;
}
.sike-v408-sidebar-avatar{
  display:grid!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.sike-v408-sidebar-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}

/* Hide any legacy red-S bubbles remaining elsewhere inside SIKE MUSIC. */
.sike-music-shell > .sike-avatar-fallback,
.sike-music-main .sike-avatar-fallback,
.sike-music-topbar .sike-avatar-fallback,
.sike-music-content .sike-avatar-fallback,
.sike-music-topbar [data-music-profile],
.sike-music-main [data-music-profile]{
  display:none!important;
}

/* Search-row shortcuts */
.sike-music-topbar{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.sike-v409-search-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.sike-v409-search-bubble{
  height:32px;
  min-width:32px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#171b20;
  color:#fff;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  white-space:nowrap;
  transition:.15s ease;
}
.sike-v409-search-bubble>span{
  font-size:11px;
  line-height:1;
}
.sike-v409-search-bubble>small{
  font-size:7px;
  font-weight:850;
  color:#98a0a9;
}
.sike-v409-search-bubble.social{
  width:32px;
  min-width:32px;
  padding:0;
}
.sike-v409-search-bubble.party{
  background:rgba(255,91,64,.10);
  border-color:rgba(255,91,64,.30);
}
.sike-v409-search-bubble.party>small{
  color:#ff765f;
}
.sike-v409-search-bubble:hover{
  border-color:#ff654b;
  transform:translateY(-1px);
}

/* Let search field keep the available space. */
.sike-music-topbar .sike-music-search,
.sike-music-topbar .music-search,
.sike-music-topbar form{
  flex:1 1 auto!important;
  min-width:0!important;
}

@media(max-width:760px){
  .sike-v408-sidebar-avatar{
    width:38px!important;
    height:38px!important;
  }
  .sike-v409-search-actions{
    gap:5px;
    max-width:58vw;
    overflow-x:auto;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
  }
  .sike-v409-search-actions::-webkit-scrollbar{display:none}
  .sike-v409-search-bubble{
    height:30px;
    min-width:30px;
    padding:0 8px;
  }
  .sike-v409-search-bubble.social{
    width:30px;
    min-width:30px;
  }
  .sike-v409-search-bubble>small{
    font-size:6.5px;
  }
}


/* =========================================================
   SIKE V410 — exactly one sidebar avatar, server-rendered
   from the same user.avatar field as the top navbar
   ========================================================= */
.sike-v406-profile-bubble,
.sike-v406-music-user,
.sike-v407-sidebar-avatar,
.sike-v407-sidebar-avatar-wrap,
.sike-v408-sidebar-profile,
.sike-v408-sidebar-avatar{
  display:none!important;
}

.sike-v410-sidebar-profile{
  width:100%;
  display:grid;
  justify-items:center;
  gap:4px;
  padding:8px 0 10px;
}
.sike-v410-sidebar-profile>small{
  font-size:6px;
  letter-spacing:.12em;
  font-weight:850;
  color:#737b84;
}
.sike-v410-sidebar-avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  background:#171b20;
  display:grid;
  place-items:center;
  color:#fff;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(0,0,0,.28);
}
.sike-v410-sidebar-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.sike-v410-sidebar-avatar>span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff704d,#ff4d39);
  color:#fff;
  font-size:16px;
  font-weight:900;
}

/* Kill old hard-coded red S logo/fallback children in Music rail. */
.sike-music-rail-brand > span:not(.sike-v410-sidebar-profile *),
.sike-music-rail-brand > b{
  display:none!important;
}

@media(max-width:760px){
  .sike-v410-sidebar-avatar{
    width:40px;
    height:40px;
  }
}


/* =========================================================
   SIKE V411 — polished SIKE MUSIC left sidebar
   SAME width / footprint, clearer icons and states
   ========================================================= */

/* Never alter rail width from the existing V410 layout. */
.sike-music-rail,
.sike-music-sidebar{
  width:var(--sike-music-rail-width,92px)!important;
  min-width:var(--sike-music-rail-width,92px)!important;
  max-width:var(--sike-music-rail-width,92px)!important;
}

/* Slightly cleaner inner rhythm without making the bar larger. */
.sike-music-rail,
.sike-music-sidebar{
  background:
    linear-gradient(180deg,rgba(13,16,20,.98),rgba(9,12,15,.99))!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:10px 0 30px rgba(0,0,0,.08)!important;
}

/* Profile zone */
.sike-v410-sidebar-profile{
  padding-top:10px!important;
  padding-bottom:12px!important;
  gap:5px!important;
}
.sike-v410-sidebar-avatar{
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.025),
    0 7px 20px rgba(0,0,0,.34)!important;
}
.sike-v410-sidebar-profile>small{
  font-size:6.2px!important;
  letter-spacing:.14em!important;
  color:#8a929c!important;
}

/* Main nav items */
.sike-music-rail nav a,
.sike-music-rail nav button,
.sike-music-sidebar nav a,
.sike-music-sidebar nav button,
.sike-music-rail .sike-music-nav-item,
.sike-music-sidebar .sike-music-nav-item{
  min-height:54px!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:6px 4px!important;
  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease,
    color .16s ease!important;
  border:1px solid transparent!important;
}

/* Make all sidebar icon containers significantly clearer. */
.sike-music-rail nav svg,
.sike-music-sidebar nav svg,
.sike-music-rail .sike-music-nav-item svg,
.sike-music-sidebar .sike-music-nav-item svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  stroke-width:2!important;
  opacity:.92!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.04))!important;
}

/* Font/icon based symbols */
.sike-music-rail nav i,
.sike-music-sidebar nav i,
.sike-music-rail nav .icon,
.sike-music-sidebar nav .icon,
.sike-music-rail .sike-music-nav-item>span:first-child,
.sike-music-sidebar .sike-music-nav-item>span:first-child{
  font-size:16px!important;
  line-height:1!important;
  opacity:.96!important;
}

/* Existing small labels stay compact but become more readable. */
.sike-music-rail nav small,
.sike-music-sidebar nav small,
.sike-music-rail nav .label,
.sike-music-sidebar nav .label,
.sike-music-rail .sike-music-nav-item small,
.sike-music-sidebar .sike-music-nav-item small{
  font-size:6.6px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:#8e97a1!important;
}

/* Hover state */
.sike-music-rail nav a:hover,
.sike-music-rail nav button:hover,
.sike-music-sidebar nav a:hover,
.sike-music-sidebar nav button:hover,
.sike-music-rail .sike-music-nav-item:hover,
.sike-music-sidebar .sike-music-nav-item:hover{
  background:#151a20!important;
  border-color:rgba(255,255,255,.07)!important;
  transform:translateY(-1px)!important;
}
.sike-music-rail nav a:hover svg,
.sike-music-rail nav button:hover svg,
.sike-music-sidebar nav a:hover svg,
.sike-music-sidebar nav button:hover svg{
  opacity:1!important;
}

/* Active state: more obvious without changing size. */
.sike-music-rail nav a.active,
.sike-music-rail nav button.active,
.sike-music-sidebar nav a.active,
.sike-music-sidebar nav button.active,
.sike-music-rail .sike-music-nav-item.active,
.sike-music-sidebar .sike-music-nav-item.active,
.sike-music-rail [aria-current="page"],
.sike-music-sidebar [aria-current="page"]{
  background:
    linear-gradient(180deg,#1b2026,#171b20)!important;
  border-color:rgba(255,104,75,.18)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,104,75,.03),
    0 8px 24px rgba(0,0,0,.18)!important;
}
.sike-music-rail nav a.active svg,
.sike-music-rail nav button.active svg,
.sike-music-sidebar nav a.active svg,
.sike-music-sidebar nav button.active svg,
.sike-music-rail [aria-current="page"] svg,
.sike-music-sidebar [aria-current="page"] svg{
  color:#ff654b!important;
  stroke:#ff654b!important;
  opacity:1!important;
}
.sike-music-rail nav a.active small,
.sike-music-rail nav button.active small,
.sike-music-sidebar nav a.active small,
.sike-music-sidebar nav button.active small,
.sike-music-rail [aria-current="page"] small,
.sike-music-sidebar [aria-current="page"] small{
  color:#fff!important;
}

/* Playlist section separator */
.sike-music-rail .playlists,
.sike-music-sidebar .playlists,
.sike-music-rail [data-playlists],
.sike-music-sidebar [data-playlists]{
  border-top:1px solid rgba(255,255,255,.07)!important;
  padding-top:12px!important;
  margin-top:10px!important;
}
.sike-music-rail .playlists-title,
.sike-music-sidebar .playlists-title{
  font-size:6.3px!important;
  letter-spacing:.17em!important;
  color:#717a85!important;
  font-weight:850!important;
}

/* Playlist add button clearer */
.sike-music-rail .playlist-add,
.sike-music-sidebar .playlist-add,
.sike-music-rail [data-create-playlist],
.sike-music-sidebar [data-create-playlist]{
  border-color:#323942!important;
  background:#14191f!important;
  color:#fff!important;
  border-radius:10px!important;
}

/* Playlist cards */
.sike-music-rail .playlist-card,
.sike-music-sidebar .playlist-card,
.sike-music-rail [data-playlist-item],
.sike-music-sidebar [data-playlist-item]{
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:#11151a!important;
  transition:.15s ease!important;
}
.sike-music-rail .playlist-card:hover,
.sike-music-sidebar .playlist-card:hover,
.sike-music-rail [data-playlist-item]:hover,
.sike-music-sidebar [data-playlist-item]:hover{
  background:#171c22!important;
  border-color:rgba(255,255,255,.08)!important;
}
.sike-music-rail .playlist-card.active,
.sike-music-sidebar .playlist-card.active,
.sike-music-rail [data-playlist-item].active,
.sike-music-sidebar [data-playlist-item].active{
  border-color:rgba(255,99,72,.24)!important;
  background:#181719!important;
}

/* Premium button: clearer but still compact */
.sike-music-rail .premium,
.sike-music-sidebar .premium,
.sike-music-rail [data-premium],
.sike-music-sidebar [data-premium]{
  border:1px solid rgba(255,94,66,.45)!important;
  background:linear-gradient(180deg,rgba(255,94,66,.08),rgba(255,94,66,.03))!important;
  color:#ff765e!important;
  font-weight:850!important;
  border-radius:12px!important;
}

/* Bottom collapse/back control */
.sike-music-rail .rail-collapse,
.sike-music-sidebar .rail-collapse,
.sike-music-rail [data-rail-collapse],
.sike-music-sidebar [data-rail-collapse]{
  color:#88919a!important;
  opacity:.9!important;
}

/* Focus accessibility */
.sike-music-rail button:focus-visible,
.sike-music-rail a:focus-visible,
.sike-music-sidebar button:focus-visible,
.sike-music-sidebar a:focus-visible{
  outline:2px solid rgba(255,101,75,.58)!important;
  outline-offset:2px!important;
}

/* Mobile keeps same narrow footprint; just scale icon clarity slightly. */
@media(max-width:760px){
  .sike-music-rail,
  .sike-music-sidebar{
    width:var(--sike-music-rail-width,82px)!important;
    min-width:var(--sike-music-rail-width,82px)!important;
    max-width:var(--sike-music-rail-width,82px)!important;
  }
  .sike-music-rail nav svg,
  .sike-music-sidebar nav svg{
    width:16px!important;
    height:16px!important;
  }
  .sike-music-rail nav small,
  .sike-music-sidebar nav small{
    font-size:6.3px!important;
  }
}


/* =========================================================
   SIKE V412 — larger, clearer primary Music nav icons
   Width unchanged
   ========================================================= */

/* Stronger icon size for the five primary rail actions */
.sike-music-rail nav a,
.sike-music-rail nav button,
.sike-music-sidebar nav a,
.sike-music-sidebar nav button{
  gap:6px!important;
}

/* SVG icons */
.sike-music-rail nav svg,
.sike-music-sidebar nav svg{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  stroke-width:2.25!important;
  opacity:1!important;
  color:#aeb6bf!important;
  stroke:#aeb6bf!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.05))!important;
}

/* Non-SVG / font icons */
.sike-music-rail nav i,
.sike-music-sidebar nav i,
.sike-music-rail nav .icon,
.sike-music-sidebar nav .icon{
  font-size:20px!important;
  line-height:1!important;
  opacity:1!important;
  color:#aeb6bf!important;
}

/* Labels clearer but still compact */
.sike-music-rail nav small,
.sike-music-sidebar nav small,
.sike-music-rail nav .label,
.sike-music-sidebar nav .label{
  font-size:6.8px!important;
  font-weight:850!important;
  color:#9aa3ad!important;
}

/* HOME = full orange filled state */
.sike-music-rail nav a.active,
.sike-music-rail nav button.active,
.sike-music-sidebar nav a.active,
.sike-music-sidebar nav button.active,
.sike-music-rail [aria-current="page"],
.sike-music-sidebar [aria-current="page"]{
  background:#1a1f25!important;
  border-color:rgba(255,105,75,.18)!important;
}

/* Active icon itself fully orange */
.sike-music-rail nav a.active svg,
.sike-music-rail nav button.active svg,
.sike-music-sidebar nav a.active svg,
.sike-music-sidebar nav button.active svg,
.sike-music-rail [aria-current="page"] svg,
.sike-music-sidebar [aria-current="page"] svg{
  color:#ff613f!important;
  stroke:#ff613f!important;
  fill:#ff613f!important;
  opacity:1!important;
  filter:drop-shadow(0 0 7px rgba(255,97,63,.22))!important;
}

/* Keep details/holes readable on icons that should not be fully filled,
   but make Home unmistakably solid orange. */
.sike-music-rail nav a.active:first-child svg,
.sike-music-rail nav button.active:first-child svg,
.sike-music-sidebar nav a.active:first-child svg,
.sike-music-sidebar nav button.active:first-child svg,
.sike-music-rail nav a[data-view="home"].active svg,
.sike-music-sidebar nav a[data-view="home"].active svg,
.sike-music-rail [data-view="home"].active svg,
.sike-music-sidebar [data-view="home"].active svg{
  fill:#ff613f!important;
  stroke:#ff613f!important;
}

/* For lucide-style Home icon, emphasize the inner house shape */
.sike-music-rail nav a.active:first-child svg path,
.sike-music-rail nav button.active:first-child svg path,
.sike-music-sidebar nav a.active:first-child svg path,
.sike-music-sidebar nav button.active:first-child svg path,
.sike-music-rail [data-view="home"].active svg path,
.sike-music-sidebar [data-view="home"].active svg path{
  fill:#ff613f!important;
  stroke:#ff613f!important;
}

/* Non-active icons stay much more visible than before */
.sike-music-rail nav a:not(.active):not([aria-current="page"]) svg,
.sike-music-rail nav button:not(.active):not([aria-current="page"]) svg,
.sike-music-sidebar nav a:not(.active):not([aria-current="page"]) svg,
.sike-music-sidebar nav button:not(.active):not([aria-current="page"]) svg{
  color:#b5bec7!important;
  stroke:#b5bec7!important;
  fill:none!important;
  opacity:1!important;
}

/* Liked heart can be slightly more substantial even inactive */
.sike-music-rail nav [data-view="liked"] svg,
.sike-music-sidebar nav [data-view="liked"] svg,
.sike-music-rail nav [data-filter="liked"] svg,
.sike-music-sidebar nav [data-filter="liked"] svg{
  stroke-width:2.45!important;
}

/* History/Recent + Queue get extra clarity */
.sike-music-rail nav [data-view="recent"] svg,
.sike-music-sidebar nav [data-view="recent"] svg,
.sike-music-rail nav [data-view="queue"] svg,
.sike-music-sidebar nav [data-view="queue"] svg{
  stroke-width:2.35!important;
}

/* Hover increases brightness without changing footprint */
.sike-music-rail nav a:hover svg,
.sike-music-rail nav button:hover svg,
.sike-music-sidebar nav a:hover svg,
.sike-music-sidebar nav button:hover svg{
  color:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
}

/* Active label */
.sike-music-rail nav a.active small,
.sike-music-rail nav button.active small,
.sike-music-sidebar nav a.active small,
.sike-music-sidebar nav button.active small,
.sike-music-rail [aria-current="page"] small,
.sike-music-sidebar [aria-current="page"] small{
  color:#fff!important;
}

/* Mobile: same visual improvement, same width */
@media(max-width:760px){
  .sike-music-rail nav svg,
  .sike-music-sidebar nav svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    stroke-width:2.3!important;
  }
  .sike-music-rail nav i,
  .sike-music-sidebar nav i,
  .sike-music-rail nav .icon,
  .sike-music-sidebar nav .icon{
    font-size:19px!important;
  }
}


/* =========================================================
   SIKE V413 — Premium hero/banner full text visibility
   ========================================================= */

/* Modal/overlay must begin below the fixed site header, never underneath it. */
.sike-premium-modal,
.sike-premium-overlay,
[data-premium-modal]{
  padding-top:calc(var(--site-header-height, 104px) + 18px)!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

/* Premium inner shell must not be vertically translated/cropped. */
.sike-premium-modal .sike-premium-shell,
.sike-premium-overlay .sike-premium-shell,
[data-premium-modal] .sike-premium-shell,
.sike-premium-modal .premium-shell,
.sike-premium-overlay .premium-shell{
  margin-top:0!important;
  transform:none!important;
  min-height:0!important;
  overflow:visible!important;
}

/* Hero gets enough top room for the full headline. */
.sike-premium-hero,
.premium-hero,
[data-premium-hero]{
  padding-top:72px!important;
  padding-bottom:70px!important;
  min-height:360px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Make sure all hero copy is visible and not clipped by inherited line-height/height. */
.sike-premium-hero h1,
.sike-premium-hero h2,
.premium-hero h1,
.premium-hero h2,
[data-premium-hero] h1,
[data-premium-hero] h2{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  line-height:.94!important;
  margin-top:0!important;
  padding-top:0!important;
  white-space:normal!important;
}

/* Close button always remains visible above the hero/content. */
.sike-premium-modal [data-premium-close],
.sike-premium-overlay [data-premium-close],
[data-premium-modal] [data-premium-close],
.sike-premium-close{
  position:fixed!important;
  top:calc(var(--site-header-height, 104px) + 18px)!important;
  right:22px!important;
  z-index:10050!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Desktop: ensure first content block begins below header with breathing room. */
@media(min-width:761px){
  .sike-premium-modal,
  .sike-premium-overlay,
  [data-premium-modal]{
    padding-top:122px!important;
  }
  .sike-premium-hero,
  .premium-hero,
  [data-premium-hero]{
    padding-top:78px!important;
    min-height:390px!important;
  }
  .sike-premium-modal [data-premium-close],
  .sike-premium-overlay [data-premium-close],
  [data-premium-modal] [data-premium-close],
  .sike-premium-close{
    top:122px!important;
  }
}

/* Mobile: header is shorter, keep full title visible without wasting space. */
@media(max-width:760px){
  .sike-premium-modal,
  .sike-premium-overlay,
  [data-premium-modal]{
    padding-top:82px!important;
  }
  .sike-premium-hero,
  .premium-hero,
  [data-premium-hero]{
    padding-top:54px!important;
    padding-bottom:48px!important;
    min-height:320px!important;
  }
  .sike-premium-hero h1,
  .sike-premium-hero h2,
  .premium-hero h1,
  .premium-hero h2,
  [data-premium-hero] h1,
  [data-premium-hero] h2{
    line-height:.98!important;
  }
  .sike-premium-modal [data-premium-close],
  .sike-premium-overlay [data-premium-close],
  [data-premium-modal] [data-premium-close],
  .sike-premium-close{
    top:88px!important;
    right:14px!important;
  }
}


/* SIKE V414 — HOTFIX 2 featured news */
.sike-hotfix2-featured{
  width:min(1480px,calc(100% - 32px));
  margin:28px auto 42px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  min-height:620px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b0d10;
  overflow:hidden;
}
.sike-hotfix2-visual{
  position:relative;overflow:hidden;min-height:620px;
  background:
    radial-gradient(circle at 64% 48%,rgba(255,86,53,.26),transparent 24%),
    linear-gradient(135deg,#170b08 0%,#2a0f09 44%,#090b0e 100%);
}
.sike-hotfix2-visual:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:58px 58px;
}
.sike-hotfix2-orbit{
  position:absolute;border:1px solid rgba(255,96,62,.22);border-radius:50%;
  left:50%;top:50%;transform:translate(-50%,-50%);
}
.sike-hotfix2-orbit.one{width:420px;height:420px}
.sike-hotfix2-orbit.two{width:620px;height:620px;border-color:rgba(255,255,255,.06)}
.sike-hotfix2-badge{
  position:absolute;top:34px;left:34px;padding:9px 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);background:rgba(10,12,14,.72);
  font-size:9px;font-weight:950;letter-spacing:.16em;color:#ff6b4d;
}
.sike-hotfix2-mark{
  position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);
  font-size:clamp(84px,10vw,168px);font-weight:950;letter-spacing:-.07em;color:#fff;
  text-shadow:0 0 50px rgba(255,91,55,.22);
}
.sike-hotfix2-version{
  position:absolute;left:34px;bottom:34px;font-size:8px;letter-spacing:.18em;color:#777f88;font-weight:850;
}
.sike-hotfix2-copy{
  background:#f3f0e9;color:#0b0c0d;padding:54px 56px 46px;display:flex;flex-direction:column;
}
.sike-hotfix2-meta{display:flex;justify-content:space-between;gap:16px;font-size:8px;font-weight:950;letter-spacing:.16em}
.sike-hotfix2-meta span{color:#ff5b3d}.sike-hotfix2-meta time{color:#686868}
.sike-hotfix2-copy h1{
  margin:44px 0 24px;font-size:clamp(58px,6.6vw,108px);line-height:.83;
  letter-spacing:-.065em;text-transform:uppercase;max-width:820px;
}
.sike-hotfix2-copy>p{font-size:18px;line-height:1.48;color:#5d6166;max-width:620px}
.sike-hotfix2-chips{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 38px}
.sike-hotfix2-chips span{padding:8px 10px;border:1px solid #d0ccc5;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.12em}
.sike-hotfix2-read{
  margin-top:auto;border-top:1px solid #bbb7b0;padding-top:22px;display:flex;align-items:center;
  justify-content:space-between;color:#0b0c0d;text-decoration:none;text-transform:uppercase;
  font-size:11px;font-weight:950;letter-spacing:.08em;
}
.sike-hotfix2-read b{font-size:26px;font-weight:500}

.sike-hotfix2-detail{width:min(1180px,calc(100% - 32px));margin:36px auto 70px}
.sike-hotfix2-back{display:inline-flex;margin-bottom:28px;color:#8d959e;text-decoration:none;font-size:9px;font-weight:850}
.sike-hotfix2-detail-head{border-bottom:1px solid #262b30;padding-bottom:34px;margin-bottom:38px}
.sike-hotfix2-detail-head>span,.sike-hotfix2-kicker{color:#ff664a;font-size:8px;letter-spacing:.17em;font-weight:950}
.sike-hotfix2-detail-head h1{font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.055em;margin:14px 0 20px;max-width:950px}
.sike-hotfix2-detail-head p{max-width:760px;color:#939ba4;font-size:17px;line-height:1.5}
.sike-hotfix2-story{max-width:1080px;margin:0 auto 60px}
.sike-hotfix2-story h2{margin:12px 0 16px;font-size:clamp(38px,5vw,68px);line-height:.94;letter-spacing:-.045em}
.sike-hotfix2-story .lead{color:#9ba3ac;font-size:17px;line-height:1.5;max-width:760px}
.sike-hotfix2-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.sike-hotfix2-grid article{background:#11151a;border:1px solid #272d33;border-radius:16px;padding:24px}
.sike-hotfix2-grid article>span{color:#ff664a;font-size:8px;font-weight:950;letter-spacing:.14em}
.sike-hotfix2-grid h3{margin:12px 0 8px;font-size:20px}
.sike-hotfix2-grid p{margin:0;color:#8f98a2;font-size:12px;line-height:1.55}
.sike-hotfix2-note{margin-top:18px;border:1px solid #2a3037;border-radius:16px;padding:20px 22px;background:#0d1115}
.sike-hotfix2-note strong{font-size:11px}.sike-hotfix2-note p{margin:6px 0 0;color:#89929b;font-size:12px;line-height:1.5}

@media(max-width:900px){
  .sike-hotfix2-featured{grid-template-columns:1fr;min-height:0}
  .sike-hotfix2-visual{min-height:420px}
  .sike-hotfix2-copy{padding:38px 28px 32px}
  .sike-hotfix2-copy h1{margin-top:28px;font-size:clamp(52px,14vw,86px)}
}
@media(max-width:640px){
  .sike-hotfix2-featured{width:calc(100% - 20px);margin:16px auto 28px}
  .sike-hotfix2-visual{min-height:320px}
  .sike-hotfix2-copy{padding:28px 20px 24px}
  .sike-hotfix2-copy h1{font-size:50px}
  .sike-hotfix2-copy>p{font-size:15px}
  .sike-hotfix2-grid{grid-template-columns:1fr}
}


/* =========================================================
   SIKE V415 — Journal Hotfixes / Changelogs tabs
   ========================================================= */
.sike-v415-journal-tabs{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:18px 0 28px;
  padding:5px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:#0d1014;
}
.sike-v415-journal-tabs button{
  min-width:138px;
  height:46px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#8e969f;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:0 16px;
  cursor:pointer;
  transition:.16s ease;
}
.sike-v415-journal-tabs button span{
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
}
.sike-v415-journal-tabs button small{
  margin-top:4px;
  font-size:6.5px;
  color:#646d77;
  letter-spacing:.04em;
}
.sike-v415-journal-tabs button:hover{
  color:#fff;
  background:#15191e;
}
.sike-v415-journal-tabs button.active{
  background:linear-gradient(135deg,#ff6749,#ff4e3a);
  color:#fff;
  box-shadow:0 8px 24px rgba(255,82,55,.16);
}
.sike-v415-journal-tabs button.active small{
  color:rgba(255,255,255,.72);
}

/* Shared category animation */
[data-journal-category][hidden]{
  display:none!important;
}
[data-journal-category].is-visible{
  animation:sikeV415JournalIn .22s ease;
}
@keyframes sikeV415JournalIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

/* Changelog feature */
.sike-v415-changelog-feature{
  width:min(1480px,calc(100% - 32px));
  margin:28px auto 42px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  border:1px solid rgba(255,255,255,.08);
  background:#0b0e12;
  overflow:hidden;
  min-height:520px;
}
.sike-v415-changelog-art{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 48%,rgba(72,118,255,.24),transparent 24%),
    linear-gradient(135deg,#0b0f17,#151b29 58%,#090c11);
  overflow:hidden;
}
.sike-v415-changelog-art:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:48px 48px;
}
.sike-v415-changelog-badge{
  position:absolute;
  left:30px;
  top:30px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.15em;
  color:#8ba3ff;
  background:rgba(8,10,14,.62);
}
.sike-v415-firmware-ring{
  position:relative;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(119,148,255,.34);
  display:grid;
  place-items:center;
  box-shadow:
    0 0 0 42px rgba(113,143,255,.04),
    0 0 0 84px rgba(113,143,255,.025);
}
.sike-v415-firmware-ring i{
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:1px dashed rgba(255,255,255,.18);
}
.sike-v415-firmware-ring b{
  font-size:74px;
  line-height:1;
  letter-spacing:-.06em;
}
.sike-v415-changelog-art>small{
  position:absolute;
  left:30px;
  bottom:30px;
  color:#747e8b;
  font-size:7px;
  font-weight:850;
  letter-spacing:.16em;
}
.sike-v415-changelog-copy{
  padding:52px 56px 46px;
  display:flex;
  flex-direction:column;
}
.sike-v415-changelog-meta{
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#7e8791;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.sike-v415-changelog-meta span{color:#7894ff}
.sike-v415-changelog-copy h2{
  margin:40px 0 20px;
  max-width:780px;
  font-size:clamp(50px,6vw,92px);
  line-height:.88;
  letter-spacing:-.055em;
}
.sike-v415-changelog-copy>p{
  max-width:720px;
  color:#969fa9;
  font-size:16px;
  line-height:1.55;
}
.sike-v415-changelog-list{
  display:grid;
  gap:8px;
  margin:26px 0 34px;
}
.sike-v415-changelog-list article{
  display:grid;
  grid-template-columns:54px 1fr;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:9px 12px;
  border:1px solid #252c34;
  background:#101419;
  border-radius:12px;
}
.sike-v415-changelog-list b{
  display:grid;
  place-items:center;
  height:36px;
  border-radius:9px;
  background:#171d28;
  color:#8da5ff;
  font-size:8px;
  letter-spacing:.08em;
}
.sike-v415-changelog-list span{
  font-size:11px;
  font-weight:750;
}
.sike-v415-changelog-read{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #272d34;
  padding-top:18px;
  color:#fff;
  text-decoration:none;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.sike-v415-changelog-read span{
  font-size:22px;
}

@media(max-width:900px){
  .sike-v415-changelog-feature{
    grid-template-columns:1fr;
  }
  .sike-v415-changelog-art{
    min-height:360px;
  }
}
@media(max-width:640px){
  .sike-v415-journal-tabs{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:14px;
    padding:4px;
  }
  .sike-v415-journal-tabs button{
    min-width:0;
    width:100%;
    border-radius:11px;
    padding:0 11px;
  }
  .sike-v415-changelog-feature{
    width:calc(100% - 20px);
  }
  .sike-v415-changelog-copy{
    padding:30px 20px 26px;
  }
  .sike-v415-changelog-copy h2{
    margin-top:26px;
    font-size:50px;
  }
}


/* =========================================================
   SIKE V416 — real server-side Journal filtering
   ========================================================= */
.sike-v415-journal-tabs{
  display:none!important;
}

.sike-v416-journal-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  margin:0 0 20px;
}

.sike-v416-journal-head .sike-editorial-kicker{
  margin:0!important;
  flex:0 0 auto;
}

.sike-v416-journal-tabs{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:#0d1014;
}

.sike-v416-journal-tabs a{
  min-width:116px;
  height:38px;
  padding:0 14px;
  border-radius:999px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  color:#8e969f;
  text-decoration:none;
  transition:.16s ease;
}

.sike-v416-journal-tabs a span{
  font-size:9px;
  line-height:1;
  font-weight:900;
}

.sike-v416-journal-tabs a small{
  margin-top:3px;
  font-size:6px;
  line-height:1;
  color:#666f79;
}

.sike-v416-journal-tabs a:hover{
  background:#171b20;
  color:#fff;
}

.sike-v416-journal-tabs a.active{
  color:#fff;
  background:linear-gradient(135deg,#ff6749,#ff503b);
  box-shadow:0 8px 22px rgba(255,82,55,.16);
}

.sike-v416-journal-tabs a.active small{
  color:rgba(255,255,255,.74);
}

/* No-results state if a category has no stories in future */
.sike-editorial-wrap .sike-article-grid:empty::before{
  content:"No stories in this category yet.";
  display:block;
  padding:36px 0;
  color:#7f8790;
  font-size:14px;
}

@media(max-width:760px){
  .sike-v416-journal-head{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  .sike-v416-journal-tabs{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:14px;
  }

  .sike-v416-journal-tabs a{
    min-width:0;
    width:100%;
    align-items:center;
    border-radius:11px;
  }
}

/* SIKE V417 — YouTube playlist import */
.sike-youtube-playlist-import-modal{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(16px)}
.sike-youtube-playlist-import-modal[hidden]{display:none!important}
.sike-youtube-playlist-import-dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border:1px solid #30363d;border-radius:24px;padding:34px;background:radial-gradient(circle at 84% 4%,rgba(255,91,62,.16),transparent 25%),#101419;box-shadow:0 35px 90px rgba(0,0,0,.55);color:#fff}
.sike-youtube-playlist-import-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:1px solid #30363d;background:#151a20;color:#fff;font-size:21px;cursor:pointer}
.sike-youtube-playlist-import-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#ff583d;box-shadow:0 12px 28px rgba(255,78,49,.2);font-size:18px;margin-bottom:20px}
.sike-youtube-playlist-import-kicker{display:block;color:#ff6a4c;font-size:8px;font-weight:950;letter-spacing:.18em}
.sike-youtube-playlist-import-dialog h3{margin:8px 0 10px;font-size:34px;line-height:.98;letter-spacing:-.045em}
.sike-youtube-playlist-import-dialog>p{margin:0;color:#919aa4;font-size:13px;line-height:1.5}
.sike-youtube-playlist-import-preview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 14px;padding:16px;border:1px solid #2a3037;border-radius:15px;background:#0b0f13}
.sike-youtube-playlist-import-preview>div{min-width:0;display:grid;gap:4px}
.sike-youtube-playlist-import-preview small{color:#ff6649;font-size:7px;letter-spacing:.15em;font-weight:900}
.sike-youtube-playlist-import-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.sike-youtube-playlist-import-preview>strong{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#181e24;font-size:9px}
.sike-youtube-playlist-import-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sike-youtube-playlist-import-options button{min-height:112px;border:1px solid #2d343c;border-radius:16px;background:#11161b;color:#fff;padding:16px;display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;transition:.16s ease}
.sike-youtube-playlist-import-options button:hover:not(:disabled){transform:translateY(-2px);border-color:#ff674c;background:#161b21}
.sike-youtube-playlist-import-options button:disabled{opacity:.45;cursor:wait}
.sike-youtube-playlist-import-options i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#1c2228;color:#ff684c;font-style:normal;font-size:17px}
.sike-youtube-playlist-import-options span{display:grid;gap:5px}.sike-youtube-playlist-import-options b{font-size:11px}
.sike-youtube-playlist-import-options small{color:#7e8791;font-size:8px;line-height:1.4}
.sike-youtube-playlist-import-options .overwrite{border-color:rgba(255,102,73,.3)}
.sike-youtube-playlist-import-status{min-height:18px;margin-top:13px;color:#89929c;font-size:9px;font-weight:750}
.sike-youtube-playlist-import-status[data-state="ready"]{color:#49d994}.sike-youtube-playlist-import-status[data-state="error"]{color:#ff755e}.sike-youtube-playlist-import-status[data-state="loading"]{color:#d2d7dc}
.sike-user-playlist.active{border-color:rgba(255,99,70,.36)!important;background:rgba(255,91,61,.08)!important}.sike-user-playlist i{font-style:normal!important}
@media(max-width:640px){
  .sike-youtube-playlist-import-modal{padding:12px;align-items:end}
  .sike-youtube-playlist-import-dialog{width:100%;max-height:calc(100dvh - 18px);border-radius:22px 22px 16px 16px;padding:28px 18px 20px}
  .sike-youtube-playlist-import-dialog h3{font-size:29px;padding-right:36px}
  .sike-youtube-playlist-import-options{grid-template-columns:1fr}
  .sike-youtube-playlist-import-options button{min-height:92px}
}

/* SIKE V418 — SoundCloud playlists */
.sike-youtube-playlist-import-kicker[data-playlist-import-provider]{min-height:10px}


/* ==========================================================
   SIKE V421 — mobile Discovery -> Party Room + room redesign
   ========================================================== */
@media (max-width:760px){
  /* Discovery cards are now real room entry points */
  .sike-party-discovery-grid .sike-party-room-card{
    position:relative;
    cursor:pointer;
    gap:13px;
    padding:16px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(circle at 100% 0,rgba(255,91,60,.10),transparent 32%),
      linear-gradient(155deg,#111419,#0c0f13);
    box-shadow:0 15px 38px rgba(0,0,0,.25);
    transition:transform .16s ease,border-color .16s ease,background .16s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .sike-party-discovery-grid .sike-party-room-card:active{
    transform:scale(.985);
  }
  .sike-party-discovery-grid .sike-party-room-card.is-current-party{
    border-color:rgba(67,224,145,.26);
    box-shadow:inset 0 0 0 1px rgba(67,224,145,.04),0 15px 38px rgba(0,0,0,.25);
  }
  .sike-party-room-card-arrow{
    margin-left:auto;
    width:30px;
    height:30px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#a7afb7;
    background:#1b2026;
    border:1px solid rgba(255,255,255,.08);
    font-size:13px;
    flex:0 0 auto;
  }
  .sike-party-room-card .is-joined{
    background:linear-gradient(135deg,#173c29,#122f22)!important;
    color:#5ce19b!important;
    border:1px solid rgba(74,223,151,.16)!important;
  }

  /* Direct-open mode: make Party Room the visual destination */
  .sike-music-mobile-player-sheet.sike-party-room-focus{
    scroll-behavior:smooth;
  }
  .sike-music-mobile-player-sheet.sike-party-room-focus .sike-mobile-expanded-more{
    padding-top:0;
  }
  .sike-music-mobile-player-sheet.sike-party-room-focus [data-sike-party-card]{
    scroll-margin-top:96px;
  }

  .sike-mobile-party-room-v421{
    position:relative;
    margin:14px 12px 26px!important;
    padding:14px!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 70% -10%,rgba(255,83,57,.12),transparent 30%),
      linear-gradient(180deg,#101419,#0a0d11)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 20px 60px rgba(0,0,0,.32)!important;
    overflow:visible!important;
  }
  .sike-mobile-party-room-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 14px;
    padding:2px 2px 12px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .sike-mobile-party-room-label span,
  .sike-mobile-party-room-label b{
    font-size:7px;
    font-weight:950;
    letter-spacing:.16em;
  }
  .sike-mobile-party-room-label span{color:#ff684f}
  .sike-mobile-party-room-label span i{
    display:inline-block;
    width:7px;height:7px;border-radius:50%;
    background:#39dc8e;
    box-shadow:0 0 12px rgba(57,220,142,.6);
    margin-right:6px;
  }
  .sike-mobile-party-room-label b{color:#6f7780}

  .sike-mobile-party-room-v421>.party-copy{
    margin:0 2px 14px!important;
  }
  .sike-mobile-party-room-v421>.party-copy>span{
    font-size:8px!important;
    letter-spacing:.18em!important;
  }
  .sike-mobile-party-room-v421>.party-copy h3{
    margin:5px 0 7px!important;
    font-size:29px!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
  }
  .sike-mobile-party-room-v421>.party-copy p{
    margin:0!important;
    max-width:92%;
    color:#87909a!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  /* Connected summary */
  .sike-mobile-party-live-v421{
    margin:0 0 12px!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    border-radius:18px!important;
    background:#0c1014!important;
    border:1px solid rgba(255,255,255,.09)!important;
  }
  .sike-mobile-party-live-v421>.sike-party-members-inline{
    grid-column:1/-1;
    order:3;
    padding-top:10px;
    margin-top:2px;
    border-top:1px solid rgba(255,255,255,.06);
  }
  .sike-mobile-party-live-v421>div:not(.sike-party-members-inline){
    min-width:0;
  }
  .sike-mobile-party-live-v421 .party-code{
    justify-self:end;
    min-width:110px;
    padding:9px 11px!important;
    border-radius:13px!important;
    background:#161b21!important;
  }
  .sike-mobile-party-live-v421 .party-code b{
    font-size:17px!important;
    letter-spacing:.16em!important;
  }
  .sike-mobile-party-live-v421>[data-party-leave]{
    grid-column:1/-1;
    width:100%;
    min-height:42px;
    border-radius:13px!important;
    background:#15191e!important;
    color:#a8afb6!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }

  /* Immersive room becomes much more compact and readable */
  .sike-mobile-party-room-v421 .sike-party-room-stage{
    min-height:560px!important;
    margin:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:
      radial-gradient(circle at 50% 18%,rgba(255,86,57,.22),transparent 31%),
      linear-gradient(180deg,#100e12 0%,#0b0c10 55%,#07090c 100%)!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-stage:before{
    inset:13% 5% 28%!important;
    opacity:.65;
  }
  .sike-mobile-party-room-v421 .sike-party-room-stage:after{
    left:4%!important;right:4%!important;bottom:7%!important;height:31%!important;
    opacity:.75;
  }
  .sike-mobile-party-room-v421 .sike-party-room-ceiling{
    left:12%!important;right:12%!important;top:13px!important;height:50px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-hud{
    top:12px!important;
    left:14px!important;
    right:14px!important;
    font-size:6px!important;
    letter-spacing:.12em!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-hud span:nth-child(2){
    display:none!important;
  }

  .sike-mobile-party-room-v421 .sike-party-room-orbit{
    inset:62px 8px 190px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-bubble{
    width:92px!important;
    min-width:92px!important;
    padding:8px 6px!important;
    border-radius:16px!important;
    gap:5px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-bubble-avatar{
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-bubble>span:last-of-type b{
    font-size:9px!important;
    max-width:78px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .sike-mobile-party-room-v421 .sike-party-room-bubble>span:last-of-type small{
    font-size:6px!important;
    letter-spacing:.09em!important;
  }

  .sike-mobile-party-room-v421 .sike-party-room-platform{
    width:164px!important;
    height:72px!important;
    left:50%!important;
    bottom:158px!important;
    transform:translateX(-50%)!important;
    border-radius:50%!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-brand img{
    max-width:112px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-room-platform em{
    display:none!important;
  }

  /* Controls live in a clean bottom control deck */
  .sike-mobile-party-room-v421 .sike-party-room-social{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:64px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:17px!important;
    background:rgba(8,10,13,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(14px);
  }
  .sike-mobile-party-room-v421 .sike-party-reactions{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:5px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-reactions button{
    width:auto!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:17px!important;
    background:#15191f!important;
  }
  .sike-mobile-party-room-v421 .sike-party-skip{
    min-height:39px!important;
    border-radius:12px!important;
    padding:0 12px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-inline-message{
    min-height:42px!important;
    border-radius:13px!important;
    padding:4px 5px 4px 10px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-inline-message input{
    min-width:0!important;
    font-size:12px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-inline-message button{
    width:36px!important;height:34px!important;
    border-radius:10px!important;
  }

  .sike-mobile-party-room-v421 .sike-party-queue-panel{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    min-height:46px!important;
    max-height:46px!important;
    overflow:hidden!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    background:#0d1115!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  .sike-mobile-party-room-v421 .sike-party-queue-panel>div:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .sike-mobile-party-room-v421 .sike-party-queue-panel>div:first-child span{
    font-size:6px!important;
  }
  .sike-mobile-party-room-v421 .sike-party-queue-panel>div:first-child b{
    font-size:10px!important;
  }

  .sike-mobile-party-room-v421.sike-party-room-arrive{
    animation:sikeV421PartyArrive .55s ease both;
  }
  @keyframes sikeV421PartyArrive{
    0%{transform:translateY(12px);opacity:.7}
    100%{transform:none;opacity:1}
  }

  /* Host settings stay readable below room instead of fighting stage */
  .sike-mobile-party-room-v421 .sike-party-host-settings{
    margin-top:12px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
}

@media (max-width:390px){
  .sike-mobile-party-room-v421{margin-left:8px!important;margin-right:8px!important;padding:10px!important}
  .sike-mobile-party-room-v421 .sike-party-room-stage{min-height:545px!important}
  .sike-mobile-party-room-v421 .sike-party-room-bubble{width:82px!important;min-width:82px!important}
  .sike-mobile-party-room-v421 .sike-party-room-bubble-avatar{width:44px!important;height:44px!important}
}

/* SIKE V426 — mobile Party stays alive when Now Playing is minimized */
@media (max-width:760px){
  .sike-music-mobile-player-sheet.is-minimized{
    pointer-events:none!important;
    visibility:hidden!important;
  }
  body.sike-mobile-party-minimized [data-music-open-mobile-player]{
    position:relative;
  }
  body.sike-mobile-party-minimized [data-music-open-mobile-player]::after{
    content:"PARTY";
    margin-left:6px;
    padding:3px 6px;
    border-radius:999px;
    background:rgba(255,95,69,.12);
    color:#ff6b52;
    font-size:6px;
    font-weight:950;
    letter-spacing:.12em;
  }
}

/* SIKE V437 — party history resilience / mobile music cleanup / search discovery */
.sike-party-ended-popup{position:fixed;inset:0;z-index:1000002;display:grid;place-items:center;padding:20px;background:rgba(3,6,5,.74);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.sike-party-ended-popup.show{opacity:1;pointer-events:auto}
.sike-party-ended-card{width:min(430px,100%);padding:28px;border-radius:24px;background:#0d1210;border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 100px rgba(0,0,0,.55);text-align:center}
.sike-party-ended-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:rgba(58,224,143,.1);border:1px solid rgba(58,224,143,.2);color:#4ce49b;font-size:22px}
.sike-party-ended-kicker{color:#4ce49b;font-size:7px;font-weight:950;letter-spacing:.18em}.sike-party-ended-card h3{margin:8px 0;font-size:26px;letter-spacing:-.04em}.sike-party-ended-card p{margin:0 auto 18px;max-width:330px;color:#89958e;font-size:11px;line-height:1.55}.sike-party-ended-card button{min-height:44px;padding:0 17px;border:0;border-radius:12px;background:#ff6047;color:#fff;font-size:9px;font-weight:900}
.sike-similar-artists{margin-top:24px}.sike-similar-artists-head span{color:#ff654c;font-size:7px;font-weight:950;letter-spacing:.15em}.sike-similar-artists-head h4{margin:5px 0 12px;font-size:20px}.sike-similar-artists-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.sike-similar-artists-row::-webkit-scrollbar{display:none}.sike-similar-artist{flex:0 0 150px;scroll-snap-align:start;padding:12px;border-radius:16px;background:#12171b;border:1px solid rgba(255,255,255,.07);color:#fff;text-align:left}.sike-similar-artist>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#20262b;font-weight:900}.sike-similar-artist img{width:100%;height:100%;object-fit:cover}.sike-similar-artist b{display:block;margin-top:10px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sike-similar-artist small{display:block;margin-top:3px;color:#7c8790;font-size:7px}
@media(max-width:760px){
  .sike-v409-search-actions .social{display:none!important}
  .sike-music-top-actions{display:none!important}
  .sike-mobile-music-device-add{display:none!important}
  .sike-mobile-music-devices-label{display:none!important}
  .sike-v409-search-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important;margin-top:8px!important}
  .sike-v409-search-actions .sike-v409-search-bubble{display:inline-flex!important}
  .sike-music-results[data-result-mode="results"]{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding-bottom:10px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sike-music-results[data-result-mode="results"]::-webkit-scrollbar{display:none}
  .sike-music-results[data-result-mode="results"] .sike-music-track{flex:0 0 min(78vw,310px)!important;scroll-snap-align:start!important}
  .sike-similar-artists{margin-top:18px}.sike-similar-artist{flex-basis:132px}
}

@media (max-width:760px){
  [data-music-search-results-section]{min-width:0!important;overflow:visible!important;padding-bottom:230px!important}
  .sike-music-results[data-result-mode="results"]{
    display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;
    gap:12px!important;width:calc(100vw - 22px)!important;max-width:none!important;
    overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;
    padding:0 22px 16px 0!important;scrollbar-width:none!important
  }
  .sike-music-results[data-result-mode="results"]::-webkit-scrollbar{display:none!important}
  .sike-music-results[data-result-mode="results"]>.sike-music-track{
    flex:0 0 min(80vw,326px)!important;width:min(80vw,326px)!important;max-width:min(80vw,326px)!important;
    scroll-snap-align:start!important;touch-action:pan-x!important;user-select:none!important;-webkit-user-select:none!important
  }
  .sike-music-results[data-result-mode="results"]>.sike-music-track button,
  .sike-music-results[data-result-mode="results"]>.sike-music-track img{touch-action:pan-x!important;-webkit-user-drag:none!important}
  .sike-similar-artists{display:block;width:100%!important;margin-top:26px!important;padding-bottom:36px!important;position:relative!important;z-index:4!important}
  .sike-similar-artists[hidden]{display:none!important}
  .sike-similar-artists-row{display:flex!important;gap:10px!important;width:calc(100vw - 22px)!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scroll-snap-type:x proximity!important;padding:2px 22px 18px 0!important;scrollbar-width:none!important}
  .sike-similar-artists-row::-webkit-scrollbar{display:none!important}
  .sike-similar-artist{flex:0 0 142px!important;scroll-snap-align:start!important;touch-action:pan-x!important}
  .sike-music-main,.sike-music-content,.sike-music-home{padding-bottom:200px!important}
}


/* ============================================================
   SIKE V439 — global profile / login / register navigation
   ============================================================ */
.site-auth-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.site-auth-actions a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:11px;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.site-auth-login{
  color:#d7dce1;
  background:#111419;
  border:1px solid #2a3037;
}
.site-auth-login:hover{background:#181c21;border-color:#3c444e;transform:translateY(-1px)}
.site-auth-register{
  color:#fff;
  background:linear-gradient(135deg,#ff6447,#f83e3b);
  border:1px solid rgba(255,110,80,.48);
  box-shadow:0 8px 22px rgba(247,68,55,.14);
}
.site-auth-register:hover{filter:brightness(1.06);transform:translateY(-1px)}

.site-user-pill{
  min-height:42px;
  max-width:190px;
}
.site-user-avatar{
  overflow:hidden!important;
  object-fit:cover;
}
.site-user-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.site-user-dropdown-nav a:first-child .site-user-menu-icon{
  color:#ff654e;
  border-color:rgba(255,101,78,.22);
  background:rgba(255,93,70,.08);
}

/* Full account entry inside the mobile navigation drawer. */
.mobile-account-panel{
  width:100%;
  margin:8px 0 18px;
  padding:0 8px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-account-profile{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:100%;
  padding:11px!important;
  border-radius:15px!important;
  color:#fff!important;
  background:#12161b!important;
  border:1px solid rgba(255,255,255,.075)!important;
  text-decoration:none!important;
}
.mobile-account-profile .site-user-avatar{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
}
.mobile-account-profile>span:nth-child(2){
  min-width:0;
  display:grid;
  gap:4px;
}
.mobile-account-profile b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
.mobile-account-profile small{color:#78828c;font-size:8px}
.mobile-account-profile>i{font-style:normal;color:#77818b;font-size:21px}

.mobile-account-guest{
  padding:14px;
  border-radius:16px;
  background:#101419;
  border:1px solid rgba(255,255,255,.07);
}
.mobile-account-guest>div b{display:block;color:#fff;font-size:12px}
.mobile-account-guest>div small{display:block;margin-top:4px;color:#78828b;font-size:8px}
.mobile-account-guest>span{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:12px;
}
.mobile-account-guest>span a{
  display:flex!important;
  min-height:39px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:10px!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
  color:#fff!important;
  background:#191e24!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.mobile-account-guest>span a.primary{
  background:#ff5944!important;
  border-color:#ff6b55!important;
}

@media(max-width:1100px){
  .site-user-copy{display:none!important}
  .site-user-pill{width:44px!important;min-width:44px!important;max-width:44px!important;padding:4px!important;border-radius:12px!important}
  .site-user-pill .site-user-avatar{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important}
  .site-user-chevron{display:none!important}
  .site-auth-actions a{padding:0 11px}
}

@media(max-width:760px){
  .site-header{
    padding-left:14px!important;
    padding-right:12px!important;
  }
  .site-header .brand.brand-image img{
    max-width:190px!important;
    width:min(46vw,190px)!important;
    height:auto!important;
  }
  .header-actions{gap:6px!important}

  /* Mobile header: profile OR one combined login/register pill, search/cart then menu. */
  .site-auth-actions{gap:0!important}
  .site-auth-actions .site-auth-login{
    display:none!important;
  }
  .site-auth-actions .site-auth-register{
    min-width:auto!important;
    min-height:40px!important;
    padding:0 12px!important;
    border-radius:11px!important;
  }
  .site-auth-actions .site-auth-register::before{
    content:"Login / ";
  }

  .site-user-menu-wrap{position:static!important}
  .site-user-dropdown{
    position:fixed!important;
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:76dvh!important;
    overflow:auto!important;
    border-radius:22px!important;
    transform:translateY(16px) scale(.985)!important;
    transform-origin:bottom center!important;
    z-index:1000020!important;
  }
  .site-user-menu-wrap.is-open .site-user-dropdown{
    transform:none!important;
  }
  .site-user-dropdown:before{display:none!important}

  .mobile-menu{
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  }
  .mobile-account-panel{display:block!important}
}

@media(min-width:761px){
  .mobile-account-panel{display:none}
}

/* V440 Discovery + support */
.sike-party-discovery-head-actions{display:flex;align-items:center;gap:8px}.sike-party-discovery-close{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,103,77,.28);background:rgba(255,91,67,.09);color:#ff7159;font-size:8px;font-weight:900;cursor:pointer}.sike-party-discovery-close span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,99,75,.12);font-size:12px}.sike-party-discovery-refresh{width:40px;height:40px;border-radius:50%!important}body.sike-party-discovery-focus .sike-music-quick-grid,body.sike-party-discovery-focus [data-music-banner],body.sike-party-discovery-focus .sike-music-featured{display:none!important}body.sike-party-discovery-focus .sike-party-discovery-panel{display:block!important;min-height:calc(100dvh - 230px);margin-top:12px}body.sike-party-discovery-focus .sike-music-filter-pills,body.sike-party-discovery-focus .sike-music-topbar{position:sticky!important;top:0!important;z-index:40!important;background:rgba(12,16,19,.96)!important;backdrop-filter:blur(18px)!important}
.market-support-strip{max-width:1440px;margin:0 auto 22px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0f1215}.market-support-strip span{display:block;color:#ff674f;font-size:7px;font-weight:950;letter-spacing:.16em}.market-support-strip b{display:block;margin-top:5px;font-size:13px}.market-support-strip>div:last-child{display:flex;gap:8px}.market-support-strip a{padding:10px 12px;border-radius:10px;background:#ff5d45;color:#fff;text-decoration:none;font-size:8px;font-weight:900}.market-support-strip a.secondary{background:#161b20;border:1px solid rgba(255,255,255,.08)}
.sike-support-page{background:#080b0a;color:#fff;min-height:100vh}.sike-support-hero{min-height:680px;padding:90px clamp(22px,7vw,120px);display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;background:radial-gradient(circle at 78% 25%,rgba(62,224,145,.12),transparent 27%),radial-gradient(circle at 20% 20%,rgba(255,94,70,.13),transparent 31%),#080b0a}.sike-support-copy h1{font-family:var(--display);font-size:clamp(64px,7vw,112px);line-height:.86;letter-spacing:-.065em;margin:16px 0 24px}.sike-support-copy h1 em{font-style:normal;color:#ff6047}.sike-support-copy>p{max-width:690px;color:#919c96;font-size:14px;line-height:1.7}.sike-support-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.sike-support-secondary{display:inline-flex;align-items:center;padding:0 18px;min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;text-decoration:none;font-size:9px;font-weight:900}.sike-support-goal-card{padding:34px;border:1px solid rgba(66,225,148,.18);border-radius:26px;background:#101712}.sike-support-goal-card>span{color:#46df96;font-size:8px;font-weight:950;letter-spacing:.18em}.sike-support-goal-card>strong{display:block;margin-top:16px;font-family:var(--display);font-size:clamp(56px,6vw,88px)}.sike-support-goal-card>strong small{font-size:14px;color:#76827b}.sike-support-progress{height:11px;margin:24px 0 10px;border-radius:999px;background:#1b211e}.sike-support-progress i{display:block;height:100%;background:#37de8e}.sike-support-progress-meta{display:flex;justify-content:space-between;font-size:9px}.sike-support-goal-card>p{margin-top:24px;color:#727e77;font-size:9px;line-height:1.55}.sike-support-why,.sike-support-methods{padding:90px clamp(22px,7vw,120px)}.sike-support-why{background:#0d100f}.sike-support-section-head{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;margin-bottom:34px}.sike-support-section-head span,.sike-support-transparency>span{color:#44df95;font-size:8px;font-weight:950;letter-spacing:.17em}.sike-support-section-head h2,.sike-support-transparency h2{font-family:var(--display);font-size:clamp(44px,5vw,74px);line-height:.9;letter-spacing:-.055em;margin:10px 0 0}.sike-support-section-head>p{color:#7e8983;font-size:12px;line-height:1.65}.sike-support-budget{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden}.sike-support-budget article{min-height:270px;padding:25px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}.sike-support-budget span{color:#ff624a;font-family:var(--display);font-size:30px}.sike-support-budget b{margin-top:20px;font-size:12px}.sike-support-budget p{color:#737e78;font-size:9px;line-height:1.6}.sike-support-budget strong{margin-top:auto;font-size:10px;color:#4ce19a}.sike-support-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sike-support-method-grid a{min-height:190px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#111613;color:#fff;text-decoration:none;display:flex;flex-direction:column}.sike-support-method-grid span{color:#ff674f;font-size:8px;font-weight:950}.sike-support-method-grid b{margin-top:28px;font-size:21px}.sike-support-method-grid p{color:#758079;font-size:9px}.sike-support-method-grid i{margin-top:auto;color:#50e19c;font-size:9px;font-style:normal}.sike-support-transparency{padding:90px clamp(22px,7vw,120px);text-align:center;background:#0c0f0d}.sike-support-transparency p{max-width:760px;margin:20px auto;color:#828d87;font-size:12px;line-height:1.7}.sike-support-transparency a{color:#fff;font-size:9px}
@media(max-width:760px){body.sike-party-discovery-focus .sike-mobile-music-devices{display:none!important}.sike-party-discovery-head-actions{flex-direction:column-reverse;align-items:flex-end}.sike-party-discovery-close b{display:none}.market-support-strip{margin:0 12px 18px;align-items:flex-start;flex-direction:column}.market-support-strip>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.market-support-strip a{text-align:center}.sike-support-hero{min-height:0;padding:58px 18px;grid-template-columns:1fr}.sike-support-copy h1{font-size:56px}.sike-support-section-head{grid-template-columns:1fr;gap:13px}.sike-support-why,.sike-support-methods,.sike-support-transparency{padding:58px 18px}.sike-support-budget{grid-template-columns:1fr}.sike-support-budget article{min-height:190px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.sike-support-method-grid{grid-template-columns:1fr 1fr}.sike-support-method-grid a{min-height:160px;padding:16px}}

/* SIKE V441 — SIKE Music internal back */
.sike-music-internal-back{position:relative;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease!important}
.sike-music-internal-back.has-history{background:#151a1f!important;border-color:rgba(255,255,255,.11)!important;color:#fff!important}
.sike-music-internal-back.has-history:hover{transform:translateX(-2px);background:#1b2026!important}
.sike-music-internal-back[aria-disabled="true"]{opacity:.58!important;cursor:default!important}
.sike-music-internal-back.has-history:after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#ff6048;box-shadow:0 0 0 3px rgba(255,96,72,.10)}
@media(max-width:760px){.sike-music-internal-back{flex:0 0 auto!important}}


/* ============================================================
   SIKE V442 — optional Sync Mode + simulated POWERCELL charging
   ============================================================ */
.sike-sync-mode-control{
  width:100%;
  min-height:54px;
  margin-top:12px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:#0d1216;
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.sike-sync-mode-control:hover{border-color:rgba(255,100,75,.24);background:#11171b}
.sike-sync-mode-icon{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;position:relative;
  background:#171d22;border:1px solid rgba(255,255,255,.07);
}
.sike-sync-mode-icon i{position:absolute;width:15px;height:7px;border:2px solid #68747d;border-radius:999px}
.sike-sync-mode-icon i:first-child{transform:translate(-4px,-3px) rotate(-25deg)}
.sike-sync-mode-icon i:last-child{transform:translate(4px,3px) rotate(-25deg)}
.sike-sync-mode-control>span:nth-child(2){display:grid;gap:3px;min-width:0}
.sike-sync-mode-control b{font-size:9px}
.sike-sync-mode-control small{font-size:7px;color:#77828a}
.sike-sync-mode-control em{
  min-width:42px;padding:7px 8px;border-radius:999px;text-align:center;
  font-style:normal;font-size:7px;font-weight:950;color:#79848c;background:#171c21;
}
.sike-sync-mode-control.active{border-color:rgba(255,96,71,.24);background:linear-gradient(90deg,rgba(255,93,69,.06),#0d1216 45%)}
.sike-sync-mode-control.active .sike-sync-mode-icon{background:rgba(255,96,72,.12);border-color:rgba(255,96,72,.20)}
.sike-sync-mode-control.active .sike-sync-mode-icon i{border-color:#ff6850}
.sike-sync-mode-control.active em{background:#ff5e46;color:#fff}

/* Battery empty / charge modal */
.sike-battery-charge-popup{
  position:fixed;inset:0;z-index:1000030;display:grid;place-items:center;padding:20px;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;
}
.sike-battery-charge-popup.show{opacity:1;visibility:visible;pointer-events:auto}
.sike-battery-charge-backdrop{position:absolute;inset:0;background:rgba(3,5,5,.78);backdrop-filter:blur(16px)}
.sike-battery-charge-card{
  position:relative;z-index:2;width:min(430px,100%);padding:30px;border-radius:26px;
  background:linear-gradient(145deg,#111714,#0a0e0c);border:1px solid rgba(255,255,255,.09);
  color:#fff;text-align:center;box-shadow:0 40px 120px rgba(0,0,0,.58);
}
.sike-battery-charge-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#151a18;color:#fff;font-size:20px}
.sike-battery-charge-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:rgba(255,87,62,.10);border:1px solid rgba(255,98,73,.18);box-shadow:0 0 60px rgba(255,84,59,.11)}
.sike-battery-charge-icon span{font-size:34px;color:#ff664c}
.sike-battery-charge-kicker{color:#ff684f;font-size:7px;font-weight:950;letter-spacing:.18em}
.sike-battery-charge-card h3{margin:9px 0 8px;font-size:28px;letter-spacing:-.045em}
.sike-battery-charge-card p{margin:0 auto;color:#89948d;font-size:10px;line-height:1.6;max-width:330px}
.sike-battery-charge-level{display:flex;align-items:center;gap:10px;margin:22px 0 18px}
.sike-battery-charge-level>span{height:11px;flex:1;border-radius:999px;background:#1a201d;overflow:hidden}
.sike-battery-charge-level>span i{display:block;width:0;height:100%;background:#ff6048}
.sike-battery-charge-level b{font-size:10px;color:#ff6a51}
.sike-battery-charge-start{width:100%;min-height:50px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff644b,#f9473d);color:#fff;font-weight:950;font-size:10px;cursor:pointer}
.sike-battery-charge-start span{margin-right:7px}
.sike-battery-charge-card>small{display:block;margin-top:12px;color:#667169;font-size:7px}

.sike-battery-charging-status{
  margin-left:auto;display:inline-grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;
  column-gap:7px;align-items:center;padding:7px 9px;border-radius:11px;
  background:rgba(51,223,141,.08);border:1px solid rgba(51,223,141,.16);
}
.sike-battery-charging-status[hidden]{display:none!important}
.sike-battery-charging-status i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#39df90;box-shadow:0 0 0 4px rgba(57,223,144,.09),0 0 14px rgba(57,223,144,.45);animation:sikeChargePulse 1.2s ease-in-out infinite}
.sike-battery-charging-status b{font-size:8px;color:#4de39a}
.sike-battery-charging-status small{font-size:6px;color:#738079}
.battery-is-charging .sike-ios-charge-ring{box-shadow:0 0 55px rgba(54,224,143,.12)}
.battery-is-charging [data-battery-value]{color:#4de19a!important}
@keyframes sikeChargePulse{50%{opacity:.45;transform:scale(.78)}}

@media(max-width:760px){
  .sike-sync-mode-control{min-height:58px;margin-top:10px}
  .sike-battery-charge-card{padding:27px 20px;border-radius:23px}
  .sike-battery-charge-card h3{font-size:25px}
  .sike-battery-charging-status{padding:6px 8px}
}


/* ============================================================
   SIKE V443 — dedicated SIKE Music views
   ============================================================ */
[data-sike-music][data-music-section-mode]:not([data-music-section-mode="home"]) .sike-music-quick-grid,
[data-sike-music][data-music-section-mode]:not([data-music-section-mode="home"]) [data-music-banner],
[data-sike-music][data-music-section-mode]:not([data-music-section-mode="home"]) [data-music-banner-editor],
[data-sike-music][data-music-section-mode]:not([data-music-section-mode="home"]) [data-sike-standard-section],
[data-sike-music][data-music-section-mode]:not([data-music-section-mode="home"]) [data-music-discovery]{
  display:none!important;
}
[data-sike-music][data-music-section-mode="home"] [data-music-dedicated-head],
[data-sike-music][data-music-section-mode="home"] [data-music-advanced-search]{display:none!important}

.sike-music-dedicated-view-head{
  margin:18px 0 12px;padding:28px 30px;border-radius:22px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:22px;
  background:radial-gradient(circle at 82% 0%,rgba(255,96,70,.11),transparent 31%),#101417;
  border:1px solid rgba(255,255,255,.07);
}
.sike-music-dedicated-view-head[hidden]{display:none!important}
.sike-music-dedicated-view-head>div>span{color:#ff674f;font-size:7px;font-weight:950;letter-spacing:.17em}
.sike-music-dedicated-view-head h2{margin:8px 0 7px;font-family:var(--display);font-size:44px;letter-spacing:-.055em;line-height:.92}
.sike-music-dedicated-view-head p{margin:0;color:#7e8983;font-size:10px}
.sike-music-dedicated-view-head>button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#171c20;color:#fff;font-size:8px;font-weight:900}
.sike-music-dedicated-view-head>button span{margin-right:6px;color:#ff6750}

.sike-advanced-search-panel{
  margin:12px 0 18px;padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(125deg,rgba(255,95,70,.08),transparent 45%),#0d1114;
}
.sike-advanced-search-panel[hidden]{display:none!important}
.sike-advanced-search-copy>span{font-size:7px;font-weight:950;letter-spacing:.17em;color:#ff664d}
.sike-advanced-search-copy h2{margin:8px 0 8px;font-family:var(--display);font-size:42px;line-height:.9;letter-spacing:-.055em}
.sike-advanced-search-copy h2 em{font-style:normal;color:#ff6048}
.sike-advanced-search-copy p{max-width:620px;margin:0;color:#7d8882;font-size:10px;line-height:1.55}
.sike-advanced-search-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:22px;padding:7px 7px 7px 14px;border-radius:15px;background:#171c20;border:1px solid rgba(255,255,255,.075)}
.sike-advanced-search-form>span{color:#68747d;font-size:16px}.sike-advanced-search-form input{min-width:0;border:0;outline:0;background:none;color:#fff;font-size:12px}.sike-advanced-search-form button{min-height:40px;padding:0 18px;border:0;border-radius:11px;background:#ff5f47;color:#fff;font-size:8px;font-weight:950}
.sike-advanced-search-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.sike-advanced-search-chips button{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:#12171a;color:#a7b0ab;font-size:7px;font-weight:800}

.sike-music-artist-profile{
  display:grid!important;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;
  margin:0 0 16px;padding:18px;border-radius:18px;background:#101519;border:1px solid rgba(255,255,255,.075);
}
.sike-music-artist-profile[hidden]{display:none!important}
.sike-artist-avatar{width:82px;height:82px;border-radius:18px;overflow:hidden;background:#1a2025;display:grid;place-items:center}.sike-artist-avatar img{width:100%;height:100%;object-fit:cover}.sike-artist-avatar>span{font-size:28px;font-weight:900}
.sike-artist-copy>small{color:#ff674f;font-size:6px;font-weight:950;letter-spacing:.16em}.sike-artist-copy h3{margin:5px 0 3px;font-size:24px;letter-spacing:-.04em}.sike-artist-copy p{margin:0;color:#77828a;font-size:8px}
.sike-artist-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.sike-artist-tags span{padding:5px 7px;border-radius:999px;background:#181e22;color:#7f8a84;font-size:6px}
.sike-artist-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sike-artist-actions button,.sike-artist-actions a{min-height:35px;padding:0 11px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#171c20;color:#fff;text-decoration:none;display:inline-flex;align-items:center;font-size:7px;font-weight:900}.sike-artist-actions .primary{background:#ff6048;border-color:#ff6048}

[data-music-results][data-result-mode="recent"]{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
.sike-history-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px;border-radius:13px;background:#101417;border:1px solid rgba(255,255,255,.055)}
.sike-history-art{width:54px;height:54px;padding:0;border:0;border-radius:10px;overflow:hidden;position:relative;background:#1a1f23}.sike-history-art img{width:100%;height:100%;object-fit:cover}.sike-history-art i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.28);opacity:0;color:#fff}.sike-history-row:hover .sike-history-art i{opacity:1}.sike-history-row>div{min-width:0}.sike-history-row>div button{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;color:#fff;font-size:10px;font-weight:850;text-align:left}.sike-history-row>div small{display:block;margin-top:4px;color:#6e7880;font-size:7px}.sike-history-row>span{color:#59636b;font-size:7px}.sike-history-play{padding:8px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#181d21;color:#fff;font-size:7px;font-weight:900}

[data-music-results][data-result-mode="liked"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.sike-liked-card{min-width:0;padding:11px;border-radius:17px;background:linear-gradient(145deg,rgba(128,108,255,.08),transparent 45%),#111519;border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;position:relative}
.sike-liked-art{width:72px;height:72px;border:0;border-radius:13px;overflow:hidden;position:relative;padding:0}.sike-liked-art img{width:100%;height:100%;object-fit:cover}.sike-liked-art i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.25);color:#fff}
.sike-liked-copy{min-width:0}.sike-liked-copy>span{color:#ff6580;font-size:6px;font-weight:950;letter-spacing:.14em}.sike-liked-copy>button{display:block;margin-top:8px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;color:#fff;font-size:9px;font-weight:850;text-align:left;padding:0}.sike-liked-copy>small{display:block;margin-top:4px;color:#727d85;font-size:7px}.sike-liked-card>.track-queue{position:absolute;right:10px;bottom:9px;border:1px solid rgba(255,255,255,.07);background:#181e22;color:#fff;border-radius:8px;padding:6px 8px;font-size:6px}

[data-sike-music][data-music-section-mode="search"] [data-music-search-results-section]{padding-top:0!important}
[data-sike-music][data-music-section-mode="recent"] .sike-music-url-entry,
[data-sike-music][data-music-section-mode="liked"] .sike-music-url-entry,
[data-sike-music][data-music-section-mode="queue"] .sike-music-url-entry,
[data-sike-music][data-music-section-mode="recent"] [data-music-artist-profile],
[data-sike-music][data-music-section-mode="liked"] [data-music-artist-profile],
[data-sike-music][data-music-section-mode="queue"] [data-music-artist-profile],
[data-sike-music][data-music-section-mode="recent"] [data-music-similar-artists],
[data-sike-music][data-music-section-mode="liked"] [data-music-similar-artists],
[data-sike-music][data-music-section-mode="queue"] [data-music-similar-artists]{display:none!important}

@media(max-width:900px){
  [data-music-results][data-result-mode="liked"]{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  .sike-music-dedicated-view-head{margin:10px 12px;padding:20px 18px;align-items:flex-start;flex-direction:column}.sike-music-dedicated-view-head h2{font-size:34px}.sike-music-dedicated-view-head>button{align-self:flex-start}
  .sike-advanced-search-panel{margin:8px 12px 16px;padding:22px 16px}.sike-advanced-search-copy h2{font-size:36px}.sike-advanced-search-form{grid-template-columns:auto minmax(0,1fr)}.sike-advanced-search-form button{grid-column:1/-1;width:100%}
  .sike-music-artist-profile{grid-template-columns:64px minmax(0,1fr);margin:0 12px 14px;padding:13px}.sike-artist-avatar{width:64px;height:64px}.sike-artist-actions{grid-column:1/-1;justify-content:flex-start}.sike-artist-copy h3{font-size:19px}
  [data-music-results][data-result-mode="liked"]{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x proximity!important}.sike-liked-card{flex:0 0 82vw!important;scroll-snap-align:start}
  [data-music-results][data-result-mode="recent"]{display:grid!important;overflow:visible!important}.sike-history-row{grid-template-columns:48px minmax(0,1fr) auto}.sike-history-art{width:48px;height:48px}.sike-history-play{display:none}.sike-history-row>span{font-size:6px}
}


/* ============================================================
   SIKE V445 — full mobile UX pass for V440–V444 features
   ============================================================ */
@media(max-width:760px){
  html.sike-mobile-modal-lock,
  html.sike-mobile-modal-lock body{overflow:hidden!important;overscroll-behavior:none!important}

  /* Global mobile tap quality */
  [data-sike-music] button,
  [data-sike-music] a,
  .sike-sync-mode-control,
  .sike-battery-charge-start,
  .market-support-strip a,
  .sike-support-page a{
    -webkit-tap-highlight-color:transparent;
  }

  /* ----- First visit welcome: no cramped desktop card ----- */
  .sike-index-welcome{
    padding:max(7px,env(safe-area-inset-top)) 7px max(7px,env(safe-area-inset-bottom))!important;
    align-items:center!important;
  }
  .sike-index-welcome-card{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)))!important;
    border-radius:20px!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
  }
  .sike-index-welcome-card::-webkit-scrollbar{display:none!important}
  .sike-index-welcome-brand{
    height:54px!important;
    padding:0 15px!important;
    background:rgba(9,13,11,.96)!important;
    backdrop-filter:blur(16px)!important;
  }
  .sike-index-welcome-brand img{width:145px!important}
  .sike-index-welcome-close{
    width:34px!important;height:34px!important;
    top:10px!important;right:10px!important;
    font-size:18px!important;
  }
  .sike-index-welcome-copy{padding:20px 15px 13px!important}
  .sike-index-welcome-kicker{font-size:6px!important}
  .sike-index-welcome-copy h2{
    font-size:clamp(34px,10.7vw,43px)!important;
    line-height:.9!important;
    margin:7px 0 9px!important;
  }
  .sike-index-welcome-copy>p{
    max-width:none!important;
    font-size:9px!important;
    line-height:1.45!important;
  }
  .sike-index-welcome-product-line{
    display:flex!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    gap:7px!important;margin-top:13px!important;padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .sike-index-welcome-product-line::-webkit-scrollbar{display:none!important}
  .sike-index-welcome-product-line>div{
    flex:0 0 calc(82% - 4px)!important;
    scroll-snap-align:start!important;
    padding:9px 10px!important;
  }
  .sike-index-welcome-product-line small{font-size:6px!important}
  .sike-index-welcome-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;margin-top:12px!important;
  }
  .sike-index-welcome-actions a{
    min-height:42px!important;padding:0 10px!important;
    gap:8px!important;font-size:6.8px!important;
  }
  .sike-index-welcome-side{
    display:block!important;
    padding:0 15px 13px!important;
    background:#090d0b!important;
  }
  .sike-index-welcome-product-mini{display:none!important}
  .sike-index-welcome-music-card{
    padding:10px!important;border-radius:13px!important;
  }
  .sike-index-welcome-music-head{
    display:flex!important;align-items:center!important;
    padding-bottom:8px!important;
  }
  .sike-index-welcome-music-head b{margin:0!important;font-size:8px!important}
  .sike-index-welcome-music-features{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;margin-top:8px!important;
  }
  .sike-index-welcome-music-features>div{
    min-height:57px!important;padding:7px 6px!important;
    display:block!important;
  }
  .sike-index-welcome-music-features i{display:block;margin-bottom:5px!important}
  .sike-index-welcome-music-features b{font-size:6.5px!important}
  .sike-index-welcome-music-features small{
    font-size:5px!important;white-space:normal!important;
  }
  .sike-index-welcome-footer{
    min-height:36px!important;padding:8px 15px!important;
    display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:space-between!important;
  }
  .sike-index-welcome-footer p{font-size:5.8px!important;text-align:right!important}

  /* ----- SIKE Music shell ----- */
  [data-sike-music]{
    --sike-mobile-player-clearance:155px;
  }
  [data-sike-music] .sike-music-scroll{
    padding-bottom:calc(var(--sike-mobile-player-clearance) + env(safe-area-inset-bottom))!important;
    scroll-padding-top:118px!important;
  }
  [data-sike-music] .sike-music-topbar{
    min-height:67px!important;
    padding:8px 10px!important;
    gap:7px!important;
  }
  [data-sike-music] .sike-music-topbar form{
    min-width:0!important;
  }

  /* Dedicated Search / Liked / History / Queue top card */
  .sike-music-dedicated-view-head{
    margin:9px 10px 8px!important;
    padding:17px 15px!important;
    gap:13px!important;
    border-radius:17px!important;
  }
  .sike-music-dedicated-view-head>div>span{font-size:6px!important}
  .sike-music-dedicated-view-head h2{
    font-size:30px!important;line-height:.94!important;margin:6px 0!important;
  }
  .sike-music-dedicated-view-head p{
    max-width:300px!important;font-size:8px!important;line-height:1.4!important;
  }
  .sike-music-dedicated-view-head>button{
    width:auto!important;min-height:37px!important;padding:0 11px!important;
    font-size:7px!important;
  }

  /* Advanced Search should feel like a phone search screen */
  .sike-advanced-search-panel{
    margin:7px 10px 12px!important;
    padding:16px 13px!important;
    border-radius:17px!important;
  }
  .sike-advanced-search-copy h2{
    font-size:31px!important;
    line-height:.93!important;
  }
  .sike-advanced-search-copy p{
    font-size:8px!important;line-height:1.45!important;
  }
  .sike-advanced-search-form{
    margin-top:14px!important;
    padding:5px 5px 5px 11px!important;
    border-radius:13px!important;
    grid-template-columns:20px minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  .sike-advanced-search-form input{
    min-height:42px!important;
    font-size:16px!important; /* prevents iOS Safari zoom */
  }
  .sike-advanced-search-form button{
    grid-column:auto!important;
    width:auto!important;
    min-height:40px!important;padding:0 13px!important;
  }
  .sike-advanced-search-chips{
    display:flex!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;
    margin-right:-13px!important;padding-right:13px!important;
    scrollbar-width:none!important;
  }
  .sike-advanced-search-chips::-webkit-scrollbar{display:none!important}
  .sike-advanced-search-chips button{
    flex:0 0 auto!important;min-height:34px!important;padding:0 11px!important;
  }

  /* Artist profile: compact card with horizontally safe actions */
  .sike-music-artist-profile{
    margin:0 10px 12px!important;padding:12px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;border-radius:15px!important;
  }
  .sike-artist-avatar{width:58px!important;height:58px!important;border-radius:13px!important}
  .sike-artist-copy h3{font-size:18px!important}
  .sike-artist-copy p{font-size:7px!important}
  .sike-artist-tags{
    flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;
  }
  .sike-artist-tags::-webkit-scrollbar{display:none!important}
  .sike-artist-tags span{flex:0 0 auto!important}
  .sike-artist-actions{
    grid-column:1/-1!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .sike-artist-actions button,.sike-artist-actions a{
    min-height:38px!important;justify-content:center!important;
    padding:0 8px!important;
  }
  .sike-artist-actions>*:nth-child(3){
    grid-column:1/-1!important;
  }

  /* Search results: clean swipe carousel with a visible next-card edge */
  [data-music-results][data-result-mode="results"]{
    width:calc(100vw - 10px)!important;
    padding:0 18px 12px 10px!important;
    gap:9px!important;
    scroll-padding-left:10px!important;
  }
  [data-music-results][data-result-mode="results"]>.sike-music-track{
    flex:0 0 min(78vw,310px)!important;
    width:min(78vw,310px)!important;
    max-width:min(78vw,310px)!important;
    min-width:min(78vw,310px)!important;
    border-radius:16px!important;
  }

  /* Similar artists can never disappear underneath the player */
  .sike-similar-artists{
    margin:18px 10px 0!important;
    padding-bottom:calc(44px + var(--sike-mobile-player-clearance))!important;
  }
  .sike-similar-artists-row{
    width:calc(100vw - 10px)!important;
    padding:2px 20px 14px 0!important;
  }
  .sike-similar-artist{
    flex-basis:132px!important;
    min-height:112px!important;
  }

  /* Liked library */
  [data-music-results][data-result-mode="liked"]{
    margin:0 0 0 10px!important;
    padding:0 18px 15px 0!important;
    width:calc(100vw - 10px)!important;
    gap:8px!important;
  }
  .sike-liked-card{
    flex:0 0 min(82vw,330px)!important;
    min-height:104px!important;
    padding:10px!important;border-radius:15px!important;
  }
  .sike-liked-art{width:68px!important;height:68px!important}
  .sike-liked-copy>button{
    white-space:normal!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    line-height:1.25!important;
  }
  .sike-liked-card>.track-queue{
    min-width:38px!important;min-height:33px!important;
  }

  /* History is deliberately a list, not cards */
  [data-music-results][data-result-mode="recent"]{
    padding:0 10px 22px!important;
    gap:6px!important;
  }
  .sike-history-row{
    min-height:64px!important;
    grid-template-columns:48px minmax(0,1fr) 34px!important;
    padding:7px!important;
    border-radius:12px!important;
  }
  .sike-history-row>div button{
    white-space:normal!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    line-height:1.25!important;
  }
  .sike-history-row>span{text-align:right!important}

  /* Queue / empty states */
  [data-music-results][data-result-mode="queue"]{
    padding-inline:10px!important;
  }
  .sike-music-placeholder{
    min-height:210px!important;border-radius:16px!important;
  }

  /* Discovery: maintain top position and make exit obvious */
  body.sike-party-discovery-focus .sike-music-filter-pills{
    top:67px!important;
    z-index:55!important;
    margin-bottom:2px!important;
  }
  body.sike-party-discovery-focus .sike-party-discovery-panel{
    margin:6px 10px 0!important;
    min-height:calc(100dvh - 190px)!important;
    padding-bottom:var(--sike-mobile-player-clearance)!important;
  }
  .sike-party-discovery-head-actions{
    flex-direction:row!important;
    align-items:center!important;
    gap:5px!important;
  }
  .sike-party-discovery-close{
    min-width:38px!important;height:38px!important;padding:0!important;
    justify-content:center!important;
  }
  .sike-party-discovery-close span{width:auto!important;height:auto!important;background:none!important}
  .sike-party-discovery-refresh{width:38px!important;height:38px!important}

  /* Sync Mode becomes a real mobile settings row */
  .sike-sync-mode-control{
    min-height:62px!important;
    margin-top:9px!important;
    padding:9px!important;
    grid-template-columns:40px minmax(0,1fr) 44px!important;
    border-radius:13px!important;
  }
  .sike-sync-mode-icon{width:40px!important;height:40px!important}
  .sike-sync-mode-control b{font-size:9px!important}
  .sike-sync-mode-control small{
    font-size:6.5px!important;line-height:1.25!important;
    white-space:normal!important;
  }
  .sike-sync-mode-control em{min-width:42px!important}

  /* Battery modal — thumb friendly, visible state, safe area */
  .sike-battery-charge-popup{
    padding:12px 10px calc(12px + env(safe-area-inset-bottom))!important;
    align-items:end!important;
  }
  .sike-battery-charge-card{
    width:100%!important;max-width:520px!important;
    border-radius:24px 24px 19px 19px!important;
    padding:23px 17px 17px!important;
    text-align:left!important;
  }
  .sike-battery-charge-icon{
    width:55px!important;height:55px!important;
    margin:0 0 13px!important;border-radius:16px!important;
  }
  .sike-battery-charge-icon span{font-size:25px!important}
  .sike-battery-charge-card h3{
    font-size:25px!important;margin:7px 0 6px!important;
  }
  .sike-battery-charge-card p{
    margin:0!important;max-width:none!important;
    font-size:9px!important;
  }
  .sike-battery-charge-level{margin:17px 0 14px!important}
  .sike-battery-charge-start{
    min-height:52px!important;font-size:9px!important;
  }
  .sike-battery-charge-start:disabled{opacity:.66!important}
  .sike-battery-charge-card>small{text-align:center!important}

  /* Charging badge should not force card titles off-screen */
  .sike-battery-charging-status{
    margin-left:6px!important;
    max-width:112px!important;
    padding:6px 7px!important;
  }

  /* Marketplace: filters swipe, product cards become 1-column */
  .market-main{overflow-x:hidden!important}
  .market-hero{
    padding-left:16px!important;padding-right:16px!important;
  }
  .market-hero h1{font-size:clamp(44px,13vw,62px)!important}
  .market-support-strip{
    margin:0 10px 15px!important;
    padding:14px!important;border-radius:14px!important;
  }
  .market-support-strip>div:last-child{
    grid-template-columns:1fr!important;
  }
  .market-support-strip a{
    min-height:42px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .market-toolbar{
    padding-inline:10px!important;
  }
  .market-search{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  }
  .market-search input{font-size:16px!important;min-width:0!important}
  .filter-row{
    display:flex!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;
    margin-right:-10px!important;padding:1px 10px 8px 0!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .filter-row::-webkit-scrollbar{display:none!important}
  .filter-row a{
    flex:0 0 auto!important;scroll-snap-align:start!important;
    min-height:38px!important;display:flex!important;align-items:center!important;
  }
  .marketplace-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .marketplace-grid .product-card{
    border-radius:17px!important;
  }
  .marketplace-grid .product-image{
    min-height:300px!important;
  }
  .marketplace-grid .card-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;
  }
  .marketplace-grid .card-actions a,
  .marketplace-grid .card-actions button{
    min-height:44px!important;
  }

  /* Donations / startup target */
  .sike-support-hero{
    padding:45px 15px 30px!important;
    gap:24px!important;
  }
  .sike-support-copy h1{
    font-size:clamp(47px,13.5vw,62px)!important;
    line-height:.88!important;
  }
  .sike-support-copy>p{
    font-size:10px!important;line-height:1.55!important;
  }
  .sike-support-actions{
    display:grid!important;grid-template-columns:1fr!important;
  }
  .sike-support-actions a{min-height:46px!important;justify-content:center!important}
  .sike-support-goal-card{
    padding:20px 16px!important;border-radius:19px!important;
  }
  .sike-support-goal-card>strong{
    font-size:clamp(48px,14vw,68px)!important;
  }
  .sike-support-progress-meta{
    display:grid!important;gap:3px!important;
  }
  .sike-support-why,.sike-support-methods,.sike-support-transparency{
    padding:46px 15px!important;
  }
  .sike-support-section-head h2,.sike-support-transparency h2{
    font-size:clamp(39px,11vw,52px)!important;
  }
  .sike-support-budget{
    border-radius:16px!important;
  }
  .sike-support-budget article{
    min-height:155px!important;padding:18px!important;
  }
  .sike-support-budget span{font-size:26px!important}
  .sike-support-method-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    scroll-snap-type:x mandatory!important;
    padding:0 15px 10px 0!important;
    margin-right:-15px!important;
    scrollbar-width:none!important;
  }
  .sike-support-method-grid::-webkit-scrollbar{display:none!important}
  .sike-support-method-grid a{
    flex:0 0 min(78vw,300px)!important;
    min-height:160px!important;
    scroll-snap-align:start!important;
  }
}

/* Extra-small phones */
@media(max-width:390px){
  .sike-index-welcome-actions{grid-template-columns:1fr!important}
  .sike-index-welcome-music-features{grid-template-columns:1fr!important}
  .sike-index-welcome-music-features>div{
    min-height:44px!important;
    display:grid!important;grid-template-columns:18px 1fr!important;
    align-items:center!important;
  }
  .sike-index-welcome-music-features i{margin:0!important}
  .sike-index-welcome-product-line>div{flex-basis:88%!important}
  .sike-advanced-search-form{
    grid-template-columns:18px minmax(0,1fr)!important;
  }
  .sike-advanced-search-form button{
    grid-column:1/-1!important;width:100%!important;
  }
  .sike-artist-actions{grid-template-columns:1fr!important}
  .sike-artist-actions>*{grid-column:auto!important}
}


/* ============================================================
   SIKE V446 — cinematic live timestamp + animated timeline
   ============================================================ */
.sike-expanded-center{
  position:relative!important;
}
.sike-expanded-time-display{
  position:absolute!important;
  left:50%!important;
  bottom:65px!important;
  transform:translateX(-50%) translateY(4px)!important;
  min-width:128px!important;
  height:35px!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(26,30,35,.96),rgba(10,12,15,.96))!important;
  color:#fff!important;
  box-shadow:0 10px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(18px)!important;
  pointer-events:none!important;
  z-index:8!important;
}
.sike-expanded-time-current{
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  font-variant-numeric:tabular-nums!important;
  color:#fff!important;
}
.sike-expanded-time-separator{font-size:8px!important;color:#4f5962!important}
.sike-expanded-time-duration{
  font-size:8px!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
  color:#78838c!important;
}
.sike-expanded-time-live{
  width:5px!important;height:5px!important;border-radius:50%!important;
  background:#ff624a!important;
  box-shadow:0 0 0 4px rgba(255,98,74,.09),0 0 16px rgba(255,98,74,.46)!important;
  margin-left:2px!important;
}
.sike-expanded-time-display.is-playing{
  border-color:rgba(255,101,76,.22)!important;
  animation:sikeTimelineFloat 3.2s ease-in-out infinite!important;
}
.sike-expanded-time-display.is-playing .sike-expanded-time-live{
  animation:sikeTimelinePulse 1.2s ease-in-out infinite!important;
}

.sike-expanded-progress{
  position:relative!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  margin:0 auto 6px!important;
  width:min(100%,390px)!important;
}
.sike-expanded-progress-track{
  position:absolute!important;
  left:0!important;right:0!important;top:50%!important;
  height:4px!important;transform:translateY(-50%)!important;
  border-radius:999px!important;background:#272d33!important;
  overflow:visible!important;pointer-events:none!important;
}
.sike-expanded-progress-track>i{
  display:block!important;height:100%!important;width:0;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#ff4d3d 0%,#ff744f 48%,#ffb04b 100%)!important;
  box-shadow:0 0 15px rgba(255,90,65,.28)!important;
  transition:width .18s linear!important;
}
.sike-expanded-progress-track>b{
  position:absolute!important;left:0;top:50%!important;
  width:10px!important;height:10px!important;border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,100,72,.14),0 0 18px rgba(255,100,72,.60)!important;
  transition:left .18s linear!important;
}
.sike-expanded-progress input{
  position:relative!important;z-index:3!important;
  width:100%!important;height:20px!important;
  opacity:0!important;cursor:pointer!important;
}
.sike-expanded-progress:has(input:hover) .sike-expanded-progress-track{
  height:5px!important;
}
.sike-expanded-progress:has(input:hover) .sike-expanded-progress-track>b{
  width:12px!important;height:12px!important;
}

@keyframes sikeTimelinePulse{50%{opacity:.35;transform:scale(.72)}}
@keyframes sikeTimelineFloat{50%{transform:translateX(-50%) translateY(1px)}}

/* Mobile fullscreen timestamp */
.sike-mobile-video-timeline{
  width:100%!important;
  padding:13px 20px 1px!important;
  display:grid!important;
  gap:8px!important;
}
.sike-mobile-video-time{
  width:max-content!important;
  min-width:115px!important;
  margin:0 auto!important;
  height:34px!important;
  padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#1a2025,#0c1013)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 9px 26px rgba(0,0,0,.33)!important;
  font-variant-numeric:tabular-nums!important;
}
.sike-mobile-video-time>span{font-size:12px!important;font-weight:950!important;color:#fff!important}
.sike-mobile-video-time>small{font-size:8px!important;font-weight:850!important;color:#74808a!important}
.sike-mobile-video-time>i{
  width:5px!important;height:5px!important;border-radius:50%!important;
  background:#ff6149!important;box-shadow:0 0 12px rgba(255,97,73,.55)!important;
}
.sike-mobile-video-time.is-playing{
  border-color:rgba(255,100,74,.22)!important;
  animation:sikeMobileTimeFloat 3s ease-in-out infinite!important;
}
.sike-mobile-video-time.is-playing>i{animation:sikeTimelinePulse 1.2s ease-in-out infinite!important}

.sike-mobile-video-progress{
  position:relative!important;height:24px!important;display:flex!important;align-items:center!important;
}
.sike-mobile-video-progress-track{
  position:absolute!important;left:0!important;right:0!important;top:50%!important;
  height:5px!important;transform:translateY(-50%)!important;
  border-radius:999px!important;background:#252b31!important;
}
.sike-mobile-video-progress-track>i{
  display:block!important;width:0;height:100%!important;border-radius:inherit!important;
  background:linear-gradient(90deg,#ff4e3e,#ff704d,#ffb049)!important;
  box-shadow:0 0 13px rgba(255,95,69,.30)!important;
  transition:width .16s linear!important;
}
.sike-mobile-video-progress-track>b{
  position:absolute!important;left:0;top:50%!important;
  width:11px!important;height:11px!important;border-radius:50%!important;
  transform:translate(-50%,-50%)!important;background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,97,72,.15),0 0 16px rgba(255,97,72,.55)!important;
  transition:left .16s linear!important;
}
.sike-mobile-video-progress input{
  position:relative!important;z-index:3!important;width:100%!important;height:24px!important;
  opacity:0!important;
}
.sike-music-mobile-sheet-controls{
  margin-top:2px!important;
}
.sike-music-mobile-sheet-controls .main{
  position:relative!important;
  box-shadow:0 8px 30px rgba(255,255,255,.08)!important;
}
.sike-mobile-video-time.is-playing + .sike-mobile-video-progress .sike-mobile-video-progress-track>i{
  filter:saturate(1.12)!important;
}
@keyframes sikeMobileTimeFloat{50%{transform:translateY(-2px)}}

@media(min-width:761px){
  .sike-expanded-controls{
    min-height:104px!important;
  }
  .sike-expanded-center{
    padding-top:8px!important;
  }
}
@media(max-width:760px){
  .sike-mobile-video-timeline{
    padding-left:18px!important;padding-right:18px!important;
  }
  .sike-mobile-video-time{height:32px!important;min-width:108px!important}
}


/* ============================================================
   SIKE V447 — SIKEVENTURES branding in fullscreen player
   ============================================================ */
.sike-expanded-head-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:230px!important;
}
.sike-expanded-head-brand>span{
  color:#ff654d!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  white-space:nowrap!important;
}
.sike-expanded-head-brand>img{
  display:block!important;
  width:102px!important;
  height:20px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.sike-expanded-head-copy.sike-expanded-head-brand b{
  display:none!important;
}

/* Subtle visual separator makes AFSPILLER NU + logo read as one brand block. */
.sike-expanded-head-brand:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:50%!important;
  background:#ff654d!important;
  box-shadow:0 0 0 4px rgba(255,101,77,.08),0 0 14px rgba(255,101,77,.28)!important;
}

/* Mobile equivalent */
.sike-mobile-player-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
}
.sike-mobile-player-brand>small{
  color:#ff654d!important;
  font-size:6px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
.sike-mobile-player-brand>img{
  width:92px!important;
  height:18px!important;
  display:block!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .sike-expanded-head-brand{
    min-width:0!important;
    gap:7px!important;
  }
  .sike-expanded-head-brand>span{
    font-size:6px!important;
  }
  .sike-expanded-head-brand>img{
    width:82px!important;
    height:16px!important;
  }
  .sike-expanded-head-brand:before{
    width:4px!important;
    height:4px!important;
    flex-basis:4px!important;
  }
  .sike-mobile-player-brand{
    gap:6px!important;
  }
  .sike-mobile-player-brand>img{
    width:78px!important;
    height:15px!important;
  }
  .sike-mobile-player-brand>small{
    font-size:5px!important;
  }
}


/* ============================================================
   SIKE V448 — single compact Search view
   ============================================================ */
[data-sike-music][data-music-section-mode="search"] [data-music-dedicated-head],
[data-sike-music][data-music-section-mode="results"] [data-music-dedicated-head]{
  display:none!important;
}
[data-sike-music][data-music-section-mode="search"] .sike-music-filter-pills,
[data-sike-music][data-music-section-mode="results"] .sike-music-filter-pills{
  margin-bottom:6px!important;
}

.sike-search-single-card{
  margin:12px 0 13px!important;
  padding:21px 22px 17px!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 87% 0%,rgba(255,97,72,.10),transparent 27%),
    linear-gradient(125deg,rgba(255,95,70,.035),transparent 47%),
    #0d1114!important;
}
.sike-search-single-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.sike-search-single-card .sike-advanced-search-copy{
  min-width:0!important;
}
.sike-search-single-card .sike-advanced-search-copy>span{
  font-size:6px!important;
  letter-spacing:.18em!important;
}
.sike-search-single-card .sike-advanced-search-copy h2{
  margin:6px 0 6px!important;
  font-size:32px!important;
  line-height:.92!important;
}
.sike-search-single-card .sike-advanced-search-copy p{
  max-width:580px!important;
  font-size:8px!important;
  line-height:1.45!important;
}
.sike-search-back-home{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#151a1e!important;
  color:#cbd1d5!important;
  font-size:7px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-search-back-home:hover{
  border-color:rgba(255,101,76,.25)!important;
  background:#1a2024!important;
  color:#fff!important;
}
.sike-search-back-home span{color:#ff684f!important}

.sike-search-single-card .sike-advanced-search-form{
  margin-top:15px!important;
  min-height:50px!important;
  padding:5px 5px 5px 13px!important;
  border-radius:13px!important;
  background:#171c20!important;
}
.sike-search-single-card .sike-advanced-search-form input{
  font-size:11px!important;
}
.sike-search-single-card .sike-advanced-search-form button{
  min-height:40px!important;
  min-width:88px!important;
}
.sike-search-single-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-top:9px!important;
}
.sike-search-single-card .sike-advanced-search-chips{
  margin:0!important;
  flex:1 1 auto!important;
}
.sike-search-single-card .sike-advanced-search-chips button{
  min-height:29px!important;
  padding:0 10px!important;
  font-size:6px!important;
}
.sike-search-benefits{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.sike-search-benefits span{
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#101519!important;
  border:1px solid rgba(255,255,255,.055)!important;
  color:#6f7a82!important;
  font-size:5.8px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.sike-search-benefits i{
  color:#ff674f!important;
  font-style:normal!important;
}

/* Results start immediately after the one Search card. */
[data-sike-music][data-music-section-mode="search"] [data-music-search-results-section],
[data-sike-music][data-music-section-mode="results"] [data-music-search-results-section]{
  margin-top:0!important;
  padding-top:0!important;
}
[data-sike-music][data-music-section-mode="search"] [data-music-search-results-section]>.sike-music-section-head,
[data-sike-music][data-music-section-mode="results"] [data-music-search-results-section]>.sike-music-section-head{
  padding-top:5px!important;
  margin-bottom:8px!important;
}
[data-sike-music][data-music-section-mode="search"] [data-music-results-title],
[data-sike-music][data-music-section-mode="results"] [data-music-results-title]{
  font-size:17px!important;
}
[data-sike-music][data-music-section-mode="search"] .sike-music-url-entry,
[data-sike-music][data-music-section-mode="results"] .sike-music-url-entry{
  margin-top:8px!important;
}

/* Artist card is compact in Search, so it does not create another huge box. */
[data-sike-music][data-music-section-mode="search"] .sike-music-artist-profile,
[data-sike-music][data-music-section-mode="results"] .sike-music-artist-profile{
  grid-template-columns:62px minmax(0,1fr) auto!important;
  gap:12px!important;
  margin-bottom:10px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
}
[data-sike-music][data-music-section-mode="search"] .sike-artist-avatar,
[data-sike-music][data-music-section-mode="results"] .sike-artist-avatar{
  width:62px!important;height:62px!important;border-radius:13px!important;
}
[data-sike-music][data-music-section-mode="search"] .sike-artist-copy h3,
[data-sike-music][data-music-section-mode="results"] .sike-artist-copy h3{
  font-size:18px!important;
}
[data-sike-music][data-music-section-mode="search"] .sike-artist-actions button,
[data-sike-music][data-music-section-mode="search"] .sike-artist-actions a,
[data-sike-music][data-music-section-mode="results"] .sike-artist-actions button,
[data-sike-music][data-music-section-mode="results"] .sike-artist-actions a{
  min-height:31px!important;
  font-size:6px!important;
}

@media(max-width:760px){
  .sike-search-single-card{
    margin:7px 10px 10px!important;
    padding:15px 13px 12px!important;
    border-radius:16px!important;
  }
  .sike-search-single-top{
    gap:10px!important;
  }
  .sike-search-single-card .sike-advanced-search-copy h2{
    font-size:27px!important;
  }
  .sike-search-single-card .sike-advanced-search-copy p{
    font-size:7.5px!important;
    max-width:255px!important;
  }
  .sike-search-back-home{
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    justify-content:center!important;
    font-size:0!important;
  }
  .sike-search-back-home span{
    font-size:13px!important;
  }
  .sike-search-single-card .sike-advanced-search-form{
    min-height:48px!important;
    margin-top:12px!important;
    grid-template-columns:19px minmax(0,1fr) auto!important;
  }
  .sike-search-single-card .sike-advanced-search-form input{
    font-size:16px!important;
  }
  .sike-search-single-card .sike-advanced-search-form button{
    min-width:70px!important;
    padding:0 11px!important;
  }
  .sike-search-single-bottom{
    display:block!important;
    margin-top:8px!important;
  }
  .sike-search-single-card .sike-advanced-search-chips{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding-bottom:5px!important;
    scrollbar-width:none!important;
  }
  .sike-search-single-card .sike-advanced-search-chips::-webkit-scrollbar{display:none!important}
  .sike-search-single-card .sike-advanced-search-chips button{
    flex:0 0 auto!important;
    min-height:31px!important;
  }
  .sike-search-benefits{
    margin-top:5px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .sike-search-benefits::-webkit-scrollbar{display:none!important}
  .sike-search-benefits span{
    flex:0 0 auto!important;
  }

  [data-sike-music][data-music-section-mode="search"] .sike-music-artist-profile,
  [data-sike-music][data-music-section-mode="results"] .sike-music-artist-profile{
    grid-template-columns:54px minmax(0,1fr)!important;
    margin:0 10px 9px!important;
    padding:10px!important;
  }
  [data-sike-music][data-music-section-mode="search"] .sike-artist-avatar,
  [data-sike-music][data-music-section-mode="results"] .sike-artist-avatar{
    width:54px!important;height:54px!important;
  }
  [data-sike-music][data-music-section-mode="search"] .sike-artist-actions,
  [data-sike-music][data-music-section-mode="results"] .sike-artist-actions{
    grid-column:1/-1!important;
    margin-top:0!important;
  }
}


/* ============================================================
   SIKE V449 — Music Import Hub
   ============================================================ */
.sike-music-import-hub{
  margin:10px 0 14px;
  padding:18px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 90% 0%,rgba(255,91,68,.10),transparent 30%),
    radial-gradient(circle at 10% 100%,rgba(49,221,143,.055),transparent 28%),
    #0e1215;
}
.sike-music-import-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
}
.sike-music-import-head>div:first-child>span{
  color:#ff674f;font-size:6px;font-weight:950;letter-spacing:.18em;
}
.sike-music-import-head h3{
  margin:6px 0 5px;font-family:var(--display);font-size:27px;line-height:.95;letter-spacing:-.045em;
}
.sike-music-import-head h3 em{font-style:normal;color:#ff6249}
.sike-music-import-head p{margin:0;max-width:600px;color:#748079;font-size:8px;line-height:1.45}
.sike-music-import-live{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;height:28px;padding:0 9px;
  border-radius:999px;background:#111916;border:1px solid rgba(57,223,143,.10);
  color:#69b78f;font-size:5.5px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;
}
.sike-music-import-live i{width:6px;height:6px;border-radius:50%;background:#42df91;box-shadow:0 0 0 4px rgba(66,223,145,.07),0 0 13px rgba(66,223,145,.3)}

.sike-music-import-sources{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px;
}
.sike-music-import-sources>button{
  position:relative;min-width:0;min-height:66px;padding:9px 10px;
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;
  border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#11161a;color:#fff;text-align:left;cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.sike-music-import-sources>button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.12)}
.sike-music-import-sources>button.active{
  border-color:rgba(255,99,74,.25);
  background:linear-gradient(120deg,rgba(255,96,72,.09),#11161a 54%);
  box-shadow:inset 0 0 0 1px rgba(255,96,72,.025);
}
.sike-music-import-sources .source-icon{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#0b0f12;border:1px solid rgba(255,255,255,.06);
}
.sike-music-import-sources .youtube.active .source-icon,
.sike-music-import-sources .youtube .source-icon{background:rgba(255,0,0,.08)}
.yt-play{width:19px;height:13px;border-radius:4px;background:#ff3838;position:relative}
.yt-play:after{content:"";position:absolute;left:7px;top:3px;border-left:6px solid #fff;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
.sc-cloud{font-style:normal;color:#ff6b24;font-size:19px;line-height:1}
.pl-stack{font-style:normal;color:#a99aff;font-size:20px;font-weight:900;line-height:1}
.sike-music-import-sources>button>span:nth-child(2){min-width:0}
.sike-music-import-sources b{display:block;font-size:8px}
.sike-music-import-sources small{display:block;margin-top:3px;color:#657078;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-music-import-sources em{
  font-style:normal;font-size:5px;font-weight:950;letter-spacing:.1em;color:#606b72;
}
.sike-music-import-sources>button.active em{color:#ff684f}

.sike-music-import-entry{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px;
}
.sike-music-import-input-wrap{
  position:relative;min-height:50px;padding:0 14px 0 42px;
  display:flex;align-items:center;border-radius:13px;background:#090d10;border:1px solid rgba(255,255,255,.08);
}
.sike-music-import-input-wrap>span{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;display:grid;place-items:center;color:#ff684f;font-size:11px;
}
.sike-music-import-input-wrap input{
  width:100%;height:48px;border:0;outline:0;background:transparent;color:#fff;font-size:9px;
}
.sike-music-import-input-wrap small{
  position:absolute;left:42px;bottom:4px;color:#4e5961;font-size:5px;pointer-events:none;
}
.sike-music-import-entry>button{
  min-width:128px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff644b,#f84b3f);
  color:#fff;font-size:7px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;
}
.sike-music-import-entry>button i{font-style:normal;font-size:11px}

.sike-music-import-convert-note{
  margin-top:8px;padding:10px 12px;border-radius:11px;
  background:rgba(142,122,255,.055);border:1px solid rgba(151,131,255,.10);
}
.sike-music-import-convert-note[hidden]{display:none!important}
.convert-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.convert-flow span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#211c35;color:#c8bdff;font-size:6px;font-weight:950}
.convert-flow b{font-size:6.5px}.convert-flow i{font-style:normal;color:#4b5360;font-size:8px}
.sike-music-import-convert-note>small{display:block;margin-top:6px;color:#666f79;font-size:5.5px}

.sike-music-import-footer{
  display:flex;align-items:center;gap:13px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.045);
}
.sike-music-import-footer span{display:flex;align-items:center;gap:5px;color:#68747b;font-size:5.5px;font-weight:800}
.sike-music-import-footer i{font-style:normal;color:#45df94}

/* Compact Home empty-state instead of a giant blank dashed panel */
[data-music-results][data-result-mode="home"]{
  display:block!important;
}
.sike-music-import-empty{
  min-height:156px!important;
  padding:20px 22px!important;
  display:grid!important;
  grid-template-columns:100px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  border-radius:17px!important;
  background:linear-gradient(110deg,#0d1114,#0b0f11)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.import-empty-orbit{
  width:94px;height:94px;border-radius:50%;position:relative;display:grid;place-items:center;
  background:radial-gradient(circle,#151c20 0 36%,transparent 37%),radial-gradient(circle,transparent 0 59%,rgba(255,255,255,.07) 60% 61%,transparent 62%);
}
.import-empty-orbit b{font-size:10px;letter-spacing:.08em}
.import-empty-orbit span,.import-empty-orbit i{
  position:absolute;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:#14191d;border:1px solid rgba(255,255,255,.07)
}
.import-empty-orbit span{right:-2px;top:9px;color:#ff5252}
.import-empty-orbit i{left:0;bottom:3px;color:#ff7a31}
.sike-music-import-empty>div:nth-child(2)>span{color:#ff684f;font-size:5.5px;font-weight:950;letter-spacing:.17em}
.sike-music-import-empty h4{margin:6px 0 4px;font-size:18px}
.sike-music-import-empty p{margin:0;max-width:470px;color:#69747b;font-size:7px;line-height:1.45}
.import-empty-steps{display:flex!important;align-items:center!important;gap:8px!important;color:#59636a}
.import-empty-steps small{font-size:5.5px;font-weight:850;white-space:nowrap}
.import-empty-steps i{font-style:normal;color:#343d43}

/* In Home, API helper is de-emphasized to keep the import hub primary. */
[data-sike-music][data-music-section-mode="home"] .sike-music-api-note{
  margin-top:8px!important;min-height:auto!important;padding:9px 11px!important;border-radius:10px!important;
}
[data-sike-music][data-music-section-mode="home"] .sike-music-api-note p{font-size:5.5px!important}
[data-sike-music][data-music-section-mode="home"] .sike-music-api-note button{min-height:29px!important}

@media(max-width:760px){
  .sike-music-import-hub{
    margin:7px 10px 11px!important;padding:13px!important;border-radius:16px!important;
  }
  .sike-music-import-head h3{font-size:23px!important}
  .sike-music-import-head p{font-size:7px!important;max-width:270px!important}
  .sike-music-import-live{display:none!important}
  .sike-music-import-sources{
    display:flex!important;overflow-x:auto!important;gap:7px!important;
    margin-right:-13px!important;padding-right:13px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  .sike-music-import-sources::-webkit-scrollbar{display:none!important}
  .sike-music-import-sources>button{
    flex:0 0 min(76vw,280px)!important;scroll-snap-align:start!important;min-height:63px!important;
  }
  .sike-music-import-entry{
    grid-template-columns:1fr!important;gap:6px!important;
  }
  .sike-music-import-input-wrap{
    min-height:53px!important;padding-left:39px!important;padding-right:10px!important;
  }
  .sike-music-import-input-wrap input{
    font-size:16px!important;height:50px!important;padding-bottom:10px!important;
  }
  .sike-music-import-input-wrap small{left:39px!important;bottom:3px!important;font-size:5px!important}
  .sike-music-import-entry>button{
    min-height:44px!important;min-width:0!important;width:100%!important;border-radius:11px!important;
  }
  .convert-flow{gap:5px!important}
  .convert-flow i{display:none!important}
  .sike-music-import-footer{
    overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;
  }
  .sike-music-import-footer::-webkit-scrollbar{display:none!important}
  .sike-music-import-footer span{flex:0 0 auto!important}

  .sike-music-import-empty{
    min-height:130px!important;
    margin:0 10px!important;padding:15px!important;
    grid-template-columns:66px minmax(0,1fr)!important;
    gap:13px!important;
  }
  .import-empty-orbit{width:66px!important;height:66px!important}
  .import-empty-orbit span,.import-empty-orbit i{width:22px!important;height:22px!important;border-radius:7px!important}
  .import-empty-orbit b{font-size:8px!important}
  .sike-music-import-empty h4{font-size:15px!important}
  .sike-music-import-empty p{font-size:6.5px!important}
  .import-empty-steps{
    grid-column:1/-1!important;
    justify-content:center!important;
    padding-top:7px!important;border-top:1px solid rgba(255,255,255,.04)!important;
  }
}

@media(max-width:390px){
  .sike-music-import-sources>button{flex-basis:82vw!important}
  .sike-music-import-head h3{font-size:21px!important}
  .convert-flow b{font-size:5.8px!important}
}


/* ============================================================
   SIKE V450 — desktop Music Home rail + bottom player repair
   ============================================================ */
@media(min-width:1101px){
  /* Paint the complete left Music column, including the area below
     playlist buttons when the center page becomes taller. */
  body.sike-topnav-music-route .sike-music-fullscreen,
  body.sike-music-fullscreen-active .sike-music-fullscreen{
    background:
      linear-gradient(90deg,#0b0f12 0 96px,rgba(255,255,255,.055) 96px 97px,#050607 97px 100%)!important;
  }

  /* Keep the rail itself filling the visible viewport while the center scrolls. */
  body.sike-topnav-music-route .sike-music-rail,
  body.sike-music-fullscreen-active .sike-music-rail{
    position:sticky!important;
    top:6px!important;
    align-self:start!important;
    height:calc(100dvh - 154px)!important;
    min-height:calc(100dvh - 154px)!important;
    max-height:calc(100dvh - 154px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#0b0f12!important;
    border-right:1px solid rgba(255,255,255,.055)!important;
    border-radius:0 15px 15px 0!important;
    scrollbar-width:none!important;
    z-index:50!important;
  }
  body.sike-topnav-music-route .sike-music-rail::-webkit-scrollbar,
  body.sike-music-fullscreen-active .sike-music-rail::-webkit-scrollbar{display:none!important}

  /* The fixed bottom player is a real interactive layer. */
  body.sike-topnav-music-route .sike-music-playerbar,
  body.sike-music-fullscreen-active .sike-music-playerbar{
    z-index:90000!important;
    pointer-events:auto!important;
    isolation:isolate!important;
  }
  body.sike-topnav-music-route .sike-music-playerbar *,
  body.sike-music-fullscreen-active .sike-music-playerbar *{
    pointer-events:auto;
  }
  body.sike-topnav-music-route .sike-music-playerbar button,
  body.sike-topnav-music-route .sike-music-playerbar input,
  body.sike-music-fullscreen-active .sike-music-playerbar button,
  body.sike-music-fullscreen-active .sike-music-playerbar input{
    position:relative!important;
    z-index:5!important;
  }

  /* Track row only opens Now Playing from cover/title; do not let the
     row itself sit over the center transport. */
  .sike-music-playerbar-track{
    position:relative!important;
    z-index:2!important;
  }
  .sike-music-transport{
    position:relative!important;
    z-index:20!important;
  }
  .sike-music-player-tools{
    position:relative!important;
    z-index:10!important;
  }

  .transport-buttons{
    position:relative!important;
    z-index:25!important;
  }
  .transport-buttons button{
    min-width:34px!important;
    min-height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    transition:background .15s ease,color .15s ease,transform .15s ease!important;
  }
  .transport-buttons button:hover{
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }
  .transport-buttons .play{
    width:45px!important;
    height:45px!important;
    min-width:45px!important;
    min-height:45px!important;
    color:#0b0d0f!important;
    background:#fff!important;
    box-shadow:0 7px 26px rgba(255,255,255,.10)!important;
  }
  .transport-buttons .play:hover{
    background:#fff!important;
    color:#0b0d0f!important;
    transform:scale(1.035)!important;
  }

  /* Correct live timestamp / seek track. */
  .sike-music-progress{
    position:relative!important;
    z-index:20!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:8px!important;
    min-height:20px!important;
  }
  .sike-music-progress span{
    font-size:6px!important;
    color:#758089!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
  }
  .sike-music-progress [data-music-current-time]{
    color:#adb5bb!important;
  }
  .sike-music-progress input[type="range"]{
    --sike-player-progress:0%;
    width:100%!important;
    height:18px!important;
    margin:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
    cursor:pointer!important;
    opacity:1!important;
  }
  .sike-music-progress input[type="range"]::-webkit-slider-runnable-track{
    height:4px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#ff5f48 0 var(--sike-player-progress),#353b40 var(--sike-player-progress) 100%)!important;
  }
  .sike-music-progress input[type="range"]::-webkit-slider-thumb{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:10px!important;height:10px!important;
    margin-top:-3px!important;border:0!important;border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 0 0 4px rgba(255,97,72,.10),0 0 14px rgba(255,97,72,.35)!important;
  }
  .sike-music-progress input[type="range"]::-moz-range-track{
    height:4px!important;border-radius:999px!important;background:#353b40!important;
  }
  .sike-music-progress input[type="range"]::-moz-range-progress{
    height:4px!important;border-radius:999px!important;background:#ff5f48!important;
  }
  .sike-music-progress input[type="range"]::-moz-range-thumb{
    width:10px!important;height:10px!important;border:0!important;border-radius:50%!important;background:#fff!important;
  }

  .sike-music-playerbar.is-playing .transport-buttons .play{
    box-shadow:0 7px 26px rgba(255,255,255,.11),0 0 0 4px rgba(255,98,73,.025)!important;
  }
}


/* ============================================================
   SIKE V451 — Music Import Hub is HOME ONLY
   ============================================================ */
[data-music-home-only][hidden]{
  display:none!important;
}
[data-sike-music][data-music-section-mode]:not([data-music-section-mode="home"]) [data-music-home-only]{
  display:none!important;
}
[data-sike-music][data-music-section-mode="home"] [data-music-home-only]{
  display:block;
}


/* ============================================================
   SIKE V452 — remove blank lower rail / make sidebar feel complete
   ============================================================ */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-rail,
  body.sike-music-fullscreen-active .sike-music-rail{
    display:grid!important;
    grid-template-rows:auto auto auto minmax(46px,1fr) auto!important;
    align-items:start!important;
    gap:9px!important;
    padding:12px 8px 10px!important;
    overflow:hidden!important;
  }

  body.sike-topnav-music-route .sike-music-rail-brand,
  body.sike-music-fullscreen-active .sike-music-rail-brand{
    align-self:start!important;
  }

  body.sike-topnav-music-route .sike-music-rail nav,
  body.sike-music-fullscreen-active .sike-music-rail nav{
    align-self:start!important;
    flex:none!important;
  }

  /* Library no longer stretches unpredictably or pushes SIKE App under player */
  body.sike-topnav-music-route .sike-music-mini-library,
  body.sike-music-fullscreen-active .sike-music-mini-library{
    margin-top:0!important;
    padding-top:9px!important;
    align-self:start!important;
    align-content:start!important;
    max-height:min(285px,34dvh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
  }
  body.sike-topnav-music-route .sike-music-mini-library::-webkit-scrollbar,
  body.sike-music-fullscreen-active .sike-music-mini-library::-webkit-scrollbar{
    display:none!important;
  }

  /* The previous empty zone becomes a restrained SIKE Music ambient panel. */
  .sike-music-rail-fill{
    width:100%!important;
    min-height:46px!important;
    height:100%!important;
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:9px 4px 8px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.035)!important;
    background:
      radial-gradient(circle at 50% 88%,rgba(255,96,71,.085),transparent 34%),
      linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025))!important;
    color:#343b41!important;
    box-sizing:border-box!important;
  }
  .sike-music-rail-fill:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
    background-size:16px 16px!important;
    mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.65))!important;
    pointer-events:none!important;
  }
  .sike-music-rail-fill>span{
    position:relative!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    font-style:italic!important;
    letter-spacing:-.04em!important;
    color:#40474c!important;
  }
  .sike-music-rail-fill>i{
    position:relative!important;
    width:18px!important;
    height:2px!important;
    margin:5px 0 4px!important;
    border-radius:99px!important;
    background:#ff6249!important;
    opacity:.38!important;
  }
  .sike-music-rail-fill>small{
    position:relative!important;
    font-size:4.5px!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
    color:#31383d!important;
  }

  /* SIKE App is now a permanent visible bottom action above the fixed player */
  body.sike-topnav-music-route .sike-music-exit,
  body.sike-music-fullscreen-active .sike-music-exit{
    margin-top:0!important;
    align-self:end!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    border:1px solid rgba(255,255,255,.045)!important;
    border-radius:13px!important;
    background:#101417!important;
    color:#747e86!important;
    position:relative!important;
    z-index:3!important;
  }
  body.sike-topnav-music-route .sike-music-exit:hover,
  body.sike-music-fullscreen-active .sike-music-exit:hover{
    background:#171c20!important;
    border-color:rgba(255,99,74,.15)!important;
    color:#fff!important;
  }
  body.sike-topnav-music-route .sike-music-exit i,
  body.sike-music-fullscreen-active .sike-music-exit i{
    color:#ff654d!important;
    font-size:13px!important;
  }
}

/* Mobile keeps its existing compact rail; no artificial filler. */
@media(max-width:1100px){
  .sike-music-rail-fill{display:none!important}
}


/* ============================================================
   SIKE V453 — Discovery controls for active host / guest
   ============================================================ */
.sike-party-room-card.is-current-party{
  border-color:rgba(62,224,145,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(62,224,145,.025)!important;
}
.sike-party-room-current-dot{
  margin-left:auto!important;
  height:23px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:rgba(55,223,141,.08)!important;
  border:1px solid rgba(55,223,141,.14)!important;
  color:#48df94!important;
  font-size:5px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
}
.sike-party-discovery-current-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 43px!important;
  gap:7px!important;
  margin-top:12px!important;
}
.sike-party-discovery-current-actions.is-guest{
  grid-template-columns:1fr!important;
}
.sike-party-discovery-lobby-btn{
  min-height:44px!important;
  border:1px solid rgba(55,223,141,.16)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(46,211,130,.16),rgba(31,112,76,.12))!important;
  color:#61e5a2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:8px!important;
  font-weight:950!important;
  cursor:pointer!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}
.sike-party-discovery-lobby-btn:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,rgba(46,211,130,.23),rgba(31,112,76,.16))!important;
  border-color:rgba(75,229,158,.25)!important;
}
.sike-party-discovery-lobby-btn>span{
  font-size:12px!important;
}
.sike-party-discovery-lobby-btn.guest{
  background:linear-gradient(135deg,rgba(60,211,139,.12),rgba(23,92,65,.10))!important;
}
.sike-party-discovery-stop-btn{
  width:43px!important;
  min-width:43px!important;
  height:44px!important;
  padding:0!important;
  border-radius:12px!important;
  border:1px solid rgba(255,86,75,.16)!important;
  background:rgba(255,70,61,.075)!important;
  color:#ff665b!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.sike-party-discovery-stop-btn:hover{
  background:rgba(255,70,61,.14)!important;
  border-color:rgba(255,86,75,.28)!important;
  transform:scale(1.025)!important;
}
.sike-party-room-card.is-current-party .sike-party-room-meta{
  margin-bottom:0!important;
}

@media(max-width:760px){
  .sike-party-discovery-current-actions{
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:7px!important;
  }
  .sike-party-discovery-current-actions.is-guest{
    grid-template-columns:1fr!important;
  }
  .sike-party-discovery-lobby-btn{
    min-height:48px!important;
    font-size:9px!important;
    border-radius:13px!important;
  }
  .sike-party-discovery-stop-btn{
    width:46px!important;height:48px!important;min-width:46px!important;
    border-radius:13px!important;
  }
}


/* ============================================================
   SIKE V455 — clean desktop rail + no artificial filler
   ============================================================ */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-rail,
  body.sike-music-fullscreen-active .sike-music-rail{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    height:calc(100dvh - 154px)!important;
    min-height:calc(100dvh - 154px)!important;
    max-height:calc(100dvh - 154px)!important;
    padding:12px 8px 10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#0b0f12!important;
    scrollbar-width:none!important;
  }
  body.sike-topnav-music-route .sike-music-rail::-webkit-scrollbar,
  body.sike-music-fullscreen-active .sike-music-rail::-webkit-scrollbar{display:none!important}

  .sike-music-rail-fill{display:none!important}

  body.sike-topnav-music-route .sike-music-rail-brand,
  body.sike-music-fullscreen-active .sike-music-rail-brand{
    flex:0 0 auto!important;
    margin-bottom:8px!important;
  }
  body.sike-topnav-music-route .sike-music-rail nav,
  body.sike-music-fullscreen-active .sike-music-rail nav{
    flex:0 0 auto!important;
    margin:0!important;
  }

  body.sike-topnav-music-route .sike-music-mini-library,
  body.sike-music-fullscreen-active .sike-music-mini-library{
    flex:0 0 auto!important;
    margin-top:8px!important;
    padding-top:9px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.sike-topnav-music-route .sike-music-mini-library [data-user-playlist-slot],
  body.sike-music-fullscreen-active .sike-music-mini-library [data-user-playlist-slot]{
    max-height:145px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
  }
  body.sike-topnav-music-route .sike-music-mini-library [data-user-playlist-slot]::-webkit-scrollbar,
  body.sike-music-fullscreen-active .sike-music-mini-library [data-user-playlist-slot]::-webkit-scrollbar{display:none!important}

  body.sike-topnav-music-route .sike-music-exit,
  body.sike-music-fullscreen-active .sike-music-exit{
    flex:0 0 auto!important;
    margin-top:8px!important;
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    border-radius:12px!important;
    background:#101417!important;
    border:1px solid rgba(255,255,255,.045)!important;
    color:#707a82!important;
  }

  /* Remaining lower rail area is simply the rail itself, not a bordered empty card. */
  body.sike-topnav-music-route .sike-music-rail:after,
  body.sike-music-fullscreen-active .sike-music-rail:after{
    content:"SIKE MUSIC"!important;
    flex:1 1 auto!important;
    min-height:28px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 0 7px!important;
    color:rgba(255,255,255,.055)!important;
    font-size:5px!important;
    font-weight:950!important;
    letter-spacing:.19em!important;
    pointer-events:none!important;
  }
}


/* ============================================================
   SIKE V456 — Premium hero visibility / centered CTA repair
   ============================================================ */
body.sike-premium-open .sike-premium-modal,
.sike-premium-modal:not([hidden]){
  box-sizing:border-box!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  max-width:100vw!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
}
body.sike-premium-open .sike-premium-page,
.sike-premium-modal:not([hidden]) .sike-premium-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow-x:hidden!important;
}
body.sike-premium-open .sike-premium-gradient-hero,
.sike-premium-modal:not([hidden]) .sike-premium-gradient-hero{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:430px!important;
  padding:52px clamp(24px,6vw,90px) 50px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.sike-premium-open .sike-premium-gradient-hero .sike-premium-eyebrow{
  display:block!important;
  margin:0 0 12px!important;
  visibility:visible!important;
}
body.sike-premium-open .sike-premium-gradient-hero h2{
  display:block!important;
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin:0 auto 16px!important;
  font-size:clamp(48px,5.4vw,76px)!important;
  line-height:.94!important;
  white-space:normal!important;
  overflow:visible!important;
}
body.sike-premium-open .sike-premium-gradient-hero p{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0 auto!important;
  font-size:17px!important;
  line-height:1.48!important;
}
body.sike-premium-open .sike-premium-hero-actions{
  width:auto!important;
  max-width:none!important;
  margin:24px auto 15px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  position:static!important;
  transform:none!important;
}
body.sike-premium-open .sike-premium-hero-actions button{
  position:static!important;
  transform:none!important;
  min-width:152px!important;
  min-height:48px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
body.sike-premium-open .sike-premium-close{
  top:calc(var(--sike-premium-chrome-h,0px) + 16px)!important;
  right:18px!important;
}
body.sike-premium-open .sike-premium-plans{
  width:min(100%,1040px)!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){
  body.sike-premium-open .sike-premium-gradient-hero,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero{
    min-height:auto!important;
    padding:56px 18px 38px!important;
  }
  body.sike-premium-open .sike-premium-gradient-hero h2{
    font-size:clamp(38px,11vw,50px)!important;
  }
  body.sike-premium-open .sike-premium-gradient-hero p{
    font-size:13px!important;
    line-height:1.45!important;
  }
  body.sike-premium-open .sike-premium-hero-actions{
    width:100%!important;
    max-width:360px!important;
    flex-direction:column!important;
  }
  body.sike-premium-open .sike-premium-hero-actions button{
    width:100%!important;
    min-width:0!important;
  }
}


/* ============================================================
   SIKE V457 — definitive Premium banner / CTA positioning fix
   ============================================================ */

/* IMPORTANT:
   Several real CTA buttons use data-premium-close because checkout is
   disabled in the concept build. Older rules accidentally treated every
   one of them as the floating X. Reset all CTA buttons first. */
body.sike-premium-open .sike-premium-hero-actions [data-premium-close],
body.sike-premium-open .sike-premium-plan-card [data-premium-close],
.sike-premium-modal:not([hidden]) .sike-premium-hero-actions [data-premium-close],
.sike-premium-modal:not([hidden]) .sike-premium-plan-card [data-premium-close]{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:auto!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:999px!important;
}

/* Only this dedicated class is the actual floating close X. */
body.sike-premium-open .sike-premium-close,
.sike-premium-modal:not([hidden]) .sike-premium-close{
  position:fixed!important;
  top:calc(var(--sike-premium-chrome-h,0px) + 18px)!important;
  right:20px!important;
  left:auto!important;
  bottom:auto!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:50%!important;
  z-index:2147483638!important;
}

/* Desktop hero: reserve enough vertical room above the title so no line
   can sit behind the site/header chrome. */
@media(min-width:761px){
  body.sike-premium-open .sike-premium-modal,
  .sike-premium-modal:not([hidden]){
    padding-top:0!important;
    overflow-x:hidden!important;
  }

  body.sike-premium-open .sike-premium-page,
  .sike-premium-modal:not([hidden]) .sike-premium-page{
    padding-top:0!important;
    overflow:visible!important;
  }

  body.sike-premium-open .sike-premium-gradient-hero,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero{
    min-height:470px!important;
    height:auto!important;
    padding:
      clamp(82px,8vh,112px)
      clamp(30px,6vw,96px)
      54px!important;
    justify-content:center!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body.sike-premium-open .sike-premium-gradient-hero .sike-premium-eyebrow,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero .sike-premium-eyebrow{
    flex:0 0 auto!important;
    margin:0 0 13px!important;
  }

  body.sike-premium-open .sike-premium-gradient-hero h2,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero h2{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:min(920px,100%)!important;
    max-width:920px!important;
    margin:0 auto 17px!important;
    padding:0!important;
    font-size:clamp(48px,5.2vw,74px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
  }

  body.sike-premium-open .sike-premium-gradient-hero p,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero p{
    flex:0 0 auto!important;
    margin:0 auto!important;
    width:min(760px,100%)!important;
    max-width:760px!important;
  }

  body.sike-premium-open .sike-premium-hero-actions,
  .sike-premium-modal:not([hidden]) .sike-premium-hero-actions{
    position:static!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:none!important;
    margin:25px auto 16px!important;
    transform:none!important;
  }

  body.sike-premium-open .sike-premium-hero-actions button,
  .sike-premium-modal:not([hidden]) .sike-premium-hero-actions button{
    position:static!important;
    width:auto!important;
    height:50px!important;
    min-height:50px!important;
    min-width:170px!important;
    padding:0 25px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  body.sike-premium-open .sike-premium-plan-card>button,
  .sike-premium-modal:not([hidden]) .sike-premium-plan-card>button{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-height:46px!important;
    border-radius:11px!important;
  }
}

/* Mobile keeps the same logic, but stacked CTA buttons. */
@media(max-width:760px){
  body.sike-premium-open .sike-premium-gradient-hero,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero{
    min-height:auto!important;
    padding:68px 18px 40px!important;
    overflow:visible!important;
  }

  body.sike-premium-open .sike-premium-gradient-hero h2,
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero h2{
    margin:0 auto 14px!important;
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1!important;
    overflow:visible!important;
  }

  body.sike-premium-open .sike-premium-hero-actions,
  .sike-premium-modal:not([hidden]) .sike-premium-hero-actions{
    position:static!important;
    width:100%!important;
    max-width:360px!important;
    flex-direction:column!important;
    margin:22px auto 14px!important;
  }

  body.sike-premium-open .sike-premium-hero-actions button,
  .sike-premium-modal:not([hidden]) .sike-premium-hero-actions button{
    position:static!important;
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
  }

  body.sike-premium-open .sike-premium-plan-card>button,
  .sike-premium-modal:not([hidden]) .sike-premium-plan-card>button{
    position:static!important;
    width:100%!important;
    min-height:46px!important;
    border-radius:11px!important;
  }
}


/* ============================================================
   SIKE V458 — premium Liked Songs playlist view
   ============================================================ */
[data-sike-music][data-music-section-mode="liked"] [data-music-dedicated-head],
[data-sike-music][data-music-section-mode="liked"] [data-music-search-results-section]>.sike-music-section-head{
  display:none!important;
}
[data-sike-music][data-music-section-mode="liked"] [data-music-search-results-section]{
  padding:0!important;margin:0!important;
}
[data-music-results][data-result-mode="liked"]{
  display:block!important;
  padding:0!important;margin:0!important;
  max-width:none!important;width:100%!important;
}
.sike-liked-playlist-view{
  min-height:calc(100dvh - 170px);
  background:#0b0e11;
  border-radius:20px 20px 0 0;
  overflow:hidden;
}
.sike-liked-hero{
  min-height:276px;
  padding:30px 34px;
  display:flex;align-items:flex-end;gap:28px;
  background:
    radial-gradient(circle at 92% 5%,rgba(156,137,255,.26),transparent 38%),
    linear-gradient(135deg,#201347 0%,#382373 44%,#6f62d8 100%);
}
.sike-liked-cover{
  flex:0 0 220px;width:220px;height:220px;border-radius:8px;
  display:grid;place-items:center;position:relative;overflow:hidden;
  background:linear-gradient(145deg,#5b2cff,#765ae7 48%,#aee8cf);
  box-shadow:0 20px 48px rgba(0,0,0,.32);
}
.sike-liked-cover:before{
  content:"";position:absolute;inset:-35%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 55%);
  transform:translate(25%,28%);
}
.sike-liked-cover>span{
  position:relative;font-size:84px;color:#fff;line-height:1;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.16));
}
.sike-liked-cover>i{
  position:absolute;left:14px;bottom:12px;font-style:normal;
  font-size:6px;font-weight:950;letter-spacing:.13em;color:rgba(255,255,255,.75);
}
.sike-liked-hero-copy{min-width:0;padding-bottom:8px}
.sike-liked-hero-copy>span{
  display:block;margin-bottom:8px;color:#fff;font-size:7px;font-weight:900;letter-spacing:.11em;
}
.sike-liked-hero-copy h2{
  margin:0;font-family:var(--display);font-size:clamp(48px,5.4vw,78px);
  line-height:.9;letter-spacing:-.055em;color:#fff;
}
.sike-liked-hero-copy>p{
  max-width:590px;margin:12px 0 13px;color:rgba(255,255,255,.70);font-size:9px;
}
.sike-liked-meta{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.72);font-size:7px}
.sike-liked-meta b{color:#fff}.sike-liked-meta i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.55)}

.sike-liked-toolbar{
  min-height:86px;padding:17px 30px;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,rgba(47,31,87,.65),rgba(11,14,17,0));
}
.sike-liked-toolbar>div{display:flex;align-items:center;gap:10px}
.sike-liked-play-all{
  width:54px;height:54px;border:0;border-radius:50%;
  display:grid;place-items:center;background:#ff6249;color:#fff;font-size:18px;
  box-shadow:0 10px 26px rgba(255,98,73,.22);cursor:pointer;transition:.16s ease;
}
.sike-liked-play-all:hover{transform:scale(1.04);background:#ff725c}
.sike-liked-shuffle,.sike-liked-library-status{
  width:38px;height:38px;border:0;background:transparent;color:#8d969d;font-size:21px;cursor:pointer;
}
.sike-liked-shuffle:hover,.sike-liked-shuffle.is-active{color:#ff684f}
.sike-liked-library-status{color:#4ee09a;font-size:18px}
.sike-liked-view-label{display:flex;align-items:center;gap:8px;color:#8b949a;font-size:7px;font-weight:800}
.sike-liked-view-label i{font-style:normal;font-size:14px}

.sike-liked-table{padding:0 28px 120px}
.sike-liked-table-head{
  display:grid;grid-template-columns:34px 42px minmax(260px,1.7fr) minmax(160px,1fr) 145px 34px 58px 38px;
  align-items:center;gap:10px;min-height:38px;padding:0 8px;
  border-bottom:1px solid rgba(255,255,255,.08);color:#818b92;font-size:6.5px;font-weight:850;letter-spacing:.04em;
}
.sike-liked-table-head>span:nth-child(2){grid-column:2/4}
.sike-liked-table-head>span:nth-child(3){grid-column:4}
.sike-liked-table-head>span:nth-child(4){grid-column:5}
.sike-liked-table-head>span:nth-child(5){grid-column:6}
.sike-liked-table-head>span:nth-child(6){grid-column:7}
.sike-liked-table-head>span:nth-child(7){grid-column:8}

.sike-liked-row{
  display:grid;grid-template-columns:34px 42px minmax(260px,1.7fr) minmax(160px,1fr) 145px 34px 58px 38px;
  align-items:center;gap:10px;min-height:62px;padding:5px 8px;border-radius:9px;
  transition:background .12s ease;
}
.sike-liked-row:hover{background:rgba(255,255,255,.045)}
.sike-liked-index{color:#8b949a;font-size:8px;text-align:center}
.sike-liked-row-art{width:42px;height:42px;border:0;padding:0;border-radius:5px;overflow:hidden;position:relative;background:#181d21;cursor:pointer}
.sike-liked-row-art img{width:100%;height:100%;object-fit:cover}
.sike-liked-row-art i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font-style:normal;opacity:0}
.sike-liked-row:hover .sike-liked-row-art i{opacity:1}
.sike-liked-row-title{min-width:0}
.sike-liked-row-title button{
  display:block;width:100%;border:0;padding:0;background:none;color:#fff;text-align:left;
  font-size:8.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;
}
.sike-liked-row-title small{display:block;margin-top:4px;color:#747e85;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-liked-row-album,.sike-liked-row-added,.sike-liked-row-duration{color:#7b858c;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sike-liked-row-like{border:0;background:none;color:#ff6580;font-size:12px;cursor:pointer}
.sike-liked-row-duration{text-align:right;font-variant-numeric:tabular-nums}
.sike-liked-row-more{width:31px;height:31px;border:0!important;border-radius:50%!important;background:transparent!important;color:#727c83!important;font-size:13px!important;padding:0!important}
.sike-liked-row-more:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}

@media(max-width:1000px){
  .sike-liked-table-head,.sike-liked-row{
    grid-template-columns:28px 42px minmax(220px,1.7fr) minmax(130px,1fr) 34px 54px 34px;
  }
  .sike-liked-row-added,.sike-liked-table-head>span:nth-child(4){display:none}
  .sike-liked-table-head>span:nth-child(5){grid-column:5}
  .sike-liked-table-head>span:nth-child(6){grid-column:6}
  .sike-liked-table-head>span:nth-child(7){grid-column:7}
}
@media(max-width:760px){
  .sike-liked-playlist-view{margin:0 0 0!important;border-radius:0!important;min-height:auto!important}
  .sike-liked-hero{
    min-height:300px!important;padding:25px 18px 21px!important;
    flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:17px!important;
  }
  .sike-liked-cover{
    width:150px!important;height:150px!important;flex-basis:150px!important;align-self:center!important;border-radius:7px!important;
  }
  .sike-liked-cover>span{font-size:60px!important}
  .sike-liked-hero-copy{width:100%!important}
  .sike-liked-hero-copy>span{font-size:6px!important}
  .sike-liked-hero-copy h2{font-size:42px!important}
  .sike-liked-hero-copy>p{font-size:8px!important;margin:8px 0!important}
  .sike-liked-meta{font-size:6.5px!important;flex-wrap:wrap!important}
  .sike-liked-toolbar{min-height:70px!important;padding:10px 15px!important}
  .sike-liked-play-all{width:49px!important;height:49px!important}
  .sike-liked-table{padding:0 10px calc(175px + env(safe-area-inset-bottom))!important}
  .sike-liked-table-head{
    grid-template-columns:25px minmax(0,1fr) 34px 34px!important;
    padding:0 5px!important;
  }
  .sike-liked-table-head>span:nth-child(n+3){display:none!important}
  .sike-liked-table-head>span:nth-child(2){grid-column:2!important}
  .sike-liked-row{
    grid-template-columns:25px 48px minmax(0,1fr) 32px 32px!important;
    min-height:61px!important;padding:5px!important;gap:8px!important;
  }
  .sike-liked-row-art{width:48px!important;height:48px!important}
  .sike-liked-row-title button{font-size:9px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important}
  .sike-liked-row-title small{font-size:6.5px!important}
  .sike-liked-row-album,.sike-liked-row-added,.sike-liked-row-duration{display:none!important}
  .sike-liked-row-like{font-size:13px!important}
  .sike-liked-view-label{font-size:6px!important}
}


/* ============================================================
   SIKE V459 — Liked Songs actions, runtime, import + archive
   ============================================================ */
.sike-liked-hero-copy{position:relative}
.sike-liked-hero-actions{
  display:flex!important;align-items:center!important;gap:7px!important;margin-top:13px!important;
}
.sike-liked-hero-actions button{
  width:36px!important;height:36px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(8,10,18,.24)!important;color:#fff!important;
  display:grid!important;place-items:center!important;
  font-size:14px!important;cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease!important;
}
.sike-liked-hero-actions button:hover{
  transform:translateY(-2px) scale(1.03)!important;
  background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;
}
.sike-liked-hero-actions [data-liked-party]{color:#62e6a2!important}
.sike-liked-hero-actions [data-liked-import]{color:#ffd36a!important}
.sike-liked-hero-actions [data-liked-old]{color:#cabfff!important}

.sike-liked-action-modal{
  position:fixed!important;inset:0!important;z-index:2147483600!important;
  display:grid!important;place-items:center!important;padding:18px!important;
  background:rgba(2,4,7,.72)!important;backdrop-filter:blur(15px)!important;
}
.sike-liked-action-modal[hidden]{display:none!important}
.sike-liked-action-card{
  position:relative!important;width:min(560px,100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;
  padding:27px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(115,91,255,.20),transparent 35%),
    linear-gradient(145deg,#151027,#0d1115 58%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.48)!important;
}
.sike-liked-action-close{
  position:absolute!important;right:15px!important;top:15px!important;
  width:38px!important;height:38px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;background:#12171b!important;color:#fff!important;
  font-size:20px!important;cursor:pointer!important;
}
.sike-liked-action-kicker{
  color:#ff6b52!important;font-size:6px!important;font-weight:950!important;letter-spacing:.16em!important;
}
.sike-liked-action-card h3{
  margin:7px 46px 7px 0!important;font-size:28px!important;line-height:.98!important;color:#fff!important;
}
.sike-liked-action-card>p{margin:0 0 17px!important;color:#7b858d!important;font-size:8px!important;line-height:1.45!important}
.sike-liked-import-input{
  min-height:52px!important;padding:0 13px!important;
  display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important;background:#090d10!important;
}
.sike-liked-import-input i{font-style:normal!important;color:#ff6a50!important}
.sike-liked-import-input input{
  width:100%!important;height:50px!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;
}
.sike-liked-import-modes{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important;
}
.sike-liked-import-modes button{
  min-height:76px!important;padding:9px!important;
  display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;
  border-radius:12px!important;border:1px solid rgba(255,255,255,.065)!important;background:#11161a!important;color:#fff!important;text-align:left!important;cursor:pointer!important;
}
.sike-liked-import-modes button.active{border-color:rgba(255,101,76,.28)!important;background:rgba(255,96,72,.08)!important}
.sike-liked-import-modes b{font-size:15px!important;color:#ff6b52!important}
.sike-liked-import-modes span{font-size:7px!important;font-weight:900!important}
.sike-liked-import-modes small{display:block!important;margin-top:3px!important;color:#667179!important;font-size:5.5px!important;font-weight:600!important}
.sike-liked-import-run{
  width:100%!important;min-height:46px!important;margin-top:9px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(135deg,#ff654d,#f04b41)!important;color:#fff!important;font-size:8px!important;font-weight:950!important;cursor:pointer!important;
}
.sike-liked-import-status{display:block!important;min-height:16px!important;margin-top:8px!important;text-align:center!important;color:#909aa1!important;font-size:6px!important}
body.sike-liked-modal-open{overflow:hidden!important}

[data-music-results][data-result-mode="liked-old"]{display:block!important;padding:0!important;margin:0!important}
[data-sike-music][data-music-section-mode="liked-old"] [data-music-dedicated-head],
[data-sike-music][data-music-section-mode="liked-old"] [data-music-search-results-section]>.sike-music-section-head{display:none!important}

@media(max-width:760px){
  .sike-liked-hero-actions{margin-top:11px!important}
  .sike-liked-hero-actions button{width:39px!important;height:39px!important;font-size:15px!important}
  .sike-liked-action-modal{align-items:end!important;padding:8px!important}
  .sike-liked-action-card{width:100%!important;padding:23px 14px 15px!important;border-radius:23px 23px 16px 16px!important}
  .sike-liked-action-card h3{font-size:24px!important}
  .sike-liked-action-card>p{font-size:7.5px!important}
  .sike-liked-import-input input{font-size:16px!important}
  .sike-liked-import-modes{
    display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;scrollbar-width:none!important;
  }
  .sike-liked-import-modes::-webkit-scrollbar{display:none!important}
  .sike-liked-import-modes button{flex:0 0 72vw!important;min-height:72px!important}
}


/* ============================================================
   SIKE V462 — Party member View Profile + Host Kick
   ============================================================ */
.sike-party-profile-actions{
  display:grid!important;
  gap:7px!important;
}
.sike-party-profile-actions button{
  width:100%!important;
  min-height:42px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#12171b!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  font-size:7px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.sike-party-profile-actions button:hover{
  background:#181e23!important;
  border-color:rgba(255,255,255,.13)!important;
  transform:translateY(-1px)!important;
}
.sike-party-profile-actions button>span{
  width:24px!important;height:24px!important;border-radius:8px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.045)!important;
  font-size:11px!important;
}
.sike-party-profile-actions button.danger{
  color:#ff746a!important;
  border-color:rgba(255,91,78,.12)!important;
  background:rgba(255,70,60,.055)!important;
}
.sike-party-profile-actions button.danger:hover{
  background:rgba(255,70,60,.11)!important;
  border-color:rgba(255,91,78,.22)!important;
}
.sike-party-profile-note{
  display:block!important;
  padding:10px 11px!important;
  color:#717c83!important;
  font-size:6px!important;
  line-height:1.4!important;
}
.sike-party-room-bubble[data-party-member-profile]{
  cursor:pointer!important;
  touch-action:manipulation!important;
}
@media(max-width:760px){
  .sike-party-profile-actions button{
    min-height:48px!important;
    font-size:9px!important;
  }
}


/* ============================================================
   SIKE V463 — Inline member profile inside SIKE Music
   ============================================================ */
.sike-music-home.is-member-profile-view{
  position:relative!important;
}
.sike-music-home.is-member-profile-view > :not(.sike-music-topbar):not([data-inline-member-profile]){
  display:none!important;
}
.sike-music-home.is-member-profile-view [data-inline-member-profile]{
  display:block!important;
}
.sike-inline-member-profile[hidden]{display:none!important}

.sike-inline-member-profile{
  width:100%!important;
  min-height:calc(100dvh - 225px)!important;
  padding:18px 22px 135px!important;
  background:
    radial-gradient(circle at 96% 4%,rgba(255,94,70,.08),transparent 28%),
    #0a0d10!important;
}
.sike-inline-member-card{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#0d1114!important;
  box-shadow:0 22px 70px rgba(0,0,0,.25)!important;
}
.sike-inline-member-banner{
  height:205px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 0%,rgba(255,112,79,.28),transparent 35%),
    radial-gradient(circle at 15% 100%,rgba(104,80,255,.18),transparent 38%),
    linear-gradient(135deg,#231019,#432019 48%,#111820)!important;
}
.sike-inline-member-banner:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.85),transparent)!important;
}
.sike-inline-member-wordmark{
  position:absolute!important;right:25px!important;bottom:-31px!important;
  font-size:150px!important;font-weight:950!important;font-style:italic!important;
  letter-spacing:-.09em!important;color:rgba(255,255,255,.035)!important;
  pointer-events:none!important;
}
.sike-inline-member-back{
  position:absolute!important;left:19px!important;top:18px!important;z-index:3!important;
  min-height:38px!important;padding:0 14px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.09)!important;background:rgba(8,11,14,.55)!important;
  color:#fff!important;display:flex!important;align-items:center!important;gap:8px!important;
  font-size:7px!important;font-weight:850!important;cursor:pointer!important;backdrop-filter:blur(12px)!important;
}
.sike-inline-member-live{
  position:absolute!important;right:19px!important;top:18px!important;z-index:3!important;
  min-height:32px!important;padding:0 11px!important;border-radius:999px!important;
  display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(68,224,148,.13)!important;background:rgba(43,194,124,.065)!important;
  color:#5ee3a3!important;font-size:6px!important;font-weight:950!important;letter-spacing:.1em!important;
}
.sike-inline-member-live i{width:6px!important;height:6px!important;border-radius:50%!important;background:#43e091!important;box-shadow:0 0 14px rgba(67,224,145,.45)!important}

.sike-inline-member-profile-head{
  min-height:126px!important;padding:0 27px 24px!important;
  display:flex!important;align-items:flex-end!important;gap:18px!important;
  position:relative!important;
}
.sike-inline-member-avatar{
  flex:0 0 118px!important;width:118px!important;height:118px!important;
  margin-top:-59px!important;border-radius:50%!important;
  border:6px solid #0d1114!important;background:#1c2328!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  color:#fff!important;font-size:37px!important;font-weight:950!important;position:relative!important;z-index:2!important;
}
.sike-inline-member-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-inline-member-identity{min-width:0!important;flex:1!important;padding-bottom:2px!important}
.sike-inline-member-identity>span{display:block!important;color:#ff6a50!important;font-size:6px!important;font-weight:950!important;letter-spacing:.13em!important;margin-bottom:5px!important}
.sike-inline-member-identity h2{margin:0!important;color:#fff!important;font-size:34px!important;line-height:1!important;letter-spacing:-.04em!important}
.sike-inline-member-identity p{margin:6px 0 0!important;color:#78838a!important;font-size:8px!important}
.sike-inline-member-head-actions{display:flex!important;align-items:center!important;gap:7px!important;padding-bottom:5px!important}
.sike-inline-member-head-actions button{
  min-height:40px!important;padding:0 13px!important;border-radius:11px!important;
  border:1px solid rgba(255,255,255,.075)!important;background:#12171b!important;color:#fff!important;
  display:flex!important;align-items:center!important;gap:7px!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.sike-inline-member-head-actions button.danger{color:#ff766c!important;border-color:rgba(255,89,78,.14)!important;background:rgba(255,69,58,.06)!important}

.sike-inline-member-grid{
  padding:0 27px!important;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr)!important;gap:12px!important;
}
.sike-inline-member-panel{
  min-height:190px!important;padding:20px!important;border-radius:17px!important;
  border:1px solid rgba(255,255,255,.065)!important;background:#090d10!important;
}
.sike-inline-member-panel.now{
  background:
    radial-gradient(circle at 90% 10%,rgba(255,94,70,.08),transparent 36%),
    #090d10!important;
}
.sike-inline-member-panel-title>span{display:block!important;color:#ff684f!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:.14em!important}
.sike-inline-member-panel-title>b{display:block!important;margin-top:5px!important;color:#fff!important;font-size:18px!important}
.sike-inline-member-track{display:flex!important;align-items:center!important;gap:13px!important;margin-top:18px!important}
.sike-inline-member-track-art{width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:11px!important;overflow:hidden!important;background:#161d21!important;display:grid!important;place-items:center!important;color:#758089!important}
.sike-inline-member-track-art img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-inline-member-track>div{min-width:0!important}
.sike-inline-member-track small{display:block!important;color:#66727a!important;font-size:5.5px!important;font-weight:850!important;letter-spacing:.08em!important}
.sike-inline-member-track b{display:block!important;margin-top:5px!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sike-inline-member-track span{display:block!important;margin-top:4px!important;color:#7c878e!important;font-size:7px!important}

.sike-inline-member-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:16px!important}
.sike-inline-member-stats>div{padding:11px!important;border-radius:11px!important;background:#12171b!important}
.sike-inline-member-stats small{display:block!important;color:#5e6970!important;font-size:5px!important;font-weight:850!important;letter-spacing:.08em!important}
.sike-inline-member-stats b{display:flex!important;align-items:center!important;gap:6px!important;margin-top:4px!important;color:#fff!important;font-size:8px!important}
.sike-inline-member-stats i.online{width:6px!important;height:6px!important;border-radius:50%!important;background:#40df90!important}

.sike-inline-member-about{
  margin:12px 27px 27px!important;padding:21px!important;border-radius:17px!important;
  border:1px solid rgba(255,255,255,.055)!important;background:linear-gradient(135deg,#0a0e11,#10151a)!important;
}
.sike-inline-member-about>span{color:#ff684f!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:.14em!important}
.sike-inline-member-about h3{margin:7px 0 7px!important;color:#fff!important;font-size:21px!important}
.sike-inline-member-about p{margin:0!important;max-width:640px!important;color:#748087!important;font-size:7.5px!important;line-height:1.55!important}

.sike-inline-member-loading,.sike-inline-member-error{
  min-height:420px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#7e8990!important;
}
.sike-inline-member-loading i{width:30px!important;height:30px!important;border-radius:50%!important;border:3px solid rgba(255,255,255,.07)!important;border-top-color:#ff6249!important;animation:sikeMemberSpin .75s linear infinite!important;margin-bottom:13px!important}
.sike-inline-member-loading b,.sike-inline-member-error b{color:#fff!important;font-size:16px!important}
.sike-inline-member-loading small,.sike-inline-member-error p{margin-top:5px!important;font-size:7px!important;color:#6d787f!important}
.sike-inline-member-error button{margin-top:15px!important;min-height:40px!important;padding:0 15px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.08)!important;background:#14191d!important;color:#fff!important;cursor:pointer!important}
@keyframes sikeMemberSpin{to{transform:rotate(360deg)}}

@media(max-width:760px){
  .sike-inline-member-profile{padding:10px 8px calc(155px + env(safe-area-inset-bottom))!important;min-height:auto!important}
  .sike-inline-member-card{border-radius:18px!important}
  .sike-inline-member-banner{height:155px!important}
  .sike-inline-member-wordmark{font-size:92px!important;right:8px!important;bottom:-18px!important}
  .sike-inline-member-back{left:10px!important;top:10px!important;height:38px!important;font-size:8px!important}
  .sike-inline-member-live{right:10px!important;top:10px!important}
  .sike-inline-member-profile-head{padding:0 15px 18px!important;display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:11px!important}
  .sike-inline-member-avatar{width:82px!important;height:82px!important;flex-basis:82px!important;margin-top:-41px!important;border-width:4px!important;font-size:27px!important}
  .sike-inline-member-identity h2{font-size:27px!important}
  .sike-inline-member-head-actions{grid-column:1/-1!important;width:100%!important;padding:0!important}
  .sike-inline-member-head-actions button{flex:1!important;justify-content:center!important;min-height:44px!important;font-size:8px!important}
  .sike-inline-member-grid{padding:0 15px!important;grid-template-columns:1fr!important}
  .sike-inline-member-panel{min-height:auto!important;padding:16px!important}
  .sike-inline-member-stats{grid-template-columns:1fr 1fr!important}
  .sike-inline-member-about{margin:10px 15px 18px!important;padding:16px!important}
  .sike-inline-member-about h3{font-size:19px!important}
}

/* The fixed bottom player stays alive, but does not cover the profile content. */
body.sike-music-member-profile-open .sike-music-playerbar{
  z-index:90000!important;
}


/* ============================================================
   SIKE V464 — global language chooser
   ============================================================ */
.sike-language-chooser{position:relative;z-index:2147482000}
.sike-language-trigger{
  height:40px;min-width:64px;padding:0 10px;border-radius:12px;
  border:1px solid rgba(255,255,255,.10);background:#0c1013;color:#fff;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font:inherit;cursor:pointer;transition:.16s ease;
}
.sike-language-trigger:hover,.sike-language-chooser.open .sike-language-trigger{
  border-color:rgba(255,100,76,.25);background:#14191d;
}
.sike-language-trigger>span{font-size:15px;line-height:1}
.sike-language-trigger>b{font-size:7px;font-weight:950;letter-spacing:.05em;white-space:nowrap}
.sike-language-trigger>i{font-style:normal;color:#657078;font-size:9px;transition:transform .16s ease}
.sike-language-chooser.open .sike-language-trigger>i{transform:rotate(180deg)}
.sike-language-menu{
  position:absolute;right:0;top:calc(100% + 9px);width:260px;
  padding:10px;border-radius:17px;border:1px solid rgba(255,255,255,.09);
  background:rgba(10,14,17,.985);box-shadow:0 22px 70px rgba(0,0,0,.48);
  backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-5px) scale(.985);transform-origin:top right;transition:.15s ease;
}
.sike-language-menu.upward{top:auto;bottom:calc(100% + 9px);transform-origin:bottom left}
.sike-language-chooser.open .sike-language-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:none;
}
.sike-language-menu-head{padding:7px 8px 10px;border-bottom:1px solid rgba(255,255,255,.065);margin-bottom:5px}
.sike-language-menu-head>span{display:block;color:#ff674f;font-size:5px;font-weight:950;letter-spacing:.15em}
.sike-language-menu-head>b{display:block;color:#fff;font-size:11px;margin-top:4px}
.sike-language-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sike-language-options button{
  min-height:42px;padding:0 9px;border:1px solid transparent;border-radius:10px;
  background:transparent;color:#aeb6bb;display:grid;grid-template-columns:24px minmax(0,1fr) 15px;
  align-items:center;gap:5px;text-align:left;cursor:pointer;
}
.sike-language-options button:hover{background:#14191d;color:#fff}
.sike-language-options button.active{
  background:rgba(255,99,75,.075);border-color:rgba(255,99,75,.13);color:#fff;
}
.sike-language-options button>span{font-size:15px}.sike-language-options button>b{font-size:7px;font-weight:800;white-space:nowrap}
.sike-language-options button>i{font-style:normal;color:#ff674f;font-size:8px;opacity:0}
.sike-language-options button.active>i{opacity:1}

.header-language{flex:0 0 auto}
.footer-bottom-row{flex-wrap:wrap}
.sike-footer-language{display:flex;align-items:center;gap:9px}
.sike-footer-language>span{color:#707a81;font-size:8px;font-weight:750}
.footer-language .sike-language-trigger{min-width:125px;justify-content:flex-start}
.footer-language .sike-language-trigger>b{flex:1;text-align:left}
.footer-language .sike-language-menu{left:0;right:auto}

.sike-mobile-language-block{display:none}

@media(max-width:1180px) and (min-width:761px){
  .header-language .sike-language-trigger{min-width:48px;padding:0 8px}
  .header-language .sike-language-trigger>b{display:none}
}

@media(max-width:760px){
  .site-header>.header-actions>.header-language{display:none!important}
  .sike-mobile-language-block{
    display:block;padding:17px 17px 12px;border-bottom:1px solid rgba(255,255,255,.07);
  }
  .sike-mobile-language-block>span{
    display:block;margin:0 0 8px;color:#69747b;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  }
  .mobile-language{width:100%}
  .mobile-language .sike-language-trigger{
    width:100%;height:48px;justify-content:flex-start;padding:0 13px;border-radius:13px;
  }
  .mobile-language .sike-language-trigger>b{flex:1;text-align:left;font-size:9px}
  .mobile-language .sike-language-menu{
    position:static;width:100%;max-height:0;padding:0;margin-top:0;border:0;overflow:hidden;
    opacity:1;visibility:visible;pointer-events:none;transform:none;background:transparent;box-shadow:none;
    transition:max-height .22s ease,margin .22s ease,padding .22s ease;
  }
  .mobile-language.open .sike-language-menu{
    max-height:420px;margin-top:8px;padding:7px;pointer-events:auto;border:1px solid rgba(255,255,255,.07);
  }
  .mobile-language .sike-language-options{grid-template-columns:1fr 1fr}
  .mobile-language .sike-language-options button{min-height:46px}
  .sike-footer-language{width:100%;justify-content:space-between;margin-top:8px}
  .footer-language .sike-language-trigger{min-width:150px}
  .footer-language .sike-language-menu{position:absolute;left:auto;right:0;width:min(280px,85vw)}
}


/* =====================================================================
   SIKE V465 — EXPANDABLE WEB NOW PLAYING / VIDEO PANEL
   Click the vertical rail on the left edge of the right panel.
   ===================================================================== */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-fullscreen{
    transition:grid-template-columns .34s cubic-bezier(.22,.78,.24,1)!important;
  }

  body.sike-topnav-music-route .sike-music-now-panel{
    position:relative!important;
    min-width:0!important;
    overflow:visible!important;
    transition:
      box-shadow .28s ease,
      border-color .28s ease,
      background .28s ease!important;
    z-index:70!important;
  }

  /* The exact "bar" between center content and video panel. */
  body.sike-topnav-music-route .sike-now-resize-rail{
    position:absolute!important;
    left:-9px!important;
    top:8px!important;
    bottom:8px!important;
    width:18px!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#fff!important;
    z-index:180!important;
    cursor:col-resize!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    outline:0!important;
    touch-action:manipulation!important;
  }
  body.sike-topnav-music-route .sike-now-resize-line{
    position:absolute!important;
    left:8px!important;
    top:0!important;
    bottom:0!important;
    width:2px!important;
    border-radius:999px!important;
    background:linear-gradient(
      180deg,
      rgba(255,99,75,0),
      rgba(255,99,75,.46) 14%,
      rgba(255,255,255,.13) 50%,
      rgba(255,99,75,.46) 86%,
      rgba(255,99,75,0)
    )!important;
    opacity:.34!important;
    transition:opacity .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }
  body.sike-topnav-music-route .sike-now-resize-rail>i{
    position:relative!important;
    z-index:2!important;
    width:24px!important;
    height:38px!important;
    margin-left:1px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:#11161a!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    display:grid!important;
    place-items:center!important;
    font-style:normal!important;
    font-size:20px!important;
    font-weight:400!important;
    color:#ff735d!important;
    opacity:0!important;
    transform:scale(.86)!important;
    transition:opacity .16s ease,transform .16s ease,background .16s ease!important;
  }
  body.sike-topnav-music-route .sike-now-resize-rail>small{
    position:absolute!important;
    left:25px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(-90deg)!important;
    color:rgba(255,255,255,.28)!important;
    font-size:5px!important;
    font-weight:950!important;
    letter-spacing:.16em!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .16s ease!important;
  }
  body.sike-topnav-music-route .sike-now-resize-rail:hover .sike-now-resize-line,
  body.sike-topnav-music-route .sike-now-resize-rail:focus-visible .sike-now-resize-line{
    opacity:1!important;
    box-shadow:0 0 16px rgba(255,99,75,.38)!important;
  }
  body.sike-topnav-music-route .sike-now-resize-rail:hover>i,
  body.sike-topnav-music-route .sike-now-resize-rail:focus-visible>i{
    opacity:1!important;
    transform:scale(1)!important;
    background:#181d21!important;
  }

  /* Expanded state: left Music rail stays fixed; center stays usable;
     right panel becomes a large video surface. */
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-expanded{
    grid-template-columns:
      96px
      minmax(390px,.78fr)
      minmax(600px,1.22fr)!important;
  }

  @media(min-width:1500px){
    body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-expanded{
      grid-template-columns:
        96px
        minmax(470px,.78fr)
        minmax(720px,1.22fr)!important;
    }
  }

  body.sike-topnav-music-route .sike-music-now-panel.is-expanded{
    background:
      radial-gradient(circle at 50% 18%,rgba(255,91,67,.055),transparent 35%),
      #0a0d10!important;
    box-shadow:-18px 0 48px rgba(0,0,0,.26)!important;
  }

  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-now-resize-line{
    opacity:.82!important;
    box-shadow:0 0 14px rgba(255,99,75,.22)!important;
  }
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-now-resize-rail>i{
    opacity:1!important;
    transform:scale(.94)!important;
  }

  body.sike-topnav-music-route .sike-now-header-actions{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }
  body.sike-topnav-music-route .sike-now-header-actions>button{
    flex:0 0 auto!important;
  }
  body.sike-topnav-music-route .sike-now-collapse{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:#12171b!important;
    color:#ff765e!important;
    cursor:pointer!important;
    font-size:15px!important;
  }
  body.sike-topnav-music-route .sike-now-collapse[hidden]{
    display:none!important;
  }

  /* Video itself grows with the panel. No iframe replacement/reload. */
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-big-screen{
    width:100%!important;
    aspect-ratio:16/9!important;
    height:auto!important;
    max-height:min(62vh,680px)!important;
    min-height:330px!important;
    border-radius:17px!important;
    background:#000!important;
    box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
  }
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-big-screen iframe{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-now{
    padding-top:18px!important;
  }
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-now h4{
    font-size:clamp(21px,1.65vw,31px)!important;
    line-height:1.02!important;
    max-width:92%!important;
  }
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-now p{
    font-size:9px!important;
  }

  /* Slightly simplify secondary content while video is expanded, keeping
     output controls accessible below it. */
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-side-art{
    min-height:100px!important;
  }

  /* Center content gets a subtle visual compression only; it is not hidden. */
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-expanded .sike-music-home{
    min-width:0!important;
  }
}

/* Feature is desktop-only. */
@media(max-width:1100px){
  .sike-now-resize-rail,
  .sike-now-collapse{display:none!important}
}


/* =====================================================================
   SIKE V466 — TRUE DRAGGABLE VIDEO SPLITTER
   ===================================================================== */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-fullscreen.has-custom-now-width{
    grid-template-columns:
      96px
      minmax(390px,1fr)
      var(--sike-now-panel-width,360px)!important;
  }

  /* No tween while dragging: panel follows pointer 1:1. */
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-dragging{
    transition:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    cursor:col-resize!important;
  }
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-dragging *{
    user-select:none!important;
    -webkit-user-select:none!important;
  }

  /* Smooth only for preset/reset animations, never manual drag. */
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-animating{
    transition:grid-template-columns .34s cubic-bezier(.22,.78,.24,1)!important;
  }
  body.sike-topnav-music-route .sike-music-fullscreen.has-custom-now-width:not(.is-now-panel-animating):not(.is-now-panel-dragging){
    transition:none!important;
  }

  body.sike-topnav-music-route .sike-now-resize-rail{
    left:-12px!important;
    width:24px!important;
    cursor:col-resize!important;
    touch-action:none!important;
    -webkit-user-drag:none!important;
  }
  body.sike-topnav-music-route .sike-now-resize-line{
    left:11px!important;
    width:2px!important;
  }

  /* Larger invisible hit-area around the splitter makes grabbing easy. */
  body.sike-topnav-music-route .sike-now-resize-rail:before{
    content:""!important;
    position:absolute!important;
    left:3px!important;
    right:3px!important;
    top:0!important;
    bottom:0!important;
    border-radius:999px!important;
    background:transparent!important;
  }

  body.sike-now-panel-dragging,
  body.sike-now-panel-dragging *{
    cursor:col-resize!important;
  }

  /* Prevent an embedded YouTube iframe from visually stealing the drag.
     Pointer capture remains on the splitter; iframe stays alive untouched. */
  body.sike-now-panel-dragging .sike-music-big-screen iframe{
    pointer-events:none!important;
  }

  body.sike-topnav-music-route .sike-music-now-panel.is-resizing{
    box-shadow:-14px 0 42px rgba(0,0,0,.22)!important;
  }
  body.sike-topnav-music-route .sike-music-now-panel.is-resizing .sike-now-resize-line{
    opacity:1!important;
    background:linear-gradient(
      180deg,
      rgba(255,99,75,.05),
      rgba(255,99,75,.95) 20%,
      rgba(255,180,150,.9) 50%,
      rgba(255,99,75,.95) 80%,
      rgba(255,99,75,.05)
    )!important;
    box-shadow:0 0 18px rgba(255,99,75,.48)!important;
  }
  body.sike-topnav-music-route .sike-music-now-panel.is-resizing .sike-now-resize-rail>i{
    opacity:1!important;
    transform:scale(1)!important;
  }

  /* Video follows the panel width naturally. */
  body.sike-topnav-music-route .sike-music-now-panel .sike-music-big-screen{
    width:100%!important;
    transition:none!important;
  }

  /* At wider custom sizes, progressively use a cinema-like 16:9 frame. */
  body.sike-topnav-music-route .sike-music-now-panel.is-expanded .sike-music-big-screen{
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(64vh,720px)!important;
  }
}


/* ============================================================
   SIKE V467 — Premium hero ALWAYS visible
   ============================================================ */
.sike-premium-modal:not([hidden]){
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-padding-top:0!important;
  scrollbar-gutter:stable!important;
}
.sike-premium-modal:not([hidden]) .sike-premium-page{
  display:block!important;
  min-height:100%!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

/* Desktop: hero starts at the very first pixel of the modal and reserves
   enough internal top space for every line of the title. */
@media(min-width:761px){
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero,
  body.sike-premium-open .sike-premium-gradient-hero{
    position:relative!important;
    min-height:500px!important;
    height:auto!important;
    margin:0!important;
    padding:
      clamp(64px,7vh,88px)
      clamp(28px,6vw,96px)
      58px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .sike-premium-modal:not([hidden]) .sike-premium-eyebrow,
  body.sike-premium-open .sike-premium-eyebrow{
    display:block!important;
    flex:0 0 auto!important;
    margin:0 0 12px!important;
    padding:0!important;
    visibility:visible!important;
    opacity:.88!important;
  }

  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero h2,
  body.sike-premium-open .sike-premium-gradient-hero h2{
    display:block!important;
    position:static!important;
    flex:0 0 auto!important;
    width:min(100%,920px)!important;
    max-width:920px!important;
    min-height:0!important;
    margin:0 auto 16px!important;
    padding:0!important;
    transform:none!important;
    clip:auto!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    font-size:clamp(48px,5.2vw,74px)!important;
    line-height:1.03!important;
  }

  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero p,
  body.sike-premium-open .sike-premium-gradient-hero p{
    flex:0 0 auto!important;
    width:min(100%,780px)!important;
    margin:0 auto!important;
    overflow:visible!important;
  }

  .sike-premium-modal:not([hidden]) .sike-premium-hero-actions,
  body.sike-premium-open .sike-premium-hero-actions{
    flex:0 0 auto!important;
    position:static!important;
    margin:24px auto 15px!important;
  }

  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero>small,
  body.sike-premium-open .sike-premium-gradient-hero>small{
    flex:0 0 auto!important;
    display:block!important;
    margin:0!important;
    overflow:visible!important;
  }
}

/* Short desktop screens: keep every hero line visible without needing the
   first scroll. Text scales before it is allowed to disappear. */
@media(min-width:761px) and (max-height:760px){
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero,
  body.sike-premium-open .sike-premium-gradient-hero{
    min-height:430px!important;
    padding:42px 28px 42px!important;
  }
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero h2,
  body.sike-premium-open .sike-premium-gradient-hero h2{
    font-size:clamp(42px,4.5vw,62px)!important;
  }
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero p,
  body.sike-premium-open .sike-premium-gradient-hero p{
    font-size:15px!important;
  }
  .sike-premium-modal:not([hidden]) .sike-premium-hero-actions,
  body.sike-premium-open .sike-premium-hero-actions{
    margin:18px auto 12px!important;
  }
}

@media(max-width:760px){
  .sike-premium-modal:not([hidden]) .sike-premium-gradient-hero,
  body.sike-premium-open .sike-premium-gradient-hero{
    min-height:auto!important;
    margin:0!important;
    padding:66px 18px 38px!important;
    overflow:visible!important;
  }
}


/* ============================================================
   SIKE V468 — custom playlists use Liked Songs premium layout
   ============================================================ */
[data-music-results][data-result-mode="playlist"]{display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
[data-sike-music][data-music-section-mode="playlist"] [data-music-dedicated-head],
[data-sike-music][data-music-section-mode="playlist"] [data-music-search-results-section]>.sike-music-section-head{display:none!important}
[data-sike-music][data-music-section-mode="playlist"] [data-music-search-results-section]{padding:0!important;margin:0!important}
.sike-premium-playlist-hero{
  background:
    radial-gradient(circle at 86% 2%,rgba(255,103,78,.24),transparent 35%),
    radial-gradient(circle at 12% 100%,rgba(104,83,255,.22),transparent 40%),
    linear-gradient(135deg,#21151d 0%,#42243a 48%,#30275e 100%)!important;
}
.sike-premium-playlist-cover{background:linear-gradient(145deg,#ff684e,#6e55dd)!important;overflow:hidden!important}
.sike-playlist-single-cover{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.sike-playlist-cover-grid{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}
.sike-playlist-cover-grid img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-premium-playlist-cover>span{position:relative!important;z-index:1!important;color:#fff!important;font-size:84px!important;font-weight:950!important}
.sike-premium-playlist-cover>i{z-index:3!important;text-shadow:0 2px 10px #000!important}
.sike-premium-playlist-actions [data-playlist-party]{color:#5ee3a3!important}
.sike-premium-playlist-actions [data-playlist-import]{color:#ffd36a!important}
.sike-premium-playlist-actions [data-playlist-copy]{color:#cdc5ff!important}
.sike-playlist-live-meta{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#72e9ad!important}
.sike-playlist-live-meta em{width:6px!important;height:6px!important;border-radius:50%!important;background:#43df92!important;box-shadow:0 0 12px rgba(67,223,146,.55)!important}
.sike-premium-playlist-empty{min-height:220px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:1px dashed rgba(255,255,255,.08)!important;border-radius:14px!important;color:#768087!important;text-align:center!important}
.sike-premium-playlist-empty>span{font-size:28px!important;color:#ff684f!important;margin-bottom:8px!important}.sike-premium-playlist-empty>b{font-size:12px!important;color:#fff!important}.sike-premium-playlist-empty>small{font-size:7px!important;margin-top:5px!important}
@media(max-width:760px){.sike-premium-playlist-cover>span{font-size:60px!important}.sike-premium-playlist-actions{flex-wrap:wrap!important}}


/* =====================================================================
   SIKE V469 — HIDE / SHOW RIGHT NOW PLAYING SIDEBAR
   ===================================================================== */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-now-hide{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:#12171b!important;
    color:#aeb6bb!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
    font-size:18px!important;
    line-height:1!important;
    transition:.15s ease!important;
  }
  body.sike-topnav-music-route .sike-now-hide:hover{
    color:#fff!important;
    background:#1a2024!important;
    border-color:rgba(255,99,75,.20)!important;
    transform:scale(1.03)!important;
  }

  /* Full-width Music center while the right player stays mounted but hidden. */
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-hidden,
  body.sike-topnav-music-route .sike-music-fullscreen.has-custom-now-width.is-now-panel-hidden{
    grid-template-columns:96px minmax(0,1fr) 0!important;
    transition:grid-template-columns .28s cubic-bezier(.22,.78,.24,1)!important;
  }

  body.sike-topnav-music-route .sike-music-now-panel.is-hidden-by-user{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border-left:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    transform:translateX(20px)!important;
    transition:
      opacity .18s ease,
      transform .22s ease,
      width .28s ease!important;
  }

  /* Do NOT use display:none on the panel/iframe: this preserves YouTube state. */
  body.sike-topnav-music-route .sike-music-now-panel.is-hidden-by-user iframe{
    visibility:hidden!important;
  }

  body.sike-topnav-music-route .sike-now-show-button{
    position:fixed!important;
    right:18px!important;
    top:clamp(160px,18vh,205px)!important;
    z-index:150000!important;
    min-height:42px!important;
    padding:0 14px 0 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(13,17,20,.96)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    cursor:pointer!important;
    box-shadow:0 14px 40px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(14px)!important;
    transition:transform .15s ease,border-color .15s ease,background .15s ease!important;
  }
  body.sike-topnav-music-route .sike-now-show-button[hidden]{
    display:none!important;
  }
  body.sike-topnav-music-route .sike-now-show-button:hover{
    transform:translateX(-3px)!important;
    border-color:rgba(255,99,75,.22)!important;
    background:#171c20!important;
  }
  body.sike-topnav-music-route .sike-now-show-button>span{
    width:25px!important;height:25px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:#ff6249!important;color:#fff!important;font-size:9px!important;
  }
  body.sike-topnav-music-route .sike-now-show-button>b{
    font-size:7px!important;font-weight:900!important;white-space:nowrap!important;
  }

  /* Center area can use every free pixel after hiding player. */
  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-hidden .sike-music-home{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

@media(max-width:1100px){
  .sike-now-hide,
  .sike-now-show-button{display:none!important}
}


/* =====================================================================
   SIKE V470 — bottom-player ••• / Add to playlist menu
   ===================================================================== */
@media(min-width:761px){
  .sike-music-player-tools{
    overflow:visible!important;
  }
  .sike-player-more-wrap{
    position:relative!important;
    flex:0 0 auto!important;
    margin-left:4px!important;
    z-index:200000!important;
  }
  .sike-player-more-button{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:#101519!important;
    color:#c3cacf!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
    transition:.14s ease!important;
  }
  .sike-player-more-button:hover,
  .sike-player-more-wrap.open .sike-player-more-button{
    background:#1a2024!important;
    color:#fff!important;
    border-color:rgba(255,99,75,.18)!important;
    transform:scale(1.03)!important;
  }

  .sike-player-more-menu{
    position:absolute!important;
    right:0!important;
    bottom:calc(100% + 12px)!important;
    width:320px!important;
    max-height:min(560px,70vh)!important;
    overflow:auto!important;
    padding:10px!important;
    border-radius:17px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:rgba(15,19,22,.985)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.5)!important;
    backdrop-filter:blur(18px)!important;
    color:#fff!important;
    z-index:200001!important;
  }
  .sike-player-more-menu[hidden]{display:none!important}

  .sike-player-more-head{
    padding:7px 8px 10px!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    margin-bottom:8px!important;
  }
  .sike-player-more-head>span{
    display:block!important;color:#ff674f!important;font-size:5px!important;
    font-weight:950!important;letter-spacing:.14em!important;
  }
  .sike-player-more-head>b{
    display:block!important;margin-top:4px!important;color:#fff!important;font-size:15px!important;
  }
  .sike-player-more-head>small{
    display:block!important;margin-top:5px!important;max-width:270px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    color:#737e85!important;font-size:7px!important;
  }

  .sike-player-more-search{
    height:42px!important;padding:0 10px!important;margin-bottom:7px!important;
    display:grid!important;grid-template-columns:20px 1fr!important;align-items:center!important;
    border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#22272a!important;
  }
  .sike-player-more-search>span{color:#8b959b!important;font-size:14px!important}
  .sike-player-more-search input{
    width:100%!important;height:40px!important;border:0!important;outline:0!important;
    background:transparent!important;color:#fff!important;font:inherit!important;font-size:8px!important;
  }

  .sike-player-new-playlist,
  .sike-player-playlist-option{
    width:100%!important;min-height:52px!important;padding:6px 8px!important;
    border:0!important;border-radius:10px!important;background:transparent!important;color:#fff!important;
    display:grid!important;grid-template-columns:38px minmax(0,1fr) 28px!important;align-items:center!important;gap:9px!important;
    text-align:left!important;cursor:pointer!important;transition:background .13s ease!important;
  }
  .sike-player-new-playlist:hover,
  .sike-player-playlist-option:hover{background:#24292c!important}
  .sike-player-new-playlist>i{
    width:34px!important;height:34px!important;border-radius:8px!important;background:#282e32!important;
    display:grid!important;place-items:center!important;font-style:normal!important;font-size:18px!important;color:#fff!important;
  }
  .sike-player-new-playlist span>b,
  .sike-player-playlist-option span>b{display:block!important;color:#fff!important;font-size:8px!important}
  .sike-player-new-playlist span>small,
  .sike-player-playlist-option span>small{display:block!important;margin-top:3px!important;color:#6e797f!important;font-size:6px!important}
  .sike-player-new-playlist>span+*,
  .sike-player-playlist-option>i{
    justify-self:center!important;font-style:normal!important;color:#aab2b7!important;font-size:16px!important;
  }

  .sike-player-playlist-list{
    margin-top:4px!important;padding-top:5px!important;border-top:1px solid rgba(255,255,255,.055)!important;
  }
  .sike-player-playlist-thumb{
    width:36px!important;height:36px!important;border-radius:7px!important;overflow:hidden!important;
    display:grid!important;place-items:center!important;background:#272d31!important;color:#8e989e!important;
  }
  .sike-player-playlist-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
  .sike-player-playlist-option.loading{opacity:.55!important;pointer-events:none!important}
  .sike-player-more-empty,.sike-player-search-empty{
    min-height:85px!important;padding:14px!important;text-align:center!important;color:#6f7a80!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  }
  .sike-player-more-empty[hidden]{display:none!important}
  .sike-player-more-empty>span{font-size:18px!important;color:#ff674f!important}
  .sike-player-more-empty>b{margin-top:5px!important;color:#fff!important;font-size:9px!important}
  .sike-player-more-empty>small,.sike-player-search-empty{font-size:6.5px!important}
}

/* Mobile keeps existing player controls unchanged for V470. */
@media(max-width:760px){
  .sike-player-more-wrap{display:none!important}
}


/* ============================================================
   SIKE V471 — MEMBER PROFILE / MUSIC BOOK
   ============================================================ */
.musicbook-shell{min-height:100vh;background:#080b0d;color:#fff;padding:0 0 90px}
.musicbook-hero{width:min(1180px,calc(100% - 36px));margin:28px auto 0;border:1px solid rgba(255,255,255,.075);border-radius:24px;overflow:hidden;background:#0d1114;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.musicbook-cover{height:285px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(255,100,72,.28),transparent 32%),radial-gradient(circle at 12% 100%,rgba(92,70,255,.22),transparent 35%),linear-gradient(135deg,#1c0f17,#48202a 48%,#131b22)}
.musicbook-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent)}
.musicbook-kicker{position:absolute;left:28px;top:25px;color:#ff6a50;font-size:10px;font-weight:950;letter-spacing:.14em}
.musicbook-cover-word{position:absolute;right:35px;bottom:-30px;color:rgba(255,255,255,.045);font-size:150px;font-weight:950;font-style:italic;letter-spacing:-.08em}
.musicbook-profile-row{padding:0 30px 30px;display:flex;align-items:flex-end;gap:20px;position:relative}
.musicbook-avatar{width:138px;height:138px;flex:0 0 138px;margin-top:-69px;border-radius:50%;border:7px solid #0d1114;background:#1b2227;display:grid;place-items:center;overflow:hidden;font-size:46px;font-weight:950;position:relative;z-index:2}
.musicbook-avatar img,.musicbook-mini-avatar img,.musicbook-post-avatar img{width:100%;height:100%;object-fit:cover}
.musicbook-identity{min-width:0;flex:1;padding-top:16px}.musicbook-identity>span{display:block;color:#ff6a50;font-size:10px;font-weight:900}.musicbook-identity h1{margin:4px 0 6px;font-size:44px;line-height:1;letter-spacing:-.045em}.musicbook-identity p{margin:0;color:#8a949b;max-width:620px;font-size:14px}
.musicbook-tags{display:flex;align-items:center;gap:8px;margin-top:12px}.musicbook-tags b,.musicbook-tags span{font-size:11px}.musicbook-tags b{color:#72e7af}.musicbook-tags span{color:#8a949b}.musicbook-tags i{width:3px;height:3px;border-radius:50%;background:#50595f}
.musicbook-profile-actions{display:flex;gap:8px;padding-bottom:4px}.musicbook-profile-actions button,.musicbook-profile-actions a{height:42px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:#12171b;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;cursor:pointer}
.musicbook-layout{width:min(1180px,calc(100% - 36px));margin:18px auto 0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}
.musicbook-composer,.musicbook-post,.musicbook-card{border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0d1114}
.musicbook-composer{padding:18px}.musicbook-composer-top{display:grid;grid-template-columns:48px 1fr;gap:12px}.musicbook-mini-avatar,.musicbook-post-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#20272c;display:grid;place-items:center;font-weight:900}
.musicbook-composer textarea{min-height:92px;resize:vertical;border:0;outline:0;background:#11161a;color:#fff;border-radius:13px;padding:14px;font:inherit;font-size:14px}
.musicbook-composer-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.musicbook-composer-actions button{height:40px;padding:0 13px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#13191d;color:#fff;font-weight:800;cursor:pointer}.musicbook-composer-actions .primary{margin-left:auto;background:#ff5f47;border-color:#ff5f47}
.musicbook-shared-track{margin:12px 0 0}
.musicbook-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:24px 2px 12px}.musicbook-section-title span,.musicbook-card>span{color:#ff684f;font-size:9px;font-weight:950;letter-spacing:.14em}.musicbook-section-title h2{margin:5px 0 0;font-size:27px}.musicbook-section-title small{color:#69747b}
.musicbook-feed{display:grid;gap:12px}.musicbook-post{padding:18px}.musicbook-post header{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center}.musicbook-post-avatar{width:46px;height:46px}.musicbook-post header b{display:block;font-size:13px}.musicbook-post header small{display:block;color:#6d787e;margin-top:3px}.musicbook-post header>button{border:0;background:transparent;color:#7b858b;cursor:pointer}.musicbook-post>p{font-size:15px;line-height:1.55;margin:15px 2px;color:#e7eaec}.musicbook-post footer{display:flex;gap:7px;margin-top:13px}.musicbook-post footer button{border:0;background:#11171b;color:#8b959c;padding:8px 11px;border-radius:9px;cursor:pointer}
.musicbook-post-track,.musicbook-now-track{display:grid;grid-template-columns:74px 1fr 38px;gap:12px;align-items:center;background:linear-gradient(135deg,#12181c,#171d21);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px}.musicbook-post-track>span,.musicbook-now-track>span{width:74px;height:74px;border-radius:10px;overflow:hidden;background:#22292e;display:grid;place-items:center}.musicbook-post-track img,.musicbook-now-track img{width:100%;height:100%;object-fit:cover}.musicbook-post-track small,.musicbook-now-track small{display:block;color:#ff684f;font-size:8px;font-weight:900;letter-spacing:.1em}.musicbook-post-track b,.musicbook-now-track b{display:block;margin-top:5px;font-size:14px}.musicbook-post-track em,.musicbook-now-track em{display:block;margin-top:3px;color:#748087;font-size:11px;font-style:normal}.musicbook-post-track>a,.musicbook-now-track>a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;text-decoration:none}
.musicbook-side{display:grid;gap:12px;align-content:start}.musicbook-card{padding:18px}.musicbook-card h3{margin:6px 0 14px;font-size:21px}.musicbook-now-empty{color:#738087;font-size:13px;padding:18px 0}.musicbook-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.musicbook-about-grid div{padding:12px;border-radius:11px;background:#12171b}.musicbook-about-grid small{display:block;color:#5f6970;font-size:8px}.musicbook-about-grid b{display:block;margin-top:4px;font-size:12px}.quote-card{background:radial-gradient(circle at 90% 10%,rgba(255,94,70,.10),transparent 30%),#0d1114}.quote-card p{color:#77828a;line-height:1.55}
.musicbook-empty{padding:70px 25px;border:1px dashed rgba(255,255,255,.08);border-radius:17px;text-align:center;color:#748087}.musicbook-empty span{font-size:30px;color:#ff684f}.musicbook-empty h3{color:#fff;margin:10px 0 5px}.musicbook-loading{padding:60px;text-align:center;color:#748087}
.musicbook-edit-modal{position:fixed;inset:0;z-index:250000;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}.musicbook-edit-modal[hidden]{display:none}.musicbook-edit-card{width:min(520px,100%);background:#101418;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:22px;position:relative}.musicbook-edit-card>button{position:absolute;right:16px;top:14px;border:0;background:#1a2024;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer}.musicbook-edit-card>span{color:#ff684f;font-size:9px;font-weight:950;letter-spacing:.14em}.musicbook-edit-card h3{font-size:27px;margin:6px 0 18px}.musicbook-edit-card label{display:grid;gap:6px;margin:12px 0;color:#929ba1;font-size:11px}.musicbook-edit-card input,.musicbook-edit-card textarea{width:100%;border:1px solid rgba(255,255,255,.08);background:#151a1e;color:#fff;border-radius:10px;padding:12px;font:inherit}.musicbook-edit-card textarea{min-height:95px;resize:vertical}.musicbook-edit-card .primary{width:100%;height:44px;border:0;border-radius:11px;background:#ff5f47;color:#fff;font-weight:900;cursor:pointer;margin-top:8px}
@media(max-width:800px){.musicbook-hero,.musicbook-layout{width:calc(100% - 18px)}.musicbook-cover{height:190px}.musicbook-cover-word{font-size:82px;right:10px;bottom:-15px}.musicbook-profile-row{padding:0 16px 20px;display:grid;grid-template-columns:92px 1fr;gap:12px}.musicbook-avatar{width:92px;height:92px;flex-basis:92px;margin-top:-46px;border-width:5px;font-size:30px}.musicbook-identity{padding-top:10px}.musicbook-identity h1{font-size:30px}.musicbook-profile-actions{grid-column:1/-1;width:100%}.musicbook-profile-actions>*{flex:1}.musicbook-layout{grid-template-columns:1fr}.musicbook-side{order:-1}.musicbook-composer-actions{flex-wrap:wrap}.musicbook-composer-actions .primary{margin-left:0;width:100%}.musicbook-post-track,.musicbook-now-track{grid-template-columns:60px 1fr 34px}.musicbook-post-track>span,.musicbook-now-track>span{width:60px;height:60px}.musicbook-about-grid{grid-template-columns:1fr 1fr}}


/* ============================================================
   SIKE V472 — Own Music Book INLINE inside SIKE Music
   ============================================================ */
.sike-music-home.is-own-musicbook-view [data-inline-own-musicbook]{
  display:block!important;
}
.sike-inline-own-musicbook{
  min-height:calc(100dvh - 205px)!important;
  padding-bottom:150px!important;
}
.sike-mb-card{max-width:1180px!important}
.sike-mb-banner{
  background:
    radial-gradient(circle at 82% 0%,rgba(255,99,74,.26),transparent 33%),
    radial-gradient(circle at 12% 100%,rgba(104,80,255,.19),transparent 38%),
    linear-gradient(135deg,#211019,#4a2026 50%,#151b24)!important;
}
.sike-mb-head{padding-bottom:22px!important}
.sike-mb-tags{display:flex!important;align-items:center!important;gap:7px!important;margin-top:8px!important}
.sike-mb-tags b,.sike-mb-tags span{font-size:7px!important}
.sike-mb-tags b{color:#67e2a5!important}.sike-mb-tags span{color:#7b858c!important}
.sike-mb-tags i{width:3px!important;height:3px!important;border-radius:50%!important;background:#4f585e!important}

.sike-mb-layout{
  padding:0 27px 28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr)!important;
  gap:12px!important;
}
.sike-mb-feed-col{min-width:0!important}
.sike-mb-composer{
  padding:15px!important;border:1px solid rgba(255,255,255,.065)!important;
  border-radius:16px!important;background:#0a0e11!important;
}
.sike-mb-composer-top{display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important}
.sike-mb-mini-avatar,.sike-mb-post-avatar{
  width:42px!important;height:42px!important;border-radius:50%!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;background:#1c2328!important;color:#fff!important;font-weight:900!important;
}
.sike-mb-mini-avatar img,.sike-mb-post-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-mb-composer textarea{
  min-height:78px!important;resize:vertical!important;border:0!important;outline:0!important;
  border-radius:11px!important;background:#12171b!important;color:#fff!important;padding:12px!important;
  font:inherit!important;font-size:8px!important;line-height:1.5!important;
}
.sike-mb-composer-actions{display:flex!important;gap:7px!important;align-items:center!important;margin-top:10px!important}
.sike-mb-composer-actions button{
  min-height:36px!important;padding:0 11px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.07)!important;
  background:#12171b!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.sike-mb-composer-actions .primary{margin-left:auto!important;background:#ff6048!important;border-color:#ff6048!important}
.sike-mb-shared-track{margin-top:10px!important}
.sike-mb-section-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:20px 2px 10px!important}
.sike-mb-section-title span{display:block!important;color:#ff684f!important;font-size:6px!important;font-weight:950!important;letter-spacing:.13em!important}
.sike-mb-section-title h3{margin:4px 0 0!important;color:#fff!important;font-size:22px!important}
.sike-mb-section-title small{color:#6f7980!important;font-size:7px!important}
.sike-mb-feed{display:grid!important;gap:10px!important}
.sike-mb-post{padding:15px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:15px!important;background:#0a0e11!important}
.sike-mb-post header{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:10px!important;align-items:center!important}
.sike-mb-post header b{display:block!important;color:#fff!important;font-size:8px!important}.sike-mb-post header small{display:block!important;color:#667179!important;font-size:6px!important;margin-top:2px!important}
.sike-mb-post header>button{border:0!important;background:transparent!important;color:#77828a!important;cursor:pointer!important}
.sike-mb-post>p{margin:13px 1px!important;color:#e6e9eb!important;font-size:9px!important;line-height:1.55!important}
.sike-mb-post footer{display:flex!important;gap:6px!important;margin-top:10px!important}.sike-mb-post footer button{border:0!important;background:#12171b!important;color:#879198!important;border-radius:8px!important;padding:7px 9px!important;font-size:7px!important;cursor:pointer!important}
.sike-mb-post-track,.sike-mb-now-track{
  display:grid!important;grid-template-columns:58px minmax(0,1fr) 32px!important;gap:10px!important;align-items:center!important;
  padding:8px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.055)!important;background:#11171b!important;
}
.sike-mb-track-art{width:58px!important;height:58px!important;border-radius:9px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#20272c!important}
.sike-mb-track-art img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-mb-post-track small,.sike-mb-now-track small{display:block!important;color:#ff684f!important;font-size:5px!important;font-weight:900!important;letter-spacing:.1em!important}
.sike-mb-post-track b,.sike-mb-now-track b{display:block!important;margin-top:3px!important;color:#fff!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sike-mb-post-track em,.sike-mb-now-track em{display:block!important;margin-top:2px!important;color:#6f7a81!important;font-size:6px!important;font-style:normal!important}
.sike-mb-post-track>a,.sike-mb-now-track>a{width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.07)!important;color:#fff!important;display:grid!important;place-items:center!important;text-decoration:none!important}
.sike-mb-side{display:grid!important;gap:10px!important;align-content:start!important}
.sike-mb-now-empty{padding:18px 0!important;color:#707b82!important;font-size:7px!important}
.sike-mb-empty{padding:55px 20px!important;border:1px dashed rgba(255,255,255,.07)!important;border-radius:14px!important;text-align:center!important;color:#717c83!important}
.sike-mb-empty>span{display:block!important;color:#ff684f!important;font-size:24px!important}.sike-mb-empty>b{display:block!important;color:#fff!important;font-size:11px!important;margin-top:8px!important}.sike-mb-empty>small{display:block!important;font-size:7px!important;margin-top:4px!important}
.sike-mb-edit-modal{position:fixed!important;inset:0!important;z-index:300000!important;background:rgba(0,0,0,.72)!important;display:grid!important;place-items:center!important;padding:18px!important}
.sike-mb-edit-modal[hidden]{display:none!important}
.sike-mb-edit-card{width:min(470px,100%)!important;padding:20px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:#101418!important;position:relative!important;color:#fff!important}
.sike-mb-edit-card>button{position:absolute!important;right:14px!important;top:13px!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#1a2024!important;color:#fff!important;cursor:pointer!important}
.sike-mb-edit-card>span{color:#ff684f!important;font-size:6px!important;font-weight:950!important;letter-spacing:.13em!important}.sike-mb-edit-card h3{margin:5px 0 16px!important;font-size:24px!important}
.sike-mb-edit-card label{display:grid!important;gap:5px!important;margin:10px 0!important;color:#89939a!important;font-size:7px!important}.sike-mb-edit-card input,.sike-mb-edit-card textarea{width:100%!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background:#151a1e!important;color:#fff!important;padding:10px!important;font:inherit!important}.sike-mb-edit-card textarea{min-height:82px!important;resize:vertical!important}.sike-mb-edit-card .primary{width:100%!important;height:40px!important;border:0!important;border-radius:10px!important;background:#ff6048!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;margin-top:7px!important}

@media(max-width:760px){
  .sike-inline-own-musicbook{padding:10px 8px 120px!important}
  .sike-mb-layout{grid-template-columns:1fr!important;padding:0 13px 18px!important}
  .sike-mb-side{order:-1!important}
  .sike-mb-composer-actions{flex-wrap:wrap!important}
  .sike-mb-composer-actions .primary{width:100%!important;margin-left:0!important}
  .sike-mb-head{align-items:flex-start!important}
}


/* ============================================================
   SIKE V473 — Social Music Book: large tracks, comments, reactions, share
   ============================================================ */
.sike-mb-post-track-large{
  grid-template-columns:150px minmax(0,1fr) 38px!important;
  min-height:168px!important;
  padding:9px!important;
  margin-top:12px!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,103,76,.08),transparent 35%),
    linear-gradient(135deg,#11171b,#151b20)!important;
}
.sike-mb-track-art-large{
  width:150px!important;height:150px!important;border-radius:13px!important;
}
.sike-mb-track-copy small{font-size:6px!important}
.sike-mb-track-copy b{
  font-size:15px!important;line-height:1.08!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  max-width:520px!important;
}
.sike-mb-track-copy em{font-size:8px!important;margin-top:5px!important}
.sike-mb-track-copy>span{display:block!important;margin-top:14px!important;color:#59656c!important;font-size:6px!important}
.sike-mb-track-open{align-self:center!important}

.sike-mb-reaction-summary{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
  min-height:5px!important;margin:10px 0 0!important;
}
.sike-mb-reaction-pill{
  min-height:28px!important;padding:0 8px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.075)!important;background:#12181c!important;
  color:#fff!important;display:flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;
}
.sike-mb-reaction-pill span{font-size:13px!important}.sike-mb-reaction-pill b{font-size:6px!important;color:#8d979d!important}

.sike-mb-post-actions{position:relative!important;display:flex!important;gap:7px!important;align-items:center!important}
.sike-mb-post-actions>button,.sike-mb-reaction-wrap>button,.sike-mb-share-wrap>button{
  min-height:34px!important;padding:0 10px!important;border-radius:9px!important;
  border:0!important;background:#12171b!important;color:#8c969c!important;font-size:7px!important;cursor:pointer!important;
}
.sike-mb-post-actions button:hover{color:#fff!important;background:#171d21!important}
.sike-mb-reaction-wrap,.sike-mb-share-wrap{position:relative!important}

.sike-mb-reaction-picker{
  position:absolute!important;left:0!important;bottom:calc(100% + 8px)!important;
  display:flex!important;gap:4px!important;padding:6px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.09)!important;background:#11161a!important;
  box-shadow:0 15px 35px rgba(0,0,0,.36)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(5px) scale(.97)!important;transition:.14s ease!important;z-index:30!important;
}
.sike-mb-reaction-picker.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.sike-mb-reaction-picker button{
  width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:transparent!important;font-size:17px!important;cursor:pointer!important;transition:.12s ease!important;
}
.sike-mb-reaction-picker button:hover{background:#22292d!important;transform:translateY(-3px) scale(1.08)!important}

.sike-mb-share-menu{
  position:absolute!important;left:0!important;bottom:calc(100% + 8px)!important;
  width:205px!important;padding:7px!important;border-radius:13px!important;
  border:1px solid rgba(255,255,255,.09)!important;background:#11161a!important;
  box-shadow:0 18px 45px rgba(0,0,0,.4)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(5px)!important;transition:.14s ease!important;z-index:35!important;
}
.sike-mb-share-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.sike-mb-share-menu button{
  width:100%!important;min-height:38px!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#fff!important;
  display:grid!important;grid-template-columns:27px 1fr!important;gap:7px!important;align-items:center!important;text-align:left!important;cursor:pointer!important;
}
.sike-mb-share-menu button:hover{background:#1c2226!important}
.sike-mb-share-menu button span{font-size:14px!important;text-align:center!important}.sike-mb-share-menu button b{font-size:7px!important}

.sike-mb-comments{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.045)!important}
.sike-mb-comment{display:grid!important;grid-template-columns:34px minmax(0,1fr) 24px!important;gap:8px!important;align-items:flex-start!important;margin:8px 0!important}
.sike-mb-comment-avatar{width:34px!important;height:34px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#20272c!important;color:#fff!important;font-size:8px!important;font-weight:900!important}
.sike-mb-comment-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.sike-mb-comment-bubble{padding:9px 11px!important;border-radius:12px!important;background:#12171b!important}
.sike-mb-comment-bubble header{display:flex!important;gap:7px!important;align-items:center!important}
.sike-mb-comment-bubble header b{font-size:7px!important;color:#fff!important}.sike-mb-comment-bubble header small{font-size:5.5px!important;color:#667179!important}
.sike-mb-comment-bubble p{margin:5px 0 0!important;color:#d8dde0!important;font-size:7.5px!important;line-height:1.45!important}
.sike-mb-comment>button{width:22px!important;height:22px!important;border:0!important;background:transparent!important;color:#667179!important;cursor:pointer!important}
.sike-mb-comment-form{display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:8px!important;align-items:center!important;margin-top:10px!important}
.sike-mb-comment-form input{
  height:38px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:#12171b!important;color:#fff!important;padding:0 13px!important;font:inherit!important;font-size:7px!important;outline:0!important;
}
.sike-mb-comment-form input:focus{border-color:rgba(255,101,76,.28)!important}
.sike-mb-comment-form button{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#ff6048!important;color:#fff!important;cursor:pointer!important}

@media(max-width:760px){
  .sike-mb-post-track-large{grid-template-columns:105px minmax(0,1fr) 32px!important;min-height:122px!important}
  .sike-mb-track-art-large{width:105px!important;height:105px!important}
  .sike-mb-track-copy b{font-size:11px!important}
  .sike-mb-post-actions{flex-wrap:wrap!important}
  .sike-mb-share-menu{left:auto!important;right:0!important}
  .sike-mb-comment{grid-template-columns:30px minmax(0,1fr) 20px!important}
  .sike-mb-comment-avatar,.sike-mb-comment-form .sike-mb-comment-avatar{width:30px!important;height:30px!important}
  .sike-mb-comment-form{grid-template-columns:30px minmax(0,1fr) 34px!important}
}





/* ============================================================
   SIKE V475 — RANK / XP / STREAK SYSTEM
   ============================================================ */
.sike-rank-badge{
  --rank-a:#58616a;--rank-b:#9aa3aa;
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  position:relative;flex:0 0 auto;color:#fff;
  background:linear-gradient(145deg,var(--rank-b),var(--rank-a));
  border:2px solid rgba(255,255,255,.6);
  box-shadow:0 5px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.45);
}
.sike-rank-badge:after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.sike-rank-badge b{position:relative;z-index:2;font-size:9px;line-height:1;font-weight:950;letter-spacing:-.04em;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.sike-rank-badge.compact{width:26px;height:26px;border-width:1.5px}.sike-rank-badge.compact b{font-size:7px}
.rank-silver{--rank-a:#737d86;--rank-b:#e5ebef}.rank-gold{--rank-a:#9b6500;--rank-b:#ffd760}.rank-sapphire{--rank-a:#1a4392;--rank-b:#55b7ff}.rank-purple{--rank-a:#5821a8;--rank-b:#b970ff}.rank-ruby{--rank-a:#8c1628;--rank-b:#ff5068}.rank-diamond{--rank-a:#14899f;--rank-b:#b9f7ff}.rank-obsidian{--rank-a:#08090b;--rank-b:#555d69}.rank-master{--rank-a:#e34d12;--rank-b:#ffb04b}.rank-legend{--rank-a:#8a106c;--rank-b:#ff70dd}.rank-elite{--rank-a:#030303;--rank-b:#ff613f;animation:sikeElitePulse 2s ease-in-out infinite}
@keyframes sikeElitePulse{50%{box-shadow:0 0 24px rgba(255,96,70,.65),0 7px 20px rgba(0,0,0,.4)}}

.sike-rank-avatar-badge{position:absolute!important;right:-4px!important;bottom:-4px!important;z-index:9!important;cursor:pointer!important}
.sike-v410-sidebar-avatar{position:relative!important;overflow:visible!important}
.site-user-avatar.has-sike-rank{position:relative!important;overflow:visible!important}
.sike-global-rank-badge{position:absolute!important;right:-8px!important;bottom:-8px!important;z-index:6!important;cursor:pointer!important}
.sike-global-rank-badge .sike-rank-badge{width:23px;height:23px}.sike-global-rank-badge .sike-rank-badge b{font-size:6px}

.sike-rank-hud{
  position:fixed;left:14px;bottom:92px;z-index:180000;
  min-width:128px;height:48px;padding:6px 9px;border-radius:14px;
  border:1px solid rgba(255,255,255,.08);background:rgba(10,14,17,.93);
  backdrop-filter:blur(15px);box-shadow:0 15px 40px rgba(0,0,0,.34);
  display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 4px;gap:4px 8px;
  color:#fff;text-align:left;cursor:pointer;
}
.sike-rank-hud>span:nth-child(2){min-width:0}.sike-rank-hud>span:nth-child(2)b{display:block;font-size:8px}.sike-rank-hud>span:nth-child(2)small{display:block;font-size:5px;color:#78838a;margin-top:2px;letter-spacing:.07em}
.sike-rank-hud>div{grid-column:1/-1;height:3px;background:#20262a;border-radius:99px;overflow:hidden}.sike-rank-hud>div i{display:block;height:100%;background:linear-gradient(90deg,#ff5d45,#ff9d57);border-radius:99px;transition:width .45s cubic-bezier(.2,.8,.2,1)}

.sike-rank-panel{
  position:fixed;left:14px;bottom:150px;z-index:210000;width:310px;
  border-radius:19px;border:1px solid rgba(255,255,255,.09);
  background:rgba(12,16,19,.985);box-shadow:0 25px 70px rgba(0,0,0,.52);backdrop-filter:blur(20px);color:#fff;padding:10px;
}
.sike-rank-panel[hidden]{display:none}
.sike-rank-panel-inner{padding:9px}.sike-rank-panel-top{display:grid;grid-template-columns:40px 1fr 30px;gap:10px;align-items:center}
.sike-rank-panel-top>div>span{display:block;color:#ff6b50;font-size:6px;font-weight:950;letter-spacing:.12em}.sike-rank-panel-top h4{margin:3px 0 0;font-size:18px}.sike-rank-panel-top>button{width:29px;height:29px;border:0;border-radius:50%;background:#181e22;color:#fff;cursor:pointer}
.sike-rank-progress-meta{display:flex;justify-content:space-between;margin:14px 1px 6px}.sike-rank-progress-meta b{font-size:8px}.sike-rank-progress-meta span{font-size:6px;color:#7b858c}
.sike-rank-progress{height:8px;border-radius:99px;background:#20262a;overflow:hidden}.sike-rank-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff5d45,#ffb053);box-shadow:0 0 14px rgba(255,97,70,.35);transition:width .45s ease}
.sike-rank-streak{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;margin:13px 0;padding:10px;border-radius:12px;background:#12181c}.sike-rank-streak>span{font-size:25px}.sike-rank-streak b{display:block;font-size:9px}.sike-rank-streak small{display:block;margin-top:3px;color:#6f7a81;font-size:6px;line-height:1.4}
.sike-rank-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sike-rank-mini-grid>div{padding:9px;border-radius:10px;background:#12171b}.sike-rank-mini-grid span{display:block;color:#ff6a50;font-size:9px;font-weight:950}.sike-rank-mini-grid b{display:block;margin-top:3px;font-size:6px;color:#8b959b}
.sike-rank-elite-line{margin-top:9px;padding:8px;border-radius:9px;text-align:center;background:linear-gradient(90deg,#21100d,#24141f);color:#ff806c;font-size:6px;font-weight:950;letter-spacing:.1em}

.sike-xp-toast-host{position:fixed;right:18px;top:130px;z-index:350000;display:grid;gap:8px;pointer-events:none}
.sike-xp-toast{min-width:210px;padding:10px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(12,16,19,.97);box-shadow:0 15px 42px rgba(0,0,0,.4);display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;opacity:0;transform:translateX(16px);transition:.22s ease;color:#fff}
.sike-xp-toast.show{opacity:1;transform:none}.sike-xp-toast>span:first-child{min-width:38px;height:34px;padding:0 7px;border-radius:9px;background:#1d2428;color:#65e5a6;display:grid;place-items:center;font-size:11px;font-weight:950}.sike-xp-toast b{display:block;font-size:8px}.sike-xp-toast small{display:block;margin-top:2px;color:#78838a;font-size:6px}.sike-xp-toast.level-up{border-color:rgba(255,99,74,.3);background:linear-gradient(135deg,rgba(32,15,13,.98),rgba(19,16,27,.98))}.sike-xp-toast.level-up>span:first-child{background:transparent;height:auto;padding:0}

.sike-inline-member-avatar,.sike-mb-post-avatar,.sike-mb-mini-avatar{position:relative!important;overflow:visible!important}.sike-mb-rank-mini{position:absolute;right:-5px;bottom:-5px;z-index:8}.sike-mb-rank-mini .sike-rank-badge{width:23px;height:23px}.sike-mb-rank-mini .sike-rank-badge b{font-size:6px}

@media(max-width:760px){
  .sike-rank-hud{left:8px;bottom:88px;min-width:105px;height:43px;padding:5px 7px}
  .sike-rank-panel{left:8px;right:8px;bottom:140px;width:auto;max-width:360px}
  .sike-xp-toast-host{left:10px;right:10px;top:90px}.sike-xp-toast{width:100%;min-width:0}
}


/* ============================================================
   SIKE V476 — PROFESSIONAL SIDEBAR PROFILE / LEVEL / XP
   ============================================================ */

/* Slightly more room on desktop for an actual account identity block. */
@media(min-width:1101px){
  body.sike-topnav-music-route .sike-music-rail,
  body.sike-topnav-music-route .sike-music-sidebar{
    --sike-music-rail-width:112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }

  body.sike-topnav-music-route .sike-music-fullscreen{
    grid-template-columns:112px minmax(0,1fr) var(--sike-now-panel-width,350px)!important;
  }

  body.sike-topnav-music-route .sike-music-fullscreen.is-now-panel-hidden,
  body.sike-topnav-music-route .sike-music-fullscreen.has-custom-now-width.is-now-panel-hidden{
    grid-template-columns:112px minmax(0,1fr) 0!important;
  }
}

/* Profile block replaces the old avatar + "SIKE MUSIC" label. */
.sike-v410-sidebar-profile{
  position:relative!important;
  width:100%!important;
  padding:13px 8px 15px!important;
  gap:8px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,98,73,.055),transparent 58%)!important;
}

.sike-v410-sidebar-avatar{
  width:52px!important;
  height:52px!important;
  border:2px solid rgba(255,255,255,.17)!important;
  box-shadow:
    0 0 0 4px rgba(255,255,255,.022),
    0 11px 24px rgba(0,0,0,.36)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.sike-v410-sidebar-avatar:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,102,78,.38)!important;
  box-shadow:
    0 0 0 4px rgba(255,99,74,.04),
    0 13px 28px rgba(0,0,0,.4)!important;
}

/* Make sure V475 avatar overlay badge cannot clutter the photo. */
.sike-v410-sidebar-avatar .sike-rank-avatar-badge{display:none!important}

.sike-sidebar-rank-profile{
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  cursor:pointer!important;
  text-align:left!important;
}

.sike-sidebar-profile-name{
  width:100%!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:6.6px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  color:#dce1e4!important;
  text-transform:uppercase!important;
}

.sike-sidebar-level-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
}
.sike-sidebar-level-row>.sike-rank-badge{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  box-shadow:
    0 4px 12px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.sike-sidebar-level-row>.sike-rank-badge b{font-size:6px!important}
.sike-sidebar-level-row>span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
.sike-sidebar-level-row>span:last-child>b{
  font-size:7.3px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#fff!important;
}
.sike-sidebar-level-row>span:last-child>small{
  font-size:5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#7e8990!important;
}

.sike-sidebar-xp-label{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:4px!important;
  margin-top:2px!important;
}
.sike-sidebar-xp-label>b,
.sike-sidebar-xp-label>i{
  font-size:4.8px!important;
  line-height:1!important;
  font-weight:850!important;
  font-style:normal!important;
  color:#69747b!important;
}
.sike-sidebar-xp-label>i{color:#ff755f!important}

.sike-sidebar-xp-track{
  width:100%!important;
  height:4px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#20262a!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35)!important;
}
.sike-sidebar-xp-track>i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff5d45,#ffad59)!important;
  box-shadow:0 0 10px rgba(255,97,70,.32)!important;
  transition:width .45s cubic-bezier(.2,.8,.2,1)!important;
}

.sike-sidebar-streak{
  display:block!important;
  width:100%!important;
  margin-top:1px!important;
  text-align:center!important;
  font-size:4.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  color:#59636a!important;
}

/* Remove the detached lower-left V475 rank chip inside SIKE Music. */
[data-sike-music] ~ .sike-rank-hud,
body:has([data-sike-music]) .sike-rank-hud{
  display:none!important;
}

/* Keep playlist/nav spacing clean after the richer profile block. */
.sike-music-rail>nav{
  margin-top:5px!important;
}
.sike-music-rail nav button{
  min-height:52px!important;
}

/* Rank panel should open near the account block instead of floating over player. */
body:has([data-sike-music]) .sike-rank-panel{
  left:122px!important;
  bottom:auto!important;
  top:158px!important;
}

/* Mobile keeps the profile compact, but still gets level + XP below avatar. */
@media(max-width:760px){
  .sike-v410-sidebar-profile{
    padding:8px 4px 10px!important;
    gap:5px!important;
  }
  .sike-v410-sidebar-avatar{
    width:42px!important;
    height:42px!important;
  }
  .sike-sidebar-profile-name{display:none!important}
  .sike-sidebar-level-row{gap:4px!important}
  .sike-sidebar-level-row>.sike-rank-badge{
    width:20px!important;height:20px!important;flex-basis:20px!important;
  }
  .sike-sidebar-level-row>span:last-child>b{font-size:6px!important}
  .sike-sidebar-level-row>span:last-child>small{font-size:4.2px!important}
  .sike-sidebar-xp-label>b{font-size:4.1px!important}
  .sike-sidebar-xp-label>i{display:none!important}
  .sike-sidebar-xp-track{height:3px!important}
  .sike-sidebar-streak{display:none!important}
}


/* =====================================================================
   SIKE V477 — CONSISTENT ROUND PROFILE AVATARS
   ===================================================================== */
.site-user-avatar,
.site-user-avatar img,
.sike-v410-sidebar-avatar,
.sike-v410-sidebar-avatar img,
.sike-inline-member-avatar,
.sike-inline-member-avatar img,
.sike-mb-mini-avatar,
.sike-mb-mini-avatar img,
.sike-mb-post-avatar,
.sike-mb-post-avatar img,
.sike-mb-comment-avatar,
.sike-mb-comment-avatar img,
.sike-party-room-avatar,
.sike-party-room-avatar img,
.sike-party-member-avatar,
.sike-party-member-avatar img,
.sike-party-profile-avatar,
.sike-party-profile-avatar img,
.sike-party-discovery-avatar,
.sike-party-discovery-avatar img,
[data-party-avatar],
[data-party-avatar] img,
[data-member-avatar],
[data-member-avatar] img{
  border-radius:50%!important;
}
.site-user-avatar,
.sike-v410-sidebar-avatar,
.sike-inline-member-avatar,
.sike-mb-mini-avatar,
.sike-mb-post-avatar,
.sike-mb-comment-avatar,
.sike-party-room-avatar,
.sike-party-member-avatar,
.sike-party-profile-avatar,
.sike-party-discovery-avatar,
[data-party-avatar],
[data-member-avatar]{
  aspect-ratio:1/1!important;
}

/* =====================================================================
   SIKE V477 — MUSIC BOOK USER BANNERS
   ===================================================================== */
.sike-mb-banner{isolation:isolate!important}
.sike-mb-banner-media,
.sike-mb-banner-shade{
  position:absolute!important;inset:0!important;pointer-events:none!important;
}
.sike-mb-banner-media{
  z-index:0!important;
  background-image:var(--sike-mb-user-banner,none)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:scale(1.002)!important;
}
.sike-mb-banner:not(.has-user-banner) .sike-mb-banner-media{display:none!important}
.sike-mb-banner-shade{
  z-index:1!important;
  background:linear-gradient(90deg,rgba(8,10,13,.28),rgba(8,10,13,.05) 55%,rgba(8,10,13,.20))!important;
}
.sike-mb-banner.has-user-banner:before{opacity:.28!important}
.sike-mb-banner.has-user-banner .sike-inline-member-wordmark{opacity:.22!important}
.sike-mb-banner>.sike-inline-member-back,
.sike-mb-banner>.sike-inline-member-live,
.sike-mb-banner>.sike-inline-member-wordmark{z-index:4!important}

.sike-mb-banner-editor{
  margin:14px 0 4px!important;padding:12px!important;border-radius:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;background:#12171b!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:9px!important;align-items:center!important;
}
.sike-mb-banner-editor>div:first-child>span{display:block!important;color:#ff684f!important;font-size:6px!important;font-weight:950!important;letter-spacing:.12em!important}
.sike-mb-banner-editor>div:first-child>b{display:block!important;margin-top:3px!important;color:#fff!important;font-size:8px!important}
.sike-mb-banner-editor>div:first-child>small{display:block!important;margin-top:3px!important;color:#707b82!important;font-size:6px!important}
.sike-mb-banner-upload{margin:0!important;display:block!important}
.sike-mb-banner-upload input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.sike-mb-banner-upload>span,
.sike-mb-banner-editor>[data-mb-banner-remove]{
  min-height:37px!important;padding:0 11px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.08)!important;
  background:#1a2024!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.sike-mb-banner-upload>span:hover{border-color:rgba(255,104,79,.28)!important}
.sike-mb-banner-editor>[data-mb-banner-remove]{color:#ff8174!important;background:rgba(255,80,65,.05)!important}
.sike-mb-banner-upload-status{grid-column:1/-1!important;min-height:0!important}
.sike-mb-banner-upload-status:empty{display:none!important}
.sike-mb-banner-upload-status b{display:block!important;color:#fff!important;font-size:7px!important}
.sike-mb-banner-upload-status small{display:block!important;margin-top:2px!important;color:#77828a!important;font-size:6px!important}

/* =====================================================================
   SIKE V477 — ANTI RAPID SKIP
   ===================================================================== */
.sike-skip-guard{
  position:fixed!important;left:50%!important;top:118px!important;z-index:450000!important;
  width:min(430px,calc(100% - 24px))!important;padding:13px 15px!important;border-radius:15px!important;
  display:grid!important;grid-template-columns:40px 1fr!important;gap:11px!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(13,17,20,.97)!important;
  color:#fff!important;box-shadow:0 22px 65px rgba(0,0,0,.48)!important;backdrop-filter:blur(18px)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-12px) scale(.98)!important;
  transition:.22s cubic-bezier(.2,.8,.2,1)!important;
}
.sike-skip-guard.show{opacity:1!important;visibility:visible!important;transform:translate(-50%,0) scale(1)!important}
.sike-skip-guard>span{
  width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:#20262a!important;font-size:18px!important;
}
.sike-skip-guard b{display:block!important;font-size:10px!important}
.sike-skip-guard small{display:block!important;margin-top:3px!important;color:#859097!important;font-size:7px!important;line-height:1.4!important}
.sike-skip-guard.is-warning{border-color:rgba(255,176,68,.22)!important}.sike-skip-guard.is-warning>span{background:rgba(255,165,48,.12)!important}
.sike-skip-guard.is-cooldown{border-color:rgba(255,91,72,.25)!important}.sike-skip-guard.is-cooldown>span{background:rgba(255,91,72,.12)!important}
.sike-skip-guard.is-cooldown strong{color:#ff745f!important}
.sike-skip-guard.is-ready{border-color:rgba(78,226,151,.22)!important}.sike-skip-guard.is-ready>span{background:rgba(78,226,151,.10)!important;color:#5ee4a4!important}

@media(max-width:760px){
  .sike-mb-banner-editor{grid-template-columns:1fr!important}
  .sike-mb-banner-editor>*{width:100%!important}
  .sike-mb-banner-upload-status{grid-column:1!important}
  .sike-skip-guard{top:78px!important}
}


/* =====================================================================
   SIKE V478 — PROFESSIONAL MUSIC BOOK PROFILE EDITOR
   ===================================================================== */
.sike-mb-edit-modal{
  position:fixed!important;
  inset:0!important;
  z-index:350000!important;
  background:rgba(2,4,6,.78)!important;
  backdrop-filter:blur(10px)!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
}
.sike-mb-edit-modal[hidden]{display:none!important}

.sike-mb-edit-card.sike-mb-edit-v478{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  width:min(680px,calc(100vw - 36px))!important;
  max-height:min(790px,calc(100dvh - 44px))!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#0d1215!important;
  color:#fff!important;
  box-shadow:0 32px 100px rgba(0,0,0,.65)!important;
  display:flex!important;
  flex-direction:column!important;
}

.sike-mb-edit-header{
  flex:0 0 auto!important;
  min-height:106px!important;
  padding:22px 24px 18px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(255,95,70,.13),transparent 35%),
    linear-gradient(180deg,#11171a,#0d1215)!important;
}
.sike-mb-edit-header>div>span{
  display:block!important;
  color:#ff684f!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-mb-edit-header h3{
  margin:5px 0 4px!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.sike-mb-edit-header p{
  margin:0!important;
  color:#7d888f!important;
  font-size:8px!important;
}

.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-close{
  position:static!important;
  inset:auto!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#171d21!important;
  color:#fff!important;
  font-size:17px!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-close:hover{background:#20272b!important}

.sike-mb-edit-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:20px 24px 24px!important;
  scrollbar-width:thin!important;
}

.sike-mb-edit-section{
  padding:0!important;
  margin:0 0 22px!important;
}
.sike-mb-edit-section:last-child{margin-bottom:0!important}
.sike-mb-edit-section-title{
  display:grid!important;
  grid-template-columns:32px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
.sike-mb-edit-section-title>span{
  width:30px!important;height:30px!important;border-radius:9px!important;
  display:grid!important;place-items:center!important;
  background:#171d21!important;color:#ff755f!important;
  font-size:7px!important;font-weight:950!important;
}
.sike-mb-edit-section-title b{display:block!important;font-size:10px!important}
.sike-mb-edit-section-title small{display:block!important;margin-top:2px!important;color:#6e7980!important;font-size:6.5px!important}

.sike-mb-edit-two{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:10px!important;
}
.sike-mb-field{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
}
.sike-mb-field>span{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  color:#9aa3a8!important;font-size:7px!important;font-weight:800!important;
}
.sike-mb-field>span i{
  font-style:normal!important;color:#566169!important;font-size:5px!important;letter-spacing:.07em!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-field input,
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-field textarea{
  width:100%!important;
  border:1px solid rgba(255,255,255,.075)!important;
  outline:0!important;
  border-radius:11px!important;
  background:#151b1f!important;
  color:#fff!important;
  padding:11px 12px!important;
  font:inherit!important;
  font-size:8px!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-field textarea{
  min-height:100px!important;resize:vertical!important;line-height:1.5!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-field input:focus,
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-field textarea:focus{
  border-color:rgba(255,103,79,.38)!important;
  background:#171d21!important;
  box-shadow:0 0 0 3px rgba(255,96,72,.06)!important;
}

.sike-mb-banner-section{
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.sike-mb-banner-preview{
  height:150px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(135deg,#21121b,#522126 52%,#151c23)!important;
}
.sike-mb-banner-preview-bg,
.sike-mb-banner-preview-shade{position:absolute!important;inset:0!important}
.sike-mb-banner-preview-bg{
  background-image:var(--preview-banner,none)!important;
  background-size:cover!important;
  background-position:center!important;
}
.sike-mb-banner-preview-shade{
  background:linear-gradient(90deg,rgba(5,8,10,.68),rgba(5,8,10,.12) 75%)!important;
}
.sike-mb-banner-preview-copy{
  position:absolute!important;
  left:18px!important;bottom:16px!important;z-index:2!important;
}
.sike-mb-banner-preview-copy small{
  display:block!important;color:#ff735d!important;font-size:6px!important;font-weight:950!important;letter-spacing:.12em!important;
}
.sike-mb-banner-preview-copy b{
  display:block!important;margin-top:3px!important;color:#fff!important;font-size:16px!important;
}
.sike-mb-banner-preview-copy span{
  display:block!important;margin-top:5px!important;color:#a1aaaf!important;font-size:6px!important;
}

.sike-mb-banner-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:10px!important;
  padding:11px!important;
  border-radius:11px!important;
  background:#12181c!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.sike-mb-banner-controls>div>b{display:block!important;font-size:8px!important}
.sike-mb-banner-controls>div>small{display:block!important;margin-top:3px!important;color:#6d7880!important;font-size:6px!important}
.sike-mb-banner-upload-v478{margin:0!important}
.sike-mb-banner-upload-v478>span,
.sike-mb-banner-remove-v478{
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#1b2226!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:850!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.sike-mb-banner-remove-v478{color:#ff8577!important;background:rgba(255,82,64,.045)!important}

.sike-mb-edit-footer{
  flex:0 0 auto!important;
  min-height:70px!important;
  padding:14px 18px 14px 24px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  background:#0b0f12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sike-mb-edit-footer>span{
  display:flex!important;align-items:center!important;gap:7px!important;
  color:#68737a!important;font-size:6px!important;
}
.sike-mb-edit-footer>span>i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#46df99!important;
  box-shadow:0 0 10px rgba(70,223,153,.35)!important;
}
.sike-mb-edit-footer>div{display:flex!important;gap:8px!important}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-cancel,
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-save{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:8px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-cancel{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#151b1f!important;
  color:#a7afb4!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-save{
  min-width:142px!important;
  border:0!important;
  background:linear-gradient(135deg,#ff5c45,#ff7159)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  box-shadow:0 8px 24px rgba(255,82,61,.18)!important;
}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-save:hover{transform:translateY(-1px)!important}
.sike-mb-edit-card.sike-mb-edit-v478 .sike-mb-edit-save b{font-size:13px!important}

/* Critical fix: old generic direct-child button rule must never position Save. */
.sike-mb-edit-card.sike-mb-edit-v478>button,
.sike-mb-edit-card.sike-mb-edit-v478 .primary{
  position:static!important;
  top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
}

@media(max-width:760px){
  .sike-mb-edit-modal{padding:8px!important}
  .sike-mb-edit-card.sike-mb-edit-v478{
    width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:17px!important;
  }
  .sike-mb-edit-header{padding:18px 16px 15px!important}
  .sike-mb-edit-header h3{font-size:25px!important}
  .sike-mb-edit-scroll{padding:16px!important}
  .sike-mb-edit-two{grid-template-columns:1fr!important}
  .sike-mb-banner-preview{height:125px!important}
  .sike-mb-banner-controls{grid-template-columns:1fr!important}
  .sike-mb-banner-controls>*{width:100%!important}
  .sike-mb-edit-footer{
    padding:11px 12px!important;
    align-items:stretch!important;
  }
  .sike-mb-edit-footer>span{display:none!important}
  .sike-mb-edit-footer>div{width:100%!important}
  .sike-mb-edit-cancel{flex:1!important}
  .sike-mb-edit-save{flex:1.35!important}
}


/* =====================================================================
   SIKE V480 — STICKY / SCROLL-AWARE PLAYLIST SIDEBAR
   ===================================================================== */
@media(min-width:1101px){

  /* Rail is always viewport-bound within the SIKE Music layout. */
  .sike-music-rail{
    position:sticky!important;
    top:0!important;
    align-self:start!important;
    height:100%!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    transition:padding .24s ease,gap .24s ease,background .24s ease!important;
  }

  .sike-music-rail>.sike-music-rail-brand,
  .sike-music-rail>nav{
    flex:0 0 auto!important;
    max-height:620px!important;
    opacity:1!important;
    transform:translateY(0)!important;
    overflow:hidden!important;
    transition:
      opacity .18s ease,
      transform .22s ease,
      max-height .28s cubic-bezier(.2,.8,.2,1),
      margin .28s ease,
      padding .28s ease,
      border-color .2s ease!important;
  }

  /* The user's real library is the lower, persistent area. */
  .sike-music-rail>.sike-user-playlists{
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 560px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior:contain!important;
    padding-bottom:6px!important;
    transition:
      flex .28s ease,
      max-height .28s cubic-bezier(.2,.8,.2,1),
      margin .28s ease,
      padding .28s ease,
      background .22s ease!important;
  }
  .sike-music-rail>.sike-user-playlists::-webkit-scrollbar{display:none!important}

  /* Once center content has moved, hide profile + main nav and promote Playlists. */
  .sike-music-rail.sike-rail-playlists-focus{
    padding-top:10px!important;
    gap:7px!important;
    background:
      linear-gradient(180deg,#0d1012 0%,#090b0d 30%,#090a0c 100%)!important;
  }

  .sike-music-rail.sike-rail-playlists-focus>.sike-music-rail-brand,
  .sike-music-rail.sike-rail-playlists-focus>nav{
    max-height:0!important;
    opacity:0!important;
    transform:translateY(-18px)!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border-color:transparent!important;
    pointer-events:none!important;
  }

  .sike-music-rail.sike-rail-playlists-focus>.sike-user-playlists{
    flex:1 1 auto!important;
    width:100%!important;
    max-height:none!important;
    margin-top:0!important;
    padding-top:3px!important;
    padding-bottom:8px!important;
    border-top-color:transparent!important;
    overflow-y:auto!important;
  }

  /* Make the playlist header look like the top of a real sticky library. */
  .sike-music-rail.sike-rail-playlists-focus .sike-playlist-heading{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    min-height:42px!important;
    margin:0 0 7px!important;
    padding:5px 2px 7px!important;
    background:linear-gradient(180deg,#0d1012 72%,rgba(13,16,18,0))!important;
  }
  .sike-music-rail.sike-rail-playlists-focus .sike-playlist-heading>span{
    font-size:5.6px!important;
    color:#8c969d!important;
    letter-spacing:.14em!important;
  }
  .sike-music-rail.sike-rail-playlists-focus .sike-playlist-heading>button{
    box-shadow:0 7px 18px rgba(0,0,0,.28)!important;
  }

  /* Playlist cards remain fully visible and become the visual navigation. */
  .sike-music-rail.sike-rail-playlists-focus .sike-user-playlists>button,
  .sike-music-rail.sike-rail-playlists-focus [data-user-playlist-slot]>button{
    flex:0 0 auto!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .sike-music-rail.sike-rail-playlists-focus .sike-user-playlists>button{
    margin-top:5px!important;
  }

  /* Keep locked slots readable — they should never disappear below a blank rail. */
  .sike-music-rail.sike-rail-playlists-focus .sike-playlist-locked{
    display:grid!important;
    opacity:.72!important;
  }

  /* Exit remains anchored to the bottom while the library scrolls above it. */
  .sike-music-rail>.sike-music-exit{
    flex:0 0 54px!important;
    margin-top:auto!important;
    position:relative!important;
    z-index:10!important;
    background:linear-gradient(180deg,rgba(9,10,12,.35),#090a0c 34%)!important;
  }

  .sike-music-rail.sike-rail-playlists-focus>.sike-music-exit{
    height:50px!important;
    min-height:50px!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
    border-radius:12px!important;
  }

  /* If the page itself scrolls, pin the rail below the site top header rather than
     allowing an empty column to continue down the document. */
  body:not(.sike-music-fullscreen-active) .sike-music-rail{
    position:sticky!important;
    top:8px!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }

  /* No detached/empty visual rail below the playlist library. */
  .sike-music-rail.sike-rail-playlists-focus:after{
    content:""!important;
    position:absolute!important;
    inset:auto 10px 58px!important;
    height:44px!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent,#090a0c)!important;
    z-index:6!important;
  }
}

/* Mobile keeps the existing compact SIKE Music navigation untouched. */
@media(max-width:1100px){
  .sike-music-rail.sike-rail-playlists-focus>.sike-music-rail-brand,
  .sike-music-rail.sike-rail-playlists-focus>nav{
    max-height:none!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
  }
}


/* =====================================================================
   SIKE V481 — DEFINITIVE NO-BLANK DESKTOP SIDEBAR
   ===================================================================== */
@media(min-width:1101px){
  /* When the music content is down-page, detach the rail from the tall document.
     This prevents its contents from scrolling away and leaving a black column. */
  .sike-music-rail.sike-rail-playlists-focus{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:112px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    z-index:145000!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:8px 7px 76px!important;
    border-right:1px solid rgba(255,255,255,.055)!important;
    box-shadow:12px 0 35px rgba(0,0,0,.10)!important;
  }

  .sike-music-rail.sike-rail-playlists-focus>.sike-user-playlists{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:0 2px 18px!important;
    margin:0!important;
    background:linear-gradient(180deg,#0d1012,#090b0d)!important;
  }

  .sike-music-rail.sike-rail-playlists-focus .sike-playlist-heading{
    flex:0 0 auto!important;
    top:0!important;
  }

  .sike-music-rail.sike-rail-playlists-focus [data-user-playlist-slot]{
    flex:0 0 auto!important;
    display:grid!important;
    gap:5px!important;
  }

  .sike-music-rail.sike-rail-playlists-focus .sike-user-liked,
  .sike-music-rail.sike-rail-playlists-focus .sike-playlist-locked,
  .sike-music-rail.sike-rail-playlists-focus .sike-get-premium{
    flex:0 0 auto!important;
  }

  .sike-music-rail.sike-rail-playlists-focus>.sike-music-exit{
    position:absolute!important;
    left:7px!important;
    right:7px!important;
    bottom:8px!important;
    width:auto!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    z-index:12!important;
  }

  /* No pseudo-element or oversized empty filler in the rail. */
  .sike-music-rail.sike-rail-playlists-focus:after{display:none!important}
}

/* =====================================================================
   SIKE V481 — @USERNAME MEMBER SEARCH
   ===================================================================== */
.sike-member-search-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.sike-member-search-card{
  min-width:0!important;
  min-height:92px!important;
  padding:13px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(135deg,#101518,#12171b)!important;
  color:#fff!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.sike-member-search-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,103,79,.24)!important;
  background:linear-gradient(135deg,#13191d,#171b20)!important;
}
.sike-member-search-avatar{
  width:62px!important;height:62px!important;border-radius:50%!important;
  overflow:hidden!important;background:#22292d!important;display:grid!important;place-items:center!important;
  font-size:20px!important;font-weight:950!important;
}
.sike-member-search-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.sike-member-search-copy{min-width:0!important;display:block!important}
.sike-member-search-copy small{display:block!important;color:#ff684f!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:.12em!important}
.sike-member-search-copy b{display:block!important;margin-top:4px!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sike-member-search-copy em{display:block!important;margin-top:3px!important;color:#78838a!important;font-size:7px!important;font-style:normal!important}
.sike-member-search-open{display:flex!important;align-items:center!important;gap:7px!important;color:#8d979d!important;font-size:7px!important;font-weight:800!important}
.sike-member-search-open i{font-style:normal!important;color:#ff6d55!important;font-size:14px!important}

/* Inline public profile lives inside SIKE Music, never leaves sikeapp.php. */
.sike-inline-public-profile{
  padding:18px 18px 145px!important;
  min-height:calc(100dvh - 120px)!important;
  overflow:auto!important;
}
.sike-inline-public-profile[hidden]{display:none!important}
.sike-public-profile-card{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#0c1013!important;
}
.sike-public-profile-banner{
  height:245px!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#25121e,#58242a 55%,#171e25)!important;
}
.sike-public-profile-banner-img,.sike-public-profile-banner-shade{position:absolute!important;inset:0!important}
.sike-public-profile-banner-img{background-image:var(--public-banner,none)!important;background-size:cover!important;background-position:center!important}
.sike-public-profile-banner-shade{background:linear-gradient(180deg,rgba(4,7,9,.10),rgba(4,7,9,.38))!important}
.sike-public-profile-banner>button{
  position:absolute!important;left:18px!important;top:18px!important;z-index:3!important;
  height:38px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;background:rgba(8,11,13,.78)!important;color:#fff!important;font-size:7px!important;font-weight:850!important;cursor:pointer!important;
}
.sike-public-profile-banner>span{
  position:absolute!important;right:18px!important;top:18px!important;z-index:3!important;
  color:#fff!important;font-size:6px!important;font-weight:950!important;letter-spacing:.12em!important;
}
.sike-public-profile-banner>span i{display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#48df9a!important;margin-right:6px!important}
.sike-public-profile-head{
  min-height:142px!important;padding:0 26px 22px!important;
  display:grid!important;grid-template-columns:126px minmax(0,1fr) auto!important;gap:20px!important;align-items:end!important;
}
.sike-public-profile-avatar{
  width:126px!important;height:126px!important;border-radius:50%!important;overflow:hidden!important;
  margin-top:-63px!important;border:6px solid #0c1013!important;background:#20272c!important;display:grid!important;place-items:center!important;
  font-size:40px!important;font-weight:950!important;position:relative!important;z-index:3!important;
}
.sike-public-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.sike-public-profile-head>div>small{display:block!important;color:#ff684f!important;font-size:7px!important;font-weight:900!important}
.sike-public-profile-head h2{margin:4px 0 5px!important;font-size:33px!important;letter-spacing:-.04em!important}
.sike-public-profile-head p{margin:0!important;color:#7d888f!important;font-size:8px!important}
.sike-public-tags{display:flex!important;gap:7px!important;align-items:center!important;margin-top:8px!important}.sike-public-tags b{color:#64dda2!important;font-size:6px!important}.sike-public-tags span{color:#69747b!important;font-size:6px!important}.sike-public-tags i{width:3px!important;height:3px!important;border-radius:50%!important;background:#50585d!important}
.sike-public-profile-level{
  min-width:78px!important;padding:9px 10px!important;border-radius:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;background:#141a1e!important;text-align:center!important;
}
.sike-public-profile-level b{display:block!important;font-size:18px!important}.sike-public-profile-level small{display:block!important;margin-top:3px!important;font-size:5px!important;letter-spacing:.1em!important;color:#8b959c!important}
.sike-public-profile-body{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr)!important;gap:14px!important;padding:0 26px 28px!important}
.sike-public-section-title span,.sike-public-about>span{color:#ff684f!important;font-size:6px!important;font-weight:950!important;letter-spacing:.12em!important}.sike-public-section-title h3{margin:5px 0 10px!important;font-size:22px!important}
.sike-public-posts{display:grid!important;gap:9px!important}.sike-public-profile-post,.sike-public-about{padding:14px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:#101518!important}.sike-public-profile-post>p{margin:0 0 10px!important;font-size:8px!important;color:#dbe0e3!important}
.sike-public-shared-track{display:grid!important;grid-template-columns:82px 1fr!important;gap:10px!important;align-items:center!important}.sike-public-shared-track>img,.sike-public-shared-track>span{width:82px!important;height:82px!important;border-radius:10px!important;object-fit:cover!important;background:#20272b!important;display:grid!important;place-items:center!important}.sike-public-shared-track small{display:block!important;color:#ff684f!important;font-size:5px!important;font-weight:900!important}.sike-public-shared-track b{display:block!important;margin-top:3px!important;font-size:10px!important}.sike-public-shared-track em{display:block!important;margin-top:2px!important;color:#737e85!important;font-size:6px!important;font-style:normal!important}.sike-public-profile-post footer{display:flex!important;gap:12px!important;margin-top:9px!important;color:#69747b!important;font-size:6px!important}
.sike-public-about>div{padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.sike-public-about>div:last-child{border-bottom:0!important}.sike-public-about small{display:block!important;color:#616c73!important;font-size:5px!important}.sike-public-about b{display:block!important;margin-top:4px!important;font-size:8px!important}
.sike-public-profile-empty,.sike-public-profile-loading{padding:70px 22px!important;text-align:center!important;color:#748087!important}.sike-public-profile-loading b{display:block!important;color:#fff!important;font-size:12px!important}.sike-public-profile-loading small{display:block!important;margin-top:5px!important}

@media(max-width:800px){
  .sike-member-search-results{grid-template-columns:1fr!important}
  .sike-member-search-card{grid-template-columns:52px minmax(0,1fr) auto!important}
  .sike-member-search-avatar{width:52px!important;height:52px!important}
  .sike-inline-public-profile{padding:8px 8px 125px!important}
  .sike-public-profile-banner{height:180px!important}
  .sike-public-profile-head{grid-template-columns:88px 1fr!important;padding:0 15px 18px!important}
  .sike-public-profile-avatar{width:88px!important;height:88px!important;margin-top:-44px!important;border-width:5px!important}
  .sike-public-profile-level{grid-column:1/-1!important;width:100%!important}
  .sike-public-profile-body{grid-template-columns:1fr!important;padding:0 15px 20px!important}
}

.sike-music-home.is-public-profile-view>.sike-music-scroll,
.sike-music-home.is-public-profile-view>[data-inline-own-musicbook]{display:none!important}
.sike-music-home.is-public-profile-view>[data-inline-public-profile]{display:block!important}


/* =====================================================================
   SIKE V482 — MEMBER SEARCH CLICK / INLINE PROFILE FIX
   ===================================================================== */
.sike-member-search-card{
  position:relative!important;
  isolation:isolate!important;
}
.sike-member-search-card>*{
  pointer-events:none!important;
}
.sike-member-search-card:active{
  transform:translateY(0) scale(.992)!important;
}
.sike-member-search-card:focus-visible{
  outline:2px solid rgba(255,103,79,.72)!important;
  outline-offset:2px!important;
}
.sike-inline-public-profile{
  position:relative!important;
  z-index:20!important;
}


/* =====================================================================
   SIKE V483 — INLINE MEMBER PROFILE ROUTE HARDENING
   ===================================================================== */
.sike-music-home.is-public-profile-view{
  position:relative!important;
}
.sike-music-home.is-public-profile-view>.sike-music-topbar,
.sike-music-home.is-public-profile-view>.sike-mobile-music-devices{
  display:flex!important;
}
.sike-music-home.is-public-profile-view>.sike-music-scroll{
  display:none!important;
}
.sike-music-home.is-public-profile-view>[data-inline-public-profile]{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:calc(100dvh - 82px)!important;
  min-height:540px!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(255,93,70,.06),transparent 30%),
    #0b0f12!important;
}
.sike-inline-public-profile[hidden]{display:none!important}
.sike-public-profile-loading{
  min-height:420px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
}

/* =====================================================================
   SIKE V483 — RANK ROAD / BATTLE PASS
   ===================================================================== */
.sike-rank-panel{
  width:min(920px,calc(100vw - 28px))!important;
  max-height:min(820px,calc(100dvh - 36px))!important;
  overflow:auto!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  border-radius:22px!important;
  padding:12px!important;
  background:rgba(9,12,15,.99)!important;
  box-shadow:0 35px 120px rgba(0,0,0,.68)!important;
}
.sike-rank-panel-inner{padding:13px!important}
.sike-rank-panel-top{
  grid-template-columns:52px 1fr 38px!important;
  padding:5px 2px 16px!important;
}
.sike-rank-panel-top>.sike-rank-badge{width:48px!important;height:48px!important}
.sike-rank-panel-top>.sike-rank-badge b{font-size:12px!important}
.sike-rank-panel-top>div>span{font-size:7px!important}
.sike-rank-panel-top h4{font-size:24px!important;margin-top:4px!important}
.sike-rank-panel-top>div>small{display:block!important;margin-top:3px!important;color:#667179!important;font-size:6px!important}

.sike-rank-road{
  margin-top:15px!important;
  padding:15px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,100,75,.09),transparent 32%),
    linear-gradient(145deg,#101518,#0d1114)!important;
}
.sike-rank-road>header{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;
}
.sike-rank-road>header span{display:block!important;color:#ff6a50!important;font-size:6px!important;font-weight:950!important;letter-spacing:.13em!important}
.sike-rank-road>header h5{margin:4px 0 0!important;font-size:20px!important;letter-spacing:-.03em!important}
.sike-rank-road>header>b{color:#8e989e!important;font-size:7px!important}

.sike-rank-road-overall{
  padding:11px!important;border-radius:12px!important;background:#12181c!important;margin-bottom:12px!important;
}
.sike-rank-road-overall>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important}
.sike-rank-road-overall>div:first-child span{color:#ff755d!important;font-size:6px!important;font-weight:950!important}
.sike-rank-road-overall>div:first-child b{font-size:10px!important}
.sike-rank-road-bar{height:7px!important;margin:8px 0 6px!important;border-radius:99px!important;background:#242a2e!important;overflow:hidden!important}
.sike-rank-road-bar i{display:block!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#ff5d45,#ffb152)!important;box-shadow:0 0 15px rgba(255,97,70,.28)!important}
.sike-rank-road-overall>small{color:#677279!important;font-size:6px!important}

.sike-rank-road-track{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.sike-rank-road-tier{
  --road-a:#424a50;--road-b:#79838a;
  position:relative!important;
  min-height:82px!important;
  padding:10px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(135deg,#11171a,#0e1316)!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:10px!important;align-items:center!important;
}
.sike-rank-road-tier.rank-silver{--road-a:#7a848c;--road-b:#e6edf1}
.sike-rank-road-tier.rank-gold{--road-a:#9c6800;--road-b:#ffd75d}
.sike-rank-road-tier.rank-sapphire{--road-a:#1a4699;--road-b:#59bcff}
.sike-rank-road-tier.rank-purple{--road-a:#5922aa;--road-b:#bd74ff}
.sike-rank-road-tier.rank-ruby{--road-a:#91172c;--road-b:#ff536c}
.sike-rank-road-tier.rank-diamond{--road-a:#11879d;--road-b:#c0f8ff}
.sike-rank-road-tier.rank-obsidian{--road-a:#08090b;--road-b:#626b78}
.sike-rank-road-tier.rank-master{--road-a:#d74711;--road-b:#ffb14d}
.sike-rank-road-tier.rank-legend{--road-a:#8d116e;--road-b:#ff76e1}
.sike-rank-road-tier.rank-elite{--road-a:#101010;--road-b:#ff6048}
.sike-rank-road-tier.locked{opacity:.42!important;filter:saturate(.48)!important}
.sike-rank-road-tier.unlocked{border-color:rgba(255,255,255,.10)!important}
.sike-rank-road-tier.current{
  opacity:1!important;filter:none!important;border-color:rgba(255,105,80,.38)!important;
  box-shadow:0 0 0 2px rgba(255,96,73,.05),0 10px 30px rgba(0,0,0,.24)!important;
}
.sike-rank-road-tier.current:after{
  content:"CURRENT"!important;position:absolute!important;right:9px!important;top:7px!important;color:#ff735b!important;font-size:5px!important;font-weight:950!important;letter-spacing:.1em!important;
}
.sike-rank-road-icon{
  width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;position:relative!important;
  background:linear-gradient(145deg,var(--road-b),var(--road-a))!important;border:2px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.sike-rank-road-icon>b{font-size:10px!important;text-shadow:0 1px 4px rgba(0,0,0,.6)!important}
.sike-rank-road-icon>i{position:absolute!important;right:-3px!important;bottom:-2px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#151a1e!important;border:1px solid rgba(255,255,255,.13)!important;display:grid!important;place-items:center!important;font-size:8px!important;font-style:normal!important}
.sike-rank-road-copy span{display:block!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
.sike-rank-road-copy strong{display:block!important;margin-top:2px!important;color:#879198!important;font-size:6px!important}
.sike-rank-road-copy small{display:block!important;margin-top:4px!important;color:#616c73!important;font-size:5.5px!important;line-height:1.35!important}
.sike-rank-road-xp{align-self:end!important;color:#606b72!important;font-size:5.5px!important;font-weight:850!important}
.sike-rank-pass-footer{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:9px!important;margin-top:10px!important}
.sike-rank-pass-footer .sike-rank-streak{margin:0!important;height:100%!important}
.sike-rank-pass-footer .sike-rank-mini-grid{grid-template-columns:repeat(2,1fr)!important}

@media(max-width:760px){
  .sike-rank-panel{
    width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:17px!important;
  }
  .sike-rank-road-track{grid-template-columns:1fr!important}
  .sike-rank-pass-footer{grid-template-columns:1fr!important}
  .sike-rank-road-tier{min-height:74px!important}
}


/* =====================================================================
   SIKE V484 — MEMBER PROFILE HARD FIX
   Profile is now a dedicated center-column layer and never relies on
   replacing/hiding the search result DOM.
   ===================================================================== */
.sike-music-home{
  position:relative!important;
}

.sike-v484-member-layer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:82px!important;
  bottom:0!important;
  z-index:120000!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:18px 18px 145px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(255,96,72,.08),transparent 32%),
    #0a0e11!important;
  scrollbar-width:thin!important;
}
.sike-v484-member-layer[hidden]{display:none!important}
.sike-v484-member-layer.is-open{display:block!important}

.sike-v484-member-open>.sike-music-scroll{
  /* Keep the original search DOM alive underneath so returning is instant. */
  visibility:visible!important;
  pointer-events:none!important;
}
.sike-v484-member-open>.sike-music-topbar{
  position:relative!important;
  z-index:120010!important;
}

/* The right video panel + bottom audio player intentionally remain above/alongside. */
.sike-v484-profile-card{
  width:min(1160px,100%)!important;
  margin:0 auto!important;
  animation:sikeV484ProfileIn .22s cubic-bezier(.2,.8,.2,1)!important;
}
@keyframes sikeV484ProfileIn{
  from{opacity:0;transform:translateY(8px) scale(.995)}
  to{opacity:1;transform:none}
}

.sike-v484-profile-loading,
.sike-v484-profile-error{
  width:min(560px,calc(100% - 20px))!important;
  min-height:280px!important;
  margin:70px auto!important;
  padding:34px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#101518!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
}
.sike-v484-profile-loading>b,
.sike-v484-profile-error>b{font-size:18px!important;margin-top:12px!important}
.sike-v484-profile-loading>small,
.sike-v484-profile-error>small{margin-top:5px!important;color:#748087!important;font-size:8px!important}
.sike-v484-loader{
  width:34px!important;height:34px!important;border-radius:50%!important;
  border:3px solid rgba(255,255,255,.10)!important;
  border-top-color:#ff654d!important;
  animation:sikeV484Spin .75s linear infinite!important;
}
@keyframes sikeV484Spin{to{transform:rotate(360deg)}}

.sike-v484-profile-error>span{
  width:42px!important;height:42px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,89,68,.12)!important;color:#ff745f!important;font-size:20px!important;
}
.sike-v484-profile-error>button{
  margin-top:18px!important;padding:11px 16px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.09)!important;background:#171d21!important;color:#fff!important;cursor:pointer!important;
}

.sike-v484-profile-back{
  display:flex!important;align-items:center!important;gap:7px!important;
}
.sike-v484-profile-identity{min-width:0!important}

/* Search cards are always actual clickable surfaces. */
.sike-member-search-card{
  pointer-events:auto!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.sike-member-search-card *{pointer-events:none!important}

@media(max-width:1100px){
  .sike-v484-member-layer{
    top:68px!important;
    padding:10px 10px 125px!important;
  }
}


/* =====================================================================
   SIKE V485 — RELIABLE PROFILE BACK
   ===================================================================== */
.sike-v484-profile-back,
[data-close-public-profile]{
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:40!important;
}
.sike-v484-profile-back>*{pointer-events:none!important}
.sike-v484-profile-back:hover{
  background:rgba(18,24,28,.96)!important;
  border-color:rgba(255,105,81,.28)!important;
  transform:translateX(-1px)!important;
}

/* =====================================================================
   SIKE V485 — INLINE RANK ROAD CENTER VIEW
   ===================================================================== */
.sike-inline-rank-road{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:82px!important;
  bottom:0!important;
  z-index:130000!important;
  width:auto!important;
  height:auto!important;
  padding:18px 18px 145px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,98,73,.08),transparent 34%),
    linear-gradient(180deg,#0a0e11,#090c0f)!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
.sike-inline-rank-road[hidden]{display:none!important}
.sike-inline-rank-road.is-open{display:block!important}

.sike-inline-rank-card{
  width:min(1120px,100%)!important;
  margin:0 auto!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  overflow:hidden!important;
  background:#0e1316!important;
  box-shadow:0 26px 72px rgba(0,0,0,.25)!important;
  animation:sikeV485RankIn .22s cubic-bezier(.2,.8,.2,1)!important;
}
@keyframes sikeV485RankIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

.sike-inline-rank-head{
  min-height:122px!important;
  padding:22px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:
    radial-gradient(circle at 86% 0%,rgba(255,101,75,.15),transparent 36%),
    linear-gradient(135deg,#11171a,#151219)!important;
}
.sike-inline-rank-title{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
}
.sike-inline-rank-title>.sike-rank-badge{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
}
.sike-inline-rank-title>.sike-rank-badge b{font-size:13px!important}
.sike-inline-rank-title>div>span{
  display:block!important;
  color:#ff6a50!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sike-inline-rank-title h2{
  margin:5px 0 4px!important;
  font-size:28px!important;
  letter-spacing:-.04em!important;
}
.sike-inline-rank-title p{
  margin:0!important;
  color:#778289!important;
  font-size:8px!important;
}

.sike-inline-rank-close{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#171d21!important;
  color:#fff!important;
  font-size:21px!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.sike-inline-rank-close:hover{background:#22292e!important}

.sike-inline-rank-current{padding:16px 24px 0!important}
.sike-inline-rank-current>div:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:7px!important;
}
.sike-inline-rank-current b{font-size:10px!important}
.sike-inline-rank-current span{color:#778289!important;font-size:7px!important}
.sike-inline-rank-current .sike-rank-progress{height:8px!important}

.sike-inline-rank-card>.sike-rank-road{
  margin:16px 24px 0!important;
}
.sike-inline-rank-card .sike-rank-road-track{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.sike-inline-rank-card .sike-rank-road-tier{
  min-height:90px!important;
}

.sike-inline-rank-footer{
  margin:16px 24px 24px!important;
  display:grid!important;
  grid-template-columns:1.4fr repeat(4,1fr)!important;
  gap:8px!important;
}
.sike-inline-rank-footer>div{
  min-height:68px!important;
  padding:11px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#11171a!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sike-inline-rank-footer>div.streak{
  background:linear-gradient(135deg,#171511,#12171a)!important;
}
.sike-inline-rank-footer span{
  color:#ff7057!important;
  font-size:10px!important;
  font-weight:950!important;
}
.sike-inline-rank-footer b{
  display:block!important;
  margin-top:3px!important;
  font-size:7px!important;
}
.sike-inline-rank-footer small{
  display:block!important;
  margin-top:3px!important;
  color:#677279!important;
  font-size:5.5px!important;
}

.sike-music-home.sike-inline-rank-open>.sike-music-scroll,
.sike-music-home.sike-inline-rank-open>[data-inline-public-profile]{
  pointer-events:none!important;
}

/* In SIKE Music the old floating modal is disabled; the inline view is canonical. */
body:has([data-sike-music])>[data-sike-rank-panel]{
  display:none!important;
}

@media(max-width:800px){
  .sike-inline-rank-road{
    top:68px!important;
    padding:9px 9px 125px!important;
  }
  .sike-inline-rank-card{border-radius:17px!important}
  .sike-inline-rank-head{padding:17px 15px!important}
  .sike-inline-rank-title>.sike-rank-badge{
    width:46px!important;height:46px!important;flex-basis:46px!important;
  }
  .sike-inline-rank-title h2{font-size:21px!important}
  .sike-inline-rank-current{padding:13px 15px 0!important}
  .sike-inline-rank-card>.sike-rank-road{margin:13px 15px 0!important}
  .sike-inline-rank-card .sike-rank-road-track{grid-template-columns:1fr!important}
  .sike-inline-rank-footer{
    margin:13px 15px 18px!important;
    grid-template-columns:repeat(2,1fr)!important;
  }
  .sike-inline-rank-footer>div.streak{grid-column:1/-1!important}
}


/* =====================================================================
   SIKE V486 — PROFILE VIEW CLEANUP
   ===================================================================== */

/* Never show the mobile device strip while a member profile is open. */
.sike-music-home.sike-v484-member-open>.sike-mobile-music-devices,
.sike-music-home.is-public-profile-view>.sike-mobile-music-devices{
  display:none!important;
}

/* Also remove any spacing that belonged to the device strip. */
.sike-music-home.sike-v484-member-open .sike-v484-member-layer,
.sike-music-home.is-public-profile-view .sike-v484-member-layer{
  top:82px!important;
}

/* =====================================================================
   SIKE V486 — @USERNAME SEARCH WITH RANK BADGES
   ===================================================================== */
.sike-member-search-card{
  grid-template-columns:86px minmax(0,1fr) auto!important;
  min-height:112px!important;
  padding:14px 16px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,105,80,.05),transparent 32%),
    linear-gradient(135deg,#101518,#12171b)!important;
}
.sike-member-search-avatar-wrap{
  width:74px!important;
  min-width:74px!important;
  position:relative!important;
  display:block!important;
}
.sike-member-search-avatar{
  width:68px!important;
  height:68px!important;
  border:3px solid #171d21!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.sike-member-search-rank{
  position:absolute!important;
  right:-5px!important;
  bottom:-9px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:58px!important;
  padding:4px 6px 4px 4px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(14,18,21,.96)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.28)!important;
}
.sike-member-search-rank-medal{
  width:24px!important;height:24px!important;min-width:24px!important;
  border-radius:50%!important;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#737c83,#32383d)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.sike-member-search-rank-medal b{font-size:6px!important}
.sike-member-search-rank>span:last-child>b{
  display:block!important;font-size:6px!important;line-height:1!important;
}
.sike-member-search-rank>span:last-child>small{
  display:block!important;margin-top:2px!important;color:#778289!important;
  font-size:4.5px!important;line-height:1!important;
}
.sike-member-search-rank.rank-silver .sike-member-search-rank-medal{background:linear-gradient(145deg,#e3e9ed,#6f7981)!important}
.sike-member-search-rank.rank-gold .sike-member-search-rank-medal{background:linear-gradient(145deg,#ffd766,#9b6908)!important}
.sike-member-search-rank.rank-sapphire .sike-member-search-rank-medal{background:linear-gradient(145deg,#65c7ff,#17458e)!important}
.sike-member-search-rank.rank-purple .sike-member-search-rank-medal{background:linear-gradient(145deg,#c47cff,#5b24a5)!important}
.sike-member-search-rank.rank-ruby .sike-member-search-rank-medal{background:linear-gradient(145deg,#ff6277,#8f182c)!important}
.sike-member-search-rank.rank-diamond .sike-member-search-rank-medal{background:linear-gradient(145deg,#d1fbff,#168a9f)!important}
.sike-member-search-rank.rank-obsidian .sike-member-search-rank-medal{background:linear-gradient(145deg,#69717b,#08090a)!important}
.sike-member-search-rank.rank-master .sike-member-search-rank-medal{background:linear-gradient(145deg,#ffb152,#d34a14)!important}
.sike-member-search-rank.rank-legend .sike-member-search-rank-medal{background:linear-gradient(145deg,#ff7ce3,#8f176f)!important}
.sike-member-search-rank.rank-elite .sike-member-search-rank-medal{background:linear-gradient(145deg,#ff664e,#111)!important}

.sike-member-search-copy>b{font-size:14px!important}
.sike-member-search-meta{
  display:block!important;
  margin-top:5px!important;
  color:#69747a!important;
  font-size:6px!important;
}
.sike-member-search-open{
  min-width:90px!important;
  justify-content:flex-end!important;
  font-size:7px!important;
}

/* =====================================================================
   SIKE V486 — PROFESSIONAL MEMBER PROFILE
   ===================================================================== */
.sike-v484-profile-card{
  background:
    radial-gradient(circle at 88% 0%,rgba(255,99,74,.055),transparent 30%),
    #0b1013!important;
  border-color:rgba(255,255,255,.08)!important;
}

.sike-public-profile-banner{
  height:290px!important;
}
.sike-public-profile-banner-shade{
  background:
    linear-gradient(180deg,rgba(5,8,10,.08),rgba(5,8,10,.18) 50%,rgba(5,8,10,.62))!important;
}
.sike-v484-profile-back{
  min-height:40px!important;
  padding:0 15px!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
}

.sike-v486-profile-head{
  min-height:160px!important;
  grid-template-columns:138px minmax(0,1fr) auto!important;
  gap:22px!important;
  padding:0 30px 24px!important;
}
.sike-v486-profile-head .sike-public-profile-avatar{
  width:138px!important;
  height:138px!important;
  margin-top:-69px!important;
  border-width:7px!important;
  box-shadow:0 14px 40px rgba(0,0,0,.35)!important;
}
.sike-v486-profile-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(255,100,76,.08)!important;
  color:#ff6e55!important;
  font-size:5px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.sike-v486-profile-identity>small{
  display:block!important;
  margin-top:8px!important;
}
.sike-v486-profile-identity h2{
  font-size:38px!important;
  margin:3px 0 6px!important;
}
.sike-v486-profile-identity p{
  max-width:680px!important;
  font-size:8px!important;
  line-height:1.5!important;
}
.sike-v486-profile-rank-card{
  min-width:155px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#11171a!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.sike-v486-profile-rank-card>.sike-public-profile-level{
  min-width:72px!important;
}
.sike-v486-profile-rank-card>div:last-child small{
  display:block!important;color:#647077!important;font-size:5px!important;
}
.sike-v486-profile-rank-card>div:last-child b{
  display:block!important;margin-top:3px!important;font-size:11px!important;
}

.sike-v486-profile-stats{
  margin:0 30px 22px!important;
  padding:11px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#0f1417!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
}
.sike-v486-profile-stats>div{
  padding:4px 14px!important;
  border-right:1px solid rgba(255,255,255,.05)!important;
}
.sike-v486-profile-stats>div:last-child{border-right:0!important}
.sike-v486-profile-stats small{
  display:block!important;color:#606b72!important;font-size:5px!important;letter-spacing:.08em!important;
}
.sike-v486-profile-stats b{
  display:block!important;margin-top:4px!important;font-size:10px!important;
}

.sike-v486-profile-body{
  padding:0 30px 30px!important;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr)!important;
  gap:16px!important;
}
.sike-v486-musicbook-section{
  min-width:0!important;
}
.sike-v486-musicbook-section .sike-public-section-title{
  margin-bottom:12px!important;
}
.sike-v486-musicbook-section .sike-public-section-title p{
  margin:4px 0 0!important;
  color:#6f7a81!important;
  font-size:7px!important;
}
.sike-v486-about-card{
  position:sticky!important;
  top:12px!important;
}
.sike-v486-profile-note{
  margin-top:10px!important;
  padding:14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,102,78,.08),transparent 35%),
    #101518!important;
}
.sike-v486-profile-note>span{
  display:block!important;color:#ff6b52!important;font-size:5px!important;font-weight:950!important;letter-spacing:.12em!important;
}
.sike-v486-profile-note>b{
  display:block!important;margin-top:6px!important;font-size:12px!important;
}
.sike-v486-profile-note>p{
  margin:5px 0 0!important;color:#6d7880!important;font-size:6.5px!important;line-height:1.45!important;
}

/* Cleaner post cards */
.sike-v486-profile-body .sike-public-profile-post{
  padding:16px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#11171a,#0e1316)!important;
}
.sike-v486-profile-body .sike-public-shared-track{
  grid-template-columns:100px minmax(0,1fr)!important;
}
.sike-v486-profile-body .sike-public-shared-track>img,
.sike-v486-profile-body .sike-public-shared-track>span{
  width:100px!important;height:100px!important;
}

/* Mobile/tablet profile cleanup */
@media(max-width:900px){
  .sike-music-home.sike-v484-member-open>.sike-mobile-music-devices,
  .sike-music-home.is-public-profile-view>.sike-mobile-music-devices{
    display:none!important;
  }

  .sike-public-profile-banner{height:210px!important}
  .sike-v486-profile-head{
    grid-template-columns:94px minmax(0,1fr)!important;
    padding:0 16px 18px!important;
    gap:13px!important;
  }
  .sike-v486-profile-head .sike-public-profile-avatar{
    width:94px!important;height:94px!important;margin-top:-47px!important;border-width:5px!important;
  }
  .sike-v486-profile-identity h2{font-size:25px!important}
  .sike-v486-profile-rank-card{
    grid-column:1/-1!important;
    width:100%!important;
    justify-content:space-between!important;
  }
  .sike-v486-profile-stats{
    margin:0 16px 16px!important;
    grid-template-columns:repeat(2,1fr)!important;
  }
  .sike-v486-profile-stats>div:nth-child(2){border-right:0!important}
  .sike-v486-profile-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.05)!important}
  .sike-v486-profile-body{
    padding:0 16px 22px!important;
    grid-template-columns:1fr!important;
  }
  .sike-v486-about-card{position:static!important}
  .sike-member-search-card{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .sike-member-search-open{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    padding-left:84px!important;
  }
}


/* =====================================================================
   SIKE V487 — ULTRA COMPACT SIDEBAR PROFILE / LEVEL / XP
   Only affects the account block at the very top of SIKE Music.
   ===================================================================== */
.sike-v410-sidebar-profile{
  padding:8px 8px 9px!important;
  gap:5px!important;
  min-height:0!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,100,76,.05),transparent 64%)!important;
}

/* Smaller, cleaner avatar with less dead space around it. */
.sike-v410-sidebar-avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.018),
    0 6px 15px rgba(0,0,0,.30)!important;
}
.sike-v410-sidebar-avatar:hover{
  transform:none!important;
  border-color:rgba(255,105,81,.30)!important;
  box-shadow:
    0 0 0 2px rgba(255,100,76,.025),
    0 7px 17px rgba(0,0,0,.34)!important;
}

/* Rank area becomes one tiny row + progress bar. */
.sike-sidebar-rank-profile{
  width:76px!important;
  max-width:76px!important;
  gap:4px!important;
  margin:0 auto!important;
  padding:0!important;
}

.sike-v487-level-row{
  width:100%!important;
  min-height:22px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:5px!important;
}

/* Small level medal. */
.sike-v487-level-row>.sike-rank-badge{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex-basis:20px!important;
  margin:0!important;
  box-shadow:
    0 3px 8px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.sike-v487-level-row>.sike-rank-badge b{
  font-size:5.4px!important;
}

/* Level/rank copy sits tightly beside the medal. */
.sike-v487-level-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:1px!important;
}
.sike-v487-level-copy>b{
  font-size:6.4px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#f5f7f8!important;
  white-space:nowrap!important;
}
.sike-v487-level-copy>small{
  font-size:4.2px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  color:#727d84!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Percent is tiny but still readable. */
.sike-v487-level-percent{
  font-style:normal!important;
  font-size:4.4px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#ff7259!important;
  white-space:nowrap!important;
}

/* XP bar directly below level row. */
.sike-v487-xp-track{
  width:100%!important;
  height:3px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#1d2327!important;
}
.sike-v487-xp-track>i{
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff6048,#ffad59)!important;
  box-shadow:0 0 7px rgba(255,97,72,.22)!important;
}

/* Tiny current XP caption replaces the old big XP row + streak. */
.sike-v487-xp-caption{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:3.9px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#59636a!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Old V476/V477 fields must not consume any space in this block. */
.sike-sidebar-profile-name,
.sike-sidebar-xp-label,
.sike-sidebar-streak{
  display:none!important;
}

/* Pull the navigation slightly closer to the compact account card. */
.sike-music-rail>nav{
  margin-top:2px!important;
}

/* Keep this equally compact on narrower layouts. */
@media(max-width:760px){
  .sike-v410-sidebar-profile{
    padding:6px 4px 7px!important;
    gap:4px!important;
  }
  .sike-v410-sidebar-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .sike-sidebar-rank-profile{
    width:68px!important;
    max-width:68px!important;
  }
  .sike-v487-level-row{
    grid-template-columns:18px minmax(0,1fr) auto!important;
    gap:4px!important;
  }
  .sike-v487-level-row>.sike-rank-badge{
    width:18px!important;height:18px!important;min-width:18px!important;flex-basis:18px!important;
  }
  .sike-v487-level-copy>b{font-size:5.8px!important}
  .sike-v487-level-copy>small{font-size:3.8px!important}
  .sike-v487-level-percent{font-size:3.9px!important}
  .sike-v487-xp-caption{font-size:3.6px!important}
}


/* =====================================================================
   SIKE V488 — PREMIUM ESPORT RANK EMBLEMS + LARGER SIDEBAR AVATAR
   Original SIKE rank artwork: faceted shield / wings / crown system.
   ===================================================================== */

/* Larger avatar, while keeping V487's compact vertical footprint. */
.sike-v410-sidebar-profile{
  padding:8px 7px 9px!important;
  gap:5px!important;
}
.sike-v410-sidebar-avatar{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.018),
    0 8px 22px rgba(0,0,0,.36)!important;
}
.sike-v410-sidebar-avatar img{
  border-radius:50%!important;
}
.sike-sidebar-rank-profile{
  width:80px!important;
  max-width:80px!important;
}

/* ---------- Shared emblem base ---------- */
.sike-rank-badge.sike-rank-emblem{
  --rank-core-a:#59636c;
  --rank-core-b:#aab3ba;
  --rank-edge:#d9e0e5;
  --rank-glow:rgba(185,195,203,.26);
  --rank-dark:#252b30;

  width:42px!important;
  height:36px!important;
  min-width:42px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  isolation:isolate!important;
}
.sike-rank-badge.sike-rank-emblem:before{
  content:""!important;
  position:absolute!important;
  inset:2px 6px 1px!important;
  z-index:1!important;
  clip-path:polygon(50% 0,88% 18%,100% 55%,74% 88%,50% 100%,26% 88%,0 55%,12% 18%)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.08) 28%,transparent 29%),
    linear-gradient(160deg,var(--rank-core-b),var(--rank-core-a) 58%,var(--rank-dark))!important;
  border:0!important;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.38)) drop-shadow(0 0 7px var(--rank-glow))!important;
}
.sike-rank-badge.sike-rank-emblem:after{
  content:""!important;
  position:absolute!important;
  inset:6px 10px 6px!important;
  z-index:2!important;
  clip-path:polygon(50% 0,86% 22%,100% 55%,72% 88%,50% 100%,28% 88%,0 55%,14% 22%)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),transparent 45%),
    linear-gradient(180deg,rgba(4,6,8,.15),rgba(4,6,8,.5))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.sike-rank-gem{
  position:relative!important;
  z-index:5!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  clip-path:polygon(50% 0,92% 26%,82% 82%,50% 100%,18% 82%,8% 26%)!important;
  background:
    radial-gradient(circle at 35% 24%,rgba(255,255,255,.48),transparent 24%),
    linear-gradient(150deg,var(--rank-core-b),var(--rank-core-a))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important;
}
.sike-rank-gem>b{
  position:relative!important;
  z-index:2!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.7)!important;
}
.sike-rank-wing{
  position:absolute!important;
  top:12px!important;
  width:13px!important;
  height:16px!important;
  z-index:0!important;
  background:linear-gradient(145deg,var(--rank-edge),var(--rank-core-a))!important;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.3))!important;
  opacity:.92!important;
}
.sike-rank-wing.wing-left{
  left:0!important;
  clip-path:polygon(100% 0,74% 42%,100% 100%,35% 78%,0 28%)!important;
}
.sike-rank-wing.wing-right{
  right:0!important;
  clip-path:polygon(0 0,26% 42%,0 100%,65% 78%,100% 28%)!important;
}
.sike-rank-crown{
  position:absolute!important;
  top:-3px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  width:15px!important;
  height:7px!important;
  clip-path:polygon(0 100%,10% 30%,35% 68%,50% 0,65% 68%,90% 30%,100% 100%)!important;
  background:var(--rank-edge)!important;
  opacity:.88!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))!important;
}

/* Compact emblems stay detailed instead of becoming plain circles. */
.sike-rank-badge.sike-rank-emblem.compact{
  width:30px!important;
  height:27px!important;
  min-width:30px!important;
}
.sike-rank-badge.sike-rank-emblem.compact:before{inset:2px 4px 1px!important}
.sike-rank-badge.sike-rank-emblem.compact:after{inset:5px 7px 5px!important}
.sike-rank-badge.sike-rank-emblem.compact .sike-rank-gem{
  width:15px!important;height:15px!important;
}
.sike-rank-badge.sike-rank-emblem.compact .sike-rank-gem>b{font-size:4.8px!important}
.sike-rank-badge.sike-rank-emblem.compact .sike-rank-wing{
  width:9px!important;height:12px!important;top:9px!important;
}
.sike-rank-badge.sike-rank-emblem.compact .sike-rank-crown{
  width:11px!important;height:5px!important;top:-1px!important;
}

/* ---------- Individual rank identities ---------- */
.sike-rank-emblem.rank-starter,
.rank-starter .sike-rank-emblem{
  --rank-core-a:#3c444b;--rank-core-b:#8c969e;--rank-edge:#b4bcc2;--rank-glow:rgba(150,160,168,.20);--rank-dark:#20262b;
}
.sike-rank-emblem.rank-silver,
.rank-silver .sike-rank-emblem{
  --rank-core-a:#6f7b85;--rank-core-b:#eef3f6;--rank-edge:#fff;--rank-glow:rgba(225,236,244,.34);--rank-dark:#465058;
}
.sike-rank-emblem.rank-gold,
.rank-gold .sike-rank-emblem{
  --rank-core-a:#9d6500;--rank-core-b:#ffe071;--rank-edge:#fff0aa;--rank-glow:rgba(255,202,62,.40);--rank-dark:#654100;
}
.sike-rank-emblem.rank-sapphire,
.rank-sapphire .sike-rank-emblem{
  --rank-core-a:#173f8d;--rank-core-b:#63c9ff;--rank-edge:#b8ebff;--rank-glow:rgba(73,178,255,.40);--rank-dark:#122653;
}
.sike-rank-emblem.rank-purple,
.rank-purple .sike-rank-emblem{
  --rank-core-a:#5820a5;--rank-core-b:#c47bff;--rank-edge:#e1b8ff;--rank-glow:rgba(183,95,255,.38);--rank-dark:#34155f;
}
.sike-rank-emblem.rank-ruby,
.rank-ruby .sike-rank-emblem{
  --rank-core-a:#8d142a;--rank-core-b:#ff667d;--rank-edge:#ffb0bb;--rank-glow:rgba(255,70,99,.38);--rank-dark:#55101d;
}
.sike-rank-emblem.rank-diamond,
.rank-diamond .sike-rank-emblem{
  --rank-core-a:#0c7d93;--rank-core-b:#d3fbff;--rank-edge:#f3ffff;--rank-glow:rgba(134,235,255,.48);--rank-dark:#07505e;
}
.sike-rank-emblem.rank-obsidian,
.rank-obsidian .sike-rank-emblem{
  --rank-core-a:#08090b;--rank-core-b:#626c78;--rank-edge:#9aa4b0;--rank-glow:rgba(122,132,147,.27);--rank-dark:#020304;
}
.sike-rank-emblem.rank-master,
.rank-master .sike-rank-emblem{
  --rank-core-a:#d6420f;--rank-core-b:#ffb550;--rank-edge:#ffe0a3;--rank-glow:rgba(255,130,48,.43);--rank-dark:#702008;
}
.sike-rank-emblem.rank-legend,
.rank-legend .sike-rank-emblem{
  --rank-core-a:#8d116c;--rank-core-b:#ff79dd;--rank-edge:#ffc3f1;--rank-glow:rgba(255,93,213,.45);--rank-dark:#4c0b3d;
}
.sike-rank-emblem.rank-elite,
.rank-elite .sike-rank-emblem{
  --rank-core-a:#0a0a0c;--rank-core-b:#ff654c;--rank-edge:#ffd0c8;--rank-glow:rgba(255,89,64,.58);--rank-dark:#020203;
  animation:sikeV488EliteEmblem 1.9s ease-in-out infinite!important;
}
@keyframes sikeV488EliteEmblem{
  50%{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(255,91,69,.48))}
}

/* Rank-specific silhouettes become increasingly prestigious. */
.sike-rank-emblem.rank-starter .sike-rank-wing{opacity:.18!important}
.sike-rank-emblem.rank-silver .sike-rank-wing{opacity:.52!important}
.sike-rank-emblem.rank-gold .sike-rank-wing,
.sike-rank-emblem.rank-sapphire .sike-rank-wing{transform:scaleY(1.05)!important}
.sike-rank-emblem.rank-purple .sike-rank-wing,
.sike-rank-emblem.rank-ruby .sike-rank-wing{transform:scaleY(1.13)!important}
.sike-rank-emblem.rank-diamond .sike-rank-wing,
.sike-rank-emblem.rank-obsidian .sike-rank-wing{transform:scale(1.08,1.18)!important}
.sike-rank-emblem.rank-master .sike-rank-wing,
.sike-rank-emblem.rank-legend .sike-rank-wing,
.sike-rank-emblem.rank-elite .sike-rank-wing{transform:scale(1.15,1.24)!important}

/* Sidebar row rebalanced around the wider shield badge. */
.sike-v487-level-row{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  min-height:29px!important;
  gap:4px!important;
}
.sike-v487-level-row>.sike-rank-badge{
  width:30px!important;
  height:27px!important;
  min-width:30px!important;
  flex-basis:30px!important;
}
.sike-v487-level-copy>b{font-size:6.5px!important}
.sike-v487-level-copy>small{font-size:4.2px!important}
.sike-v487-level-percent{font-size:4.2px!important}
.sike-v487-xp-track{height:3px!important}

/* Topbar/profile-avatar badges also become crest-shaped. */
.sike-global-rank-badge .sike-rank-badge{
  width:30px!important;
  height:27px!important;
}
.sike-mb-rank-mini .sike-rank-badge{
  width:29px!important;
  height:26px!important;
}

/* ---------- Rank Road: replace circles with full crest cards ---------- */
.sike-rank-road-icon.sike-rank-road-emblem{
  --road-a:#525c65;
  --road-b:#aeb7be;
  width:58px!important;
  height:52px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.sike-rank-road-icon.sike-rank-road-emblem:before{
  content:""!important;
  position:absolute!important;
  inset:2px 10px 2px!important;
  clip-path:polygon(50% 0,88% 17%,100% 53%,75% 88%,50% 100%,25% 88%,0 53%,12% 17%)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.62),transparent 26%),
    linear-gradient(160deg,var(--road-b),var(--road-a) 62%,#15191c)!important;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.38))!important;
}
.sike-rank-road-icon.sike-rank-road-emblem>strong{
  position:relative!important;
  z-index:5!important;
  font-size:8px!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.8)!important;
}
.sike-road-wing{
  position:absolute!important;
  top:17px!important;
  width:17px!important;
  height:20px!important;
  z-index:0!important;
  background:linear-gradient(145deg,var(--road-b),var(--road-a))!important;
}
.sike-road-wing.left{
  left:0!important;
  clip-path:polygon(100% 0,72% 44%,100% 100%,35% 76%,0 25%)!important;
}
.sike-road-wing.right{
  right:0!important;
  clip-path:polygon(0 0,28% 44%,0 100%,65% 76%,100% 25%)!important;
}
.sike-rank-road-icon.sike-rank-road-emblem>i{
  position:absolute!important;
  right:2px!important;
  bottom:0!important;
  z-index:7!important;
  width:17px!important;
  height:17px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:#11161a!important;
  font-size:6px!important;
  font-style:normal!important;
}
.sike-rank-road-tier.locked .sike-rank-road-icon>i{
  color:#6d7780!important;
}
.sike-rank-road-tier.unlocked .sike-rank-road-icon>i{
  color:#5ce4a4!important;
}

/* Different road palettes continue to work through existing rank variables. */
.sike-rank-road-tier.rank-silver .sike-rank-road-icon{--road-a:#6f7a84;--road-b:#eef3f6}
.sike-rank-road-tier.rank-gold .sike-rank-road-icon{--road-a:#9c6500;--road-b:#ffe071}
.sike-rank-road-tier.rank-sapphire .sike-rank-road-icon{--road-a:#17418d;--road-b:#62c9ff}
.sike-rank-road-tier.rank-purple .sike-rank-road-icon{--road-a:#5720a4;--road-b:#c67cff}
.sike-rank-road-tier.rank-ruby .sike-rank-road-icon{--road-a:#8e152a;--road-b:#ff667e}
.sike-rank-road-tier.rank-diamond .sike-rank-road-icon{--road-a:#0d7f95;--road-b:#d3fbff}
.sike-rank-road-tier.rank-obsidian .sike-rank-road-icon{--road-a:#08090b;--road-b:#646e79}
.sike-rank-road-tier.rank-master .sike-rank-road-icon{--road-a:#d94410;--road-b:#ffb651}
.sike-rank-road-tier.rank-legend .sike-rank-road-icon{--road-a:#8d126d;--road-b:#ff7ade}
.sike-rank-road-tier.rank-elite .sike-rank-road-icon{--road-a:#09090b;--road-b:#ff654d}

/* Search-result mini rank switches from circle to angular crest too. */
.sike-member-search-rank-medal{
  width:28px!important;
  height:26px!important;
  min-width:28px!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(50% 0,90% 20%,100% 58%,72% 100%,28% 100%,0 58%,10% 20%)!important;
  box-shadow:none!important;
}
.sike-member-search-rank-medal b{font-size:5.5px!important}

/* Mobile: avatar stays meaningfully larger than V487, but not oversized. */
@media(max-width:760px){
  .sike-v410-sidebar-avatar{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  .sike-sidebar-rank-profile{
    width:74px!important;
    max-width:74px!important;
  }
  .sike-v487-level-row{
    grid-template-columns:28px minmax(0,1fr) auto!important;
  }
  .sike-v487-level-row>.sike-rank-badge{
    width:28px!important;
    height:25px!important;
    min-width:28px!important;
  }
}


/* =====================================================================
   SIKE V489 — RANK STARS + DISTINCT PRESTIGE BADGE SILHOUETTES
   ===================================================================== */

.sike-rank-badge-wrap{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:visible!important;
  position:relative!important;
  flex:0 0 auto!important;
}
.sike-rank-badge-wrap.compact{gap:0!important}

/* Five-stage stars under every rank emblem. */
.sike-rank-stars{
  height:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  margin-top:-1px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.sike-rank-stars>i{
  font-style:normal!important;
  font-size:5px!important;
  line-height:1!important;
  color:#343b40!important;
  text-shadow:none!important;
  transform:scale(.9)!important;
}
.sike-rank-stars>i.on{
  color:var(--rank-edge,#dce3e8)!important;
  text-shadow:0 0 5px var(--rank-glow,rgba(255,255,255,.2))!important;
  transform:scale(1)!important;
}
.sike-rank-badge-wrap.compact .sike-rank-stars{
  height:6px!important;
  margin-top:-2px!important;
}
.sike-rank-badge-wrap.compact .sike-rank-stars>i{font-size:3.7px!important}

/* Additional geometry hooks. */
.sike-rank-spike{
  position:absolute!important;
  z-index:0!important;
  opacity:0!important;
  background:linear-gradient(145deg,var(--rank-edge),var(--rank-core-a))!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))!important;
}
.sike-rank-spike.spike-left{left:2px!important;top:3px!important;width:10px!important;height:13px!important;clip-path:polygon(100% 100%,0 48%,72% 0)!important}
.sike-rank-spike.spike-right{right:2px!important;top:3px!important;width:10px!important;height:13px!important;clip-path:polygon(0 100%,100% 48%,28% 0)!important}

/* STARTER — compact scout shield, almost no wings. */
.sike-rank-emblem.rank-starter{
  width:38px!important;height:34px!important;
}
.sike-rank-emblem.rank-starter .sike-rank-wing{opacity:.10!important}
.sike-rank-emblem.rank-starter .sike-rank-crown{opacity:.18!important}

/* SILVER — clean knight shield. */
.sike-rank-emblem.rank-silver{
  width:42px!important;height:37px!important;
}
.sike-rank-emblem.rank-silver:before{
  clip-path:polygon(50% 0,86% 16%,100% 47%,80% 84%,50% 100%,20% 84%,0 47%,14% 16%)!important;
}
.sike-rank-emblem.rank-silver .sike-rank-wing{opacity:.46!important}

/* GOLD — wider crown badge with pointed lower spear. */
.sike-rank-emblem.rank-gold{
  width:47px!important;height:39px!important;
}
.sike-rank-emblem.rank-gold:before{
  inset:1px 7px 0!important;
  clip-path:polygon(50% 0,84% 10%,100% 35%,88% 70%,66% 78%,50% 100%,34% 78%,12% 70%,0 35%,16% 10%)!important;
}
.sike-rank-emblem.rank-gold .sike-rank-crown{
  width:19px!important;height:9px!important;top:-5px!important;opacity:1!important;
}
.sike-rank-emblem.rank-gold .sike-rank-wing{opacity:.72!important}

/* SAPPHIRE — crystal diamond profile. */
.sike-rank-emblem.rank-sapphire{
  width:50px!important;height:42px!important;
}
.sike-rank-emblem.rank-sapphire:before{
  inset:1px 8px!important;
  clip-path:polygon(50% 0,88% 19%,100% 50%,76% 81%,50% 100%,24% 81%,0 50%,12% 19%)!important;
}
.sike-rank-emblem.rank-sapphire:after{
  clip-path:polygon(50% 0,92% 35%,76% 85%,50% 100%,24% 85%,8% 35%)!important;
}
.sike-rank-emblem.rank-sapphire .sike-rank-wing{transform:scale(1.18,1.1)!important;opacity:.80!important}

/* PURPLE — arcane wings + upward horns. */
.sike-rank-emblem.rank-purple{
  width:53px!important;height:44px!important;
}
.sike-rank-emblem.rank-purple .sike-rank-wing{transform:scale(1.28,1.22)!important}
.sike-rank-emblem.rank-purple .sike-rank-spike{opacity:.72!important}
.sike-rank-emblem.rank-purple .sike-rank-crown{width:20px!important;height:9px!important;opacity:1!important}

/* RUBY — aggressive crimson talons. */
.sike-rank-emblem.rank-ruby{
  width:56px!important;height:46px!important;
}
.sike-rank-emblem.rank-ruby:before{
  clip-path:polygon(50% 0,78% 10%,100% 33%,90% 58%,100% 78%,67% 80%,50% 100%,33% 80%,0 78%,10% 58%,0 33%,22% 10%)!important;
}
.sike-rank-emblem.rank-ruby .sike-rank-wing{transform:scale(1.36,1.28)!important}
.sike-rank-emblem.rank-ruby .sike-rank-spike{opacity:.9!important}

/* DIAMOND — large faceted star-crystal. */
.sike-rank-emblem.rank-diamond{
  width:60px!important;height:49px!important;
}
.sike-rank-emblem.rank-diamond:before{
  inset:0 9px!important;
  clip-path:polygon(50% 0,68% 18%,92% 14%,86% 40%,100% 58%,75% 70%,66% 96%,50% 80%,34% 96%,25% 70%,0 58%,14% 40%,8% 14%,32% 18%)!important;
}
.sike-rank-emblem.rank-diamond .sike-rank-wing{transform:scale(1.42,1.33)!important}
.sike-rank-emblem.rank-diamond .sike-rank-crown{width:22px!important;height:10px!important;opacity:1!important}

/* OBSIDIAN — dark armored hex / heavy shoulders. */
.sike-rank-emblem.rank-obsidian{
  width:62px!important;height:50px!important;
}
.sike-rank-emblem.rank-obsidian:before{
  inset:0 8px!important;
  clip-path:polygon(50% 0,86% 12%,100% 38%,92% 72%,72% 88%,50% 100%,28% 88%,8% 72%,0 38%,14% 12%)!important;
}
.sike-rank-emblem.rank-obsidian .sike-rank-wing{transform:scale(1.46,1.36)!important;filter:brightness(.76) drop-shadow(0 5px 7px rgba(0,0,0,.55))!important}
.sike-rank-emblem.rank-obsidian .sike-rank-spike{opacity:1!important}

/* MASTER — flame crown + broad wings. */
.sike-rank-emblem.rank-master{
  width:66px!important;height:54px!important;
}
.sike-rank-emblem.rank-master .sike-rank-wing{transform:scale(1.58,1.46)!important}
.sike-rank-emblem.rank-master .sike-rank-spike{opacity:1!important;transform:scale(1.18)!important}
.sike-rank-emblem.rank-master .sike-rank-crown{width:25px!important;height:12px!important;top:-7px!important;opacity:1!important}

/* LEGEND — double-wing prestige crest. */
.sike-rank-emblem.rank-legend{
  width:72px!important;height:58px!important;
}
.sike-rank-emblem.rank-legend:before{
  inset:0 12px!important;
  clip-path:polygon(50% 0,78% 8%,94% 28%,88% 50%,100% 66%,77% 74%,70% 94%,50% 100%,30% 94%,23% 74%,0 66%,12% 50%,6% 28%,22% 8%)!important;
}
.sike-rank-emblem.rank-legend .sike-rank-wing{transform:scale(1.72,1.55)!important}
.sike-rank-emblem.rank-legend .sike-rank-spike{opacity:1!important;transform:scale(1.28)!important}
.sike-rank-emblem.rank-legend .sike-rank-crown{width:28px!important;height:13px!important;top:-8px!important;opacity:1!important}

/* ELITE — maximum multi-point boss emblem. */
.sike-rank-emblem.rank-elite{
  width:80px!important;height:64px!important;
}
.sike-rank-emblem.rank-elite:before{
  inset:0 13px!important;
  clip-path:polygon(50% 0,64% 12%,82% 4%,84% 24%,100% 34%,88% 50%,100% 68%,78% 72%,70% 92%,50% 100%,30% 92%,22% 72%,0 68%,12% 50%,0 34%,16% 24%,18% 4%,36% 12%)!important;
}
.sike-rank-emblem.rank-elite .sike-rank-wing{transform:scale(1.92,1.68)!important}
.sike-rank-emblem.rank-elite .sike-rank-spike{opacity:1!important;transform:scale(1.45)!important}
.sike-rank-emblem.rank-elite .sike-rank-crown{
  width:32px!important;height:15px!important;top:-10px!important;opacity:1!important;
  filter:drop-shadow(0 0 7px rgba(255,99,77,.7))!important;
}
.sike-rank-emblem.rank-elite .sike-rank-gem{
  box-shadow:0 0 15px rgba(255,95,73,.55),inset 0 0 0 1px rgba(255,255,255,.32)!important;
}

/* Compact mode keeps rank silhouette differences but scales them down. */
.sike-rank-badge.sike-rank-emblem.compact{
  transform:scale(.74)!important;
  transform-origin:center center!important;
  margin:-3px -5px!important;
}
.sike-rank-badge-wrap.compact{
  min-width:32px!important;
  min-height:32px!important;
}

/* Sidebar needs a little room for the star row but stays compact. */
.sike-v487-level-row{
  grid-template-columns:34px minmax(0,1fr) auto!important;
  min-height:34px!important;
}
.sike-v487-level-row>.sike-rank-badge-wrap{
  width:34px!important;
  min-width:34px!important;
}
.sike-sidebar-rank-profile{
  gap:2px!important;
}
.sike-v487-xp-track{margin-top:1px!important}

/* Rank Road badge stacks. */
.sike-rank-road-badge-stack{
  width:66px!important;
  min-width:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
}
.sike-rank-road-stars{
  height:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
}
.sike-rank-road-stars>i{
  font-style:normal!important;
  font-size:5px!important;
  color:#333a3f!important;
}
.sike-rank-road-stars>i.on{
  color:var(--road-b,#e4eaee)!important;
  text-shadow:0 0 5px rgba(255,255,255,.20)!important;
}
.sike-road-spike{
  position:absolute!important;
  z-index:0!important;
  background:linear-gradient(145deg,var(--road-b),var(--road-a))!important;
  opacity:.35!important;
}
.sike-road-spike.top{
  width:14px!important;height:10px!important;top:-5px!important;left:50%!important;transform:translateX(-50%)!important;
  clip-path:polygon(0 100%,25% 25%,50% 70%,75% 25%,100% 100%)!important;
}
.sike-road-spike.bottom{
  width:12px!important;height:10px!important;bottom:-3px!important;left:50%!important;transform:translateX(-50%)!important;
  clip-path:polygon(0 0,50% 100%,100% 0)!important;
}

/* Higher road ranks visibly increase prestige. */
.sike-rank-road-tier.rank-gold .sike-rank-road-icon,
.sike-rank-road-tier.rank-sapphire .sike-rank-road-icon{transform:scale(1.04)!important}
.sike-rank-road-tier.rank-purple .sike-rank-road-icon,
.sike-rank-road-tier.rank-ruby .sike-rank-road-icon{transform:scale(1.08)!important}
.sike-rank-road-tier.rank-diamond .sike-rank-road-icon,
.sike-rank-road-tier.rank-obsidian .sike-rank-road-icon{transform:scale(1.12)!important}
.sike-rank-road-tier.rank-master .sike-rank-road-icon{transform:scale(1.16)!important}
.sike-rank-road-tier.rank-legend .sike-rank-road-icon{transform:scale(1.20)!important}
.sike-rank-road-tier.rank-elite .sike-rank-road-icon{
  transform:scale(1.25)!important;
  filter:drop-shadow(0 0 9px rgba(255,95,73,.38))!important;
}

/* Current rank stars glow more strongly. */
.sike-rank-road-tier.current .sike-rank-road-stars>i.on{
  color:#ff8a73!important;
  text-shadow:0 0 7px rgba(255,98,75,.55)!important;
}

/* Topbar/avatar mini badge accommodates the star wrapper. */
.sike-rank-avatar-badge,
.sike-global-rank-badge,
.sike-mb-rank-mini{
  overflow:visible!important;
}
.sike-global-rank-badge .sike-rank-badge-wrap,
.sike-mb-rank-mini .sike-rank-badge-wrap{
  transform:scale(.78)!important;
  transform-origin:center!important;
}

/* Slightly larger sidebar avatar still preserved from V488. */
.sike-v410-sidebar-avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
}

@media(max-width:760px){
  .sike-v410-sidebar-avatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  .sike-v487-level-row{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    min-height:32px!important;
  }
  .sike-rank-badge.sike-rank-emblem.compact{
    transform:scale(.68)!important;
  }
}


/* =====================================================================
   SIKE V490 — SIDEBAR RANK VISIBILITY POLISH
   Makes the compact V489 rank system readable again without bloating rail.
   ===================================================================== */

/* Slightly more breathing room in account block, still compact. */
.sike-v410-sidebar-profile{
  padding:9px 7px 10px!important;
  gap:6px!important;
}

/* Keep avatar large and crisp. */
.sike-v410-sidebar-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.025),
    0 9px 24px rgba(0,0,0,.40)!important;
}

/* Wider rank area so emblem + text don't crush each other. */
.sike-sidebar-rank-profile{
  width:92px!important;
  max-width:92px!important;
  gap:4px!important;
}

/* Main rank row becomes properly readable. */
.sike-v487-level-row{
  width:100%!important;
  min-height:42px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
}

/* Make current rank emblem clearly visible. */
.sike-v487-level-row>.sike-rank-badge-wrap{
  width:42px!important;
  min-width:42px!important;
  transform:none!important;
  overflow:visible!important;
}
.sike-v487-level-row .sike-rank-badge.sike-rank-emblem.compact{
  transform:scale(.93)!important;
  margin:0!important;
  transform-origin:center!important;
  filter:
    drop-shadow(0 5px 8px rgba(0,0,0,.38))
    drop-shadow(0 0 8px var(--rank-glow,rgba(255,255,255,.18)))!important;
}
.sike-v487-level-row .sike-rank-stars.compact{
  margin-top:-1px!important;
  height:8px!important;
  gap:1.5px!important;
}
.sike-v487-level-row .sike-rank-stars.compact>i{
  font-size:5px!important;
}
.sike-v487-level-row .sike-rank-stars.compact>i.on{
  filter:drop-shadow(0 0 4px var(--rank-glow,rgba(255,255,255,.24)))!important;
}

/* LVL + rank labels are now genuinely readable. */
.sike-v487-level-copy{
  gap:2px!important;
}
.sike-v487-level-copy>b{
  font-size:7.3px!important;
  letter-spacing:.01em!important;
}
.sike-v487-level-copy>small{
  font-size:5px!important;
  letter-spacing:.055em!important;
  color:#9aa4aa!important;
}
.sike-v487-level-percent{
  font-size:4.8px!important;
  color:#ff755d!important;
}

/* Progress gets stronger contrast. */
.sike-v487-xp-track{
  height:4px!important;
  width:100%!important;
  background:#242b30!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.32)!important;
}
.sike-v487-xp-track>i{
  background:linear-gradient(90deg,#ff5e47,#ffb35b)!important;
  box-shadow:0 0 9px rgba(255,95,71,.32)!important;
}
.sike-v487-xp-caption{
  font-size:4.3px!important;
  color:#7c878e!important;
}

/* Current rank should pop more than locked/future badges. */
.sike-v410-sidebar-profile .rank-starter{
  --rank-core-a:#59636b;
  --rank-core-b:#c9d1d6;
  --rank-edge:#f0f4f6;
  --rank-glow:rgba(214,225,232,.34);
}
.sike-v410-sidebar-profile .rank-silver{
  --rank-glow:rgba(235,244,249,.46);
}
.sike-v410-sidebar-profile .rank-gold{
  --rank-glow:rgba(255,205,72,.50);
}
.sike-v410-sidebar-profile .rank-sapphire{
  --rank-glow:rgba(77,185,255,.50);
}
.sike-v410-sidebar-profile .rank-purple{
  --rank-glow:rgba(190,103,255,.50);
}
.sike-v410-sidebar-profile .rank-ruby{
  --rank-glow:rgba(255,84,108,.50);
}
.sike-v410-sidebar-profile .rank-diamond{
  --rank-glow:rgba(144,238,255,.56);
}
.sike-v410-sidebar-profile .rank-obsidian{
  --rank-glow:rgba(135,148,164,.42);
}
.sike-v410-sidebar-profile .rank-master{
  --rank-glow:rgba(255,145,61,.54);
}
.sike-v410-sidebar-profile .rank-legend{
  --rank-glow:rgba(255,111,222,.56);
}
.sike-v410-sidebar-profile .rank-elite{
  --rank-glow:rgba(255,93,70,.68);
}

/* Make the topbar avatar badge readable too. */
.sike-global-rank-badge .sike-rank-badge-wrap,
.sike-mb-rank-mini .sike-rank-badge-wrap{
  transform:scale(.92)!important;
}

/* Keep text aligned under larger avatar. */
.sike-v410-sidebar-profile>a,
.sike-v410-sidebar-profile>button{
  overflow:visible!important;
}

/* Mobile keeps a compact but readable version. */
@media(max-width:760px){
  .sike-v410-sidebar-avatar{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .sike-sidebar-rank-profile{
    width:84px!important;
    max-width:84px!important;
  }
  .sike-v487-level-row{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    min-height:38px!important;
    gap:5px!important;
  }
  .sike-v487-level-row .sike-rank-badge.sike-rank-emblem.compact{
    transform:scale(.84)!important;
  }
  .sike-v487-level-copy>b{font-size:6.8px!important}
  .sike-v487-level-copy>small{font-size:4.6px!important}
  .sike-v487-level-percent{font-size:4.4px!important}
}


/* =====================================================================
   SIKE V491 — MEMBER PROFILE + GLOBAL TOPNAV RANK BADGE VISIBILITY
   ===================================================================== */

/* ---------------- MEMBER PROFILE ----------------
   Make the badge attached to profile avatars much more prominent.
   Works for own Music Book profile and inline/public member profile avatars. */
.sike-inline-member-avatar,
.sike-mb-post-avatar,
.sike-mb-mini-avatar,
.sike-public-profile-avatar{
  position:relative!important;
  overflow:visible!important;
}

/* Music Book / own member profile badge */
.sike-mb-rank-mini{
  right:-13px!important;
  bottom:-8px!important;
  z-index:30!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  filter:none!important;
}
.sike-mb-rank-mini .sike-rank-badge-wrap{
  transform:scale(1.18)!important;
  transform-origin:center!important;
  min-width:48px!important;
  min-height:46px!important;
}
.sike-mb-rank-mini .sike-rank-badge.sike-rank-emblem{
  transform:none!important;
  margin:0!important;
  filter:
    drop-shadow(0 7px 10px rgba(0,0,0,.48))
    drop-shadow(0 0 10px var(--rank-glow,rgba(255,255,255,.24)))!important;
}
.sike-mb-rank-mini .sike-rank-stars{
  margin-top:1px!important;
  height:9px!important;
}
.sike-mb-rank-mini .sike-rank-stars>i{
  font-size:5.5px!important;
}

/* Public/searched member profile rank card: bigger crest and clearer text. */
.sike-v486-profile-rank-card{
  min-width:190px!important;
  padding:14px 15px!important;
  gap:15px!important;
  border-color:rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.045),transparent 35%),
    linear-gradient(145deg,#13191d,#0f1417)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.20)!important;
}
.sike-v486-profile-rank-card>.sike-public-profile-level{
  min-width:104px!important;
  padding:12px 13px!important;
}
.sike-v486-profile-rank-card>.sike-public-profile-level b{
  font-size:23px!important;
}
.sike-v486-profile-rank-card>.sike-public-profile-level small{
  margin-top:4px!important;
  font-size:6.3px!important;
}
.sike-v486-profile-rank-card>div:last-child small{
  font-size:5.8px!important;
}
.sike-v486-profile-rank-card>div:last-child b{
  font-size:13px!important;
}

/* If rank emblem gets attached directly to the public profile avatar, enlarge it too. */
.sike-public-profile-avatar .sike-mb-rank-mini,
.sike-inline-member-avatar .sike-mb-rank-mini{
  right:-16px!important;
  bottom:-9px!important;
}
.sike-public-profile-avatar .sike-mb-rank-mini .sike-rank-badge-wrap,
.sike-inline-member-avatar .sike-mb-rank-mini .sike-rank-badge-wrap{
  transform:scale(1.28)!important;
}

/* ---------------- GLOBAL TOPNAV ----------------
   Badge beside signed-in avatar on ALL pages. */
.site-user-avatar.has-sike-rank{
  overflow:visible!important;
}
.sike-global-rank-badge{
  right:-13px!important;
  bottom:-11px!important;
  z-index:40!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  pointer-events:auto!important;
}
.sike-global-rank-badge .sike-rank-badge-wrap{
  transform:scale(1.02)!important;
  transform-origin:center!important;
  min-width:39px!important;
  min-height:39px!important;
}
.sike-global-rank-badge .sike-rank-badge.sike-rank-emblem.compact{
  transform:scale(.90)!important;
  margin:0!important;
  filter:
    drop-shadow(0 5px 8px rgba(0,0,0,.46))
    drop-shadow(0 0 8px var(--rank-glow,rgba(255,255,255,.24)))!important;
}
.sike-global-rank-badge .sike-rank-stars.compact{
  height:7px!important;
  margin-top:-1px!important;
  gap:1px!important;
}
.sike-global-rank-badge .sike-rank-stars.compact>i{
  font-size:4.4px!important;
}

/* Give the top account pill enough breathing room for the badge. */
.site-user-pill{
  overflow:visible!important;
}
.site-user-pill .site-user-avatar{
  margin-right:3px!important;
}

/* Improve visibility for low ranks too, where grey-on-black was too subtle. */
.sike-global-rank-badge .rank-starter,
.sike-mb-rank-mini .rank-starter{
  --rank-core-a:#5b6670;
  --rank-core-b:#d0d8dd;
  --rank-edge:#f4f7f9;
  --rank-glow:rgba(220,231,238,.42);
}
.sike-global-rank-badge .rank-silver,
.sike-mb-rank-mini .rank-silver{
  --rank-glow:rgba(236,245,250,.52);
}

/* Hover confirms it's interactive without distracting in idle state. */
.sike-global-rank-badge,
.sike-mb-rank-mini{
  transition:transform .16s ease,filter .16s ease!important;
}
.sike-global-rank-badge:hover,
.sike-mb-rank-mini:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
}

/* Mobile remains visible but controlled. */
@media(max-width:760px){
  .sike-global-rank-badge{
    right:-10px!important;
    bottom:-9px!important;
  }
  .sike-global-rank-badge .sike-rank-badge-wrap{
    transform:scale(.92)!important;
    min-width:36px!important;
    min-height:36px!important;
  }

  .sike-mb-rank-mini{
    right:-10px!important;
    bottom:-7px!important;
  }
  .sike-mb-rank-mini .sike-rank-badge-wrap{
    transform:scale(1.06)!important;
    min-width:43px!important;
    min-height:42px!important;
  }

  .sike-v486-profile-rank-card{
    min-width:0!important;
    width:100%!important;
    padding:12px!important;
  }
}


/* =====================================================================
   SIKE V492 — PARTNERS
   ===================================================================== */
.partners-page{
  --partners-bg:#090c0e;
  --partners-card:#101417;
  --partners-line:rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 82% 3%,rgba(255,92,68,.07),transparent 24%),
    #090c0e;
  color:#fff;
  min-height:100vh;
  padding-bottom:80px;
}
.partners-page *{box-sizing:border-box}
.partners-hero{
  width:min(1520px,calc(100% - 48px));
  min-height:520px;
  margin:0 auto;
  padding:82px 58px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:50px;
  align-items:center;
  border-left:1px solid var(--partners-line);
  border-right:1px solid var(--partners-line);
  position:relative;
  overflow:hidden;
}
.partners-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to right,#000,transparent 88%);
}
.partners-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#ff664e;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.partners-kicker i{
  width:8px;height:8px;border-radius:50%;
  background:#ff6049;
  box-shadow:0 0 14px rgba(255,96,73,.55);
}
.partners-hero h1{
  max-width:820px;
  margin:20px 0 22px;
  font-size:clamp(54px,6.5vw,108px);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:950;
}
.partners-hero h1 em{
  color:#ff6049;
  font-style:normal;
}
.partners-hero p{
  max-width:680px;
  margin:0;
  color:#98a2a8;
  font-size:17px;
  line-height:1.65;
}
.partners-orbit{
  width:min(430px,100%);
  aspect-ratio:1;
  justify-self:end;
  position:relative;
  display:grid;
  place-items:center;
}
.partners-orbit:before{
  content:"";
  position:absolute;
  inset:13%;
  border-radius:50%;
  background:radial-gradient(circle,#171d20 0,#0d1113 55%,transparent 70%);
  filter:drop-shadow(0 35px 80px rgba(0,0,0,.45));
}
.partners-orbit-ring{
  position:absolute;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
}
.partners-orbit-ring.ring-one{inset:7%}
.partners-orbit-ring.ring-two{inset:25%;border-style:dashed}
.partners-orbit-core{
  position:relative;
  z-index:2;
  width:112px;height:112px;
  border-radius:34px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ff745c,#dd382e);
  font-size:52px;font-weight:950;
  box-shadow:0 20px 55px rgba(255,81,58,.23);
  transform:rotate(-8deg);
}
.partners-orbit-dot{
  position:absolute;
  width:18px;height:18px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 22px rgba(255,255,255,.32);
}
.partners-orbit-dot.dot-one{left:7%;top:45%}
.partners-orbit-dot.dot-two{right:18%;top:13%;background:#ff6049}
.partners-orbit-dot.dot-three{right:2%;bottom:29%;background:#86d7ff}

.partners-index,
.partner-detail-shell,
.partners-future{
  width:min(1400px,calc(100% - 64px));
  margin:0 auto;
}
.partners-index{padding:70px 0 32px}
.partners-index-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:28px;
}
.partners-index-head h2{
  margin:7px 0 0;
  font-size:44px;
  letter-spacing:-.04em;
}
.partners-index-head p{
  max-width:540px;
  margin:0;
  color:#7d888e;
  font-size:14px;
  line-height:1.6;
}
.partners-bubbles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.partner-bubble{
  min-height:150px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.07);
  color:#fff;
  display:grid;
  grid-template-columns:86px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,255,255,.035),transparent 34%),
    #101518;
}
.partner-bubble:hover,
.partner-bubble.active{
  transform:translateY(-3px);
  border-color:rgba(255,103,80,.30);
}
.partner-bubble.interactives{
  background:
    radial-gradient(circle at 86% 10%,rgba(184,232,255,.18),transparent 34%),
    linear-gradient(135deg,#14242c,#10202a);
}
.partner-bubble.interactives:hover,
.partner-bubble.interactives.active{
  border-color:rgba(130,211,255,.38);
}
.partner-bubble-mark{
  width:78px;height:78px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#181e22;
  border:1px solid rgba(255,255,255,.08);
  font-size:25px;font-weight:950;
}
.partner-bubble.holding .partner-bubble-mark{
  background:linear-gradient(145deg,#20272c,#0c1114);
}
.partner-bubble.interactives .partner-bubble-mark{
  color:#062437;
  background:linear-gradient(145deg,#d6f4ff,#78d0ff);
}
.partner-bubble-copy small{
  display:block;
  color:#ff674f;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.partner-bubble.interactives .partner-bubble-copy small{color:#79d4ff}
.partner-bubble-copy b{
  display:block;
  margin-top:7px;
  font-size:23px;
}
.partner-bubble-copy em{
  display:block;
  margin-top:6px;
  color:#7d888e;
  font-size:12px;
  font-style:normal;
}
.partner-bubble-arrow{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:18px;
}
.partner-detail-shell{
  scroll-margin-top:120px;
  padding:22px 0 70px;
}
.partner-detail[hidden]{display:none!important}
.partner-detail{
  min-height:520px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.07);
  overflow:hidden;
  animation:sikePartnerIn .26s ease;
}
@keyframes sikePartnerIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
.partner-detail.holding{
  background:
    radial-gradient(circle at 85% 12%,rgba(255,99,76,.12),transparent 26%),
    linear-gradient(135deg,#12181b,#0d1113 55%,#1c1211);
}
.partner-detail.interactives{
  color:#082230;
  border-color:rgba(57,142,190,.16);
  background:
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.64),transparent 22%),
    linear-gradient(135deg,#d8f3ff,#a9e1fb 58%,#83cdf3);
}
.partner-detail-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding:30px 34px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.partner-detail.interactives .partner-detail-top{border-bottom-color:rgba(5,43,63,.12)}
.partner-detail-brand{
  display:flex;align-items:center;gap:16px;
}
.partner-detail-logo{
  width:64px;height:64px;border-radius:20px;
  display:grid;place-items:center;
  background:#fff;color:#101518;
  font-size:21px;font-weight:950;
}
.partner-detail.interactives .partner-detail-logo{
  background:#0a2f43;color:#c7efff;
}
.partner-detail-brand small{
  color:#ff674f;font-size:8px;font-weight:950;letter-spacing:.14em;
}
.partner-detail.interactives .partner-detail-brand small{color:#216b92}
.partner-detail-brand h2{
  margin:2px 0 0;font-size:32px;letter-spacing:-.04em;
}
.partner-detail-type{
  padding:10px 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  color:#879299;font-size:8px;font-weight:850;letter-spacing:.09em;
}
.partner-detail.interactives .partner-detail-type{
  border-color:rgba(7,48,70,.14);color:#276785;
}
.partner-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
  gap:50px;
  padding:58px 56px 48px;
}
.partner-detail-copy h3{
  max-width:700px;
  margin:12px 0 20px;
  font-size:clamp(44px,5vw,76px);
  line-height:.94;
  letter-spacing:-.055em;
}
.partner-detail-copy p{
  max-width:760px;
  margin:0 0 14px;
  color:#8b969c;
  font-size:15px;
  line-height:1.7;
}
.partner-detail.interactives .partner-detail-copy p{color:#315f75}
.partner-detail.interactives .partners-kicker{color:#11688f}
.partner-detail-stats{
  display:grid;gap:10px;align-content:start;
}
.partner-detail-stats>div{
  padding:20px;border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}
.partner-detail.interactives .partner-detail-stats>div{
  border-color:rgba(6,48,69,.12);
  background:rgba(255,255,255,.25);
}
.partner-detail-stats small{
  display:block;color:#677279;font-size:7px;letter-spacing:.11em;font-weight:900;
}
.partner-detail.interactives .partner-detail-stats small{color:#3b7897}
.partner-detail-stats b{
  display:block;margin-top:7px;font-size:19px;
}
.partner-detail-bottom{
  min-height:78px;
  padding:0 34px;
  display:flex;align-items:center;gap:18px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#758087;
}
.partner-detail.interactives .partner-detail-bottom{
  border-top-color:rgba(6,48,69,.12);color:#397896;
}
.partner-detail-bottom span{
  font-size:8px;font-weight:900;letter-spacing:.14em;
}
.partner-detail-bottom i{
  height:1px;flex:1;background:currentColor;opacity:.18;
}
.partner-detail-bottom b{font-size:11px}
.partners-future{
  padding:85px 0 30px;
  text-align:center;
}
.partners-future h2{
  margin:12px auto 16px;
  font-size:clamp(46px,5vw,76px);
  line-height:.95;
  letter-spacing:-.05em;
}
.partners-future p{
  max-width:660px;
  margin:0 auto;
  color:#7f8a91;
  line-height:1.65;
}

@media(max-width:900px){
  .partners-hero{
    width:calc(100% - 22px);
    min-height:auto;
    padding:56px 22px;
    grid-template-columns:1fr;
  }
  .partners-hero h1{font-size:58px}
  .partners-orbit{
    width:300px;
    justify-self:center;
  }
  .partners-index,
  .partner-detail-shell,
  .partners-future{
    width:calc(100% - 24px);
  }
  .partners-index-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .partners-bubbles{grid-template-columns:1fr}
  .partner-detail-grid{
    grid-template-columns:1fr;
    padding:34px 24px;
  }
}
@media(max-width:620px){
  .partners-hero{padding:44px 18px}
  .partners-hero h1{font-size:46px}
  .partners-hero p{font-size:14px}
  .partners-orbit{width:230px}
  .partners-orbit-core{width:82px;height:82px;border-radius:25px;font-size:38px}
  .partners-index{padding-top:48px}
  .partners-index-head h2{font-size:35px}
  .partner-bubble{
    grid-template-columns:62px minmax(0,1fr) 34px;
    min-height:116px;
    padding:16px;
    border-radius:22px;
    gap:12px;
  }
  .partner-bubble-mark{width:58px;height:58px;font-size:18px}
  .partner-bubble-copy b{font-size:18px}
  .partner-bubble-copy em{font-size:10px}
  .partner-bubble-arrow{width:34px;height:34px}
  .partner-detail{border-radius:24px}
  .partner-detail-top{
    padding:20px;
    align-items:flex-start;
    flex-direction:column;
  }
  .partner-detail-grid{padding:30px 20px;gap:28px}
  .partner-detail-copy h3{font-size:42px}
  .partner-detail-copy p{font-size:13px}
  .partner-detail-bottom{padding:0 20px}
}


/* =====================================================================
   SIKE V493 — MINIMAL / COMPACT PARTNERS
   ===================================================================== */
.partners-v493{
  min-height:calc(100vh - 150px);
  padding:34px 20px 52px;
  background:
    radial-gradient(circle at 85% 0%,rgba(255,98,74,.055),transparent 26%),
    #090d10;
  color:#fff;
}
.partners-v493-shell{
  width:min(1240px,100%);
  margin:0 auto;
}
.partners-v493-head{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  align-items:end;
  gap:40px;
  padding:20px 2px 26px;
}
.partners-v493-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  color:#ff654d;
  font-size:8px;
  font-weight:950;
  letter-spacing:.15em;
}
.partners-v493-kicker i{
  width:6px;height:6px;border-radius:50%;
  background:#ff654d;
  box-shadow:0 0 10px rgba(255,101,77,.45);
}
.partners-v493-head h1{
  margin:9px 0 0;
  font-size:clamp(40px,5.1vw,70px);
  line-height:.92;
  letter-spacing:-.055em;
}
.partners-v493-head h1 em{
  color:#ff654d;
  font-style:normal;
}
.partners-v493-head>p{
  max-width:430px;
  margin:0;
  color:#7f8a91;
  font-size:12px;
  line-height:1.55;
}

.partners-v493-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.partner-v493-tab{
  min-height:82px;
  padding:12px 15px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 30px;
  gap:12px;
  align-items:center;
  text-align:left;
  border:1px solid rgba(255,255,255,.065);
  border-radius:16px;
  background:#101518;
  color:#fff;
  cursor:pointer;
  transition:.18s ease;
}
.partner-v493-tab:hover,
.partner-v493-tab.active{
  border-color:rgba(255,101,77,.28);
  transform:translateY(-1px);
}
.partner-v493-tab.interactives{
  background:#12232c;
}
.partner-v493-tab.interactives:hover,
.partner-v493-tab.interactives.active{
  border-color:rgba(116,207,255,.35);
}
.partner-v493-logo{
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
  font-weight:950;font-size:17px;
  background:#1d2327;
  border:1px solid rgba(255,255,255,.07);
}
.partner-v493-logo.interactives{
  background:linear-gradient(145deg,#d8f5ff,#7dd2ff);
  color:#06283a;
}
.partner-v493-tab small{
  display:block;
  color:#ff6b53;
  font-size:6px;font-weight:950;letter-spacing:.12em;
}
.partner-v493-tab.interactives small{color:#75d0ff}
.partner-v493-tab b{
  display:block;
  margin-top:4px;
  font-size:15px;
}
.partner-v493-tab>i{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  font-style:normal;
  border:1px solid rgba(255,255,255,.08);
  color:#8b969d;
}

.partners-v493-stage{
  min-height:330px;
}
.partner-v493-panel{
  min-height:330px;
  padding:34px 38px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.07);
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:36px;
  align-items:center;
  overflow:hidden;
  animation:v493PartnerIn .18s ease;
}
@keyframes v493PartnerIn{
  from{opacity:.4;transform:translateY(4px)}
  to{opacity:1;transform:none}
}
.partner-v493-panel[hidden]{display:none!important}
.partner-v493-panel.holding{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,91,67,.09),transparent 28%),
    linear-gradient(145deg,#11171a,#0d1114);
}
.partner-v493-panel.interactives{
  color:#08283a;
  border-color:rgba(49,137,183,.13);
  background:
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.62),transparent 26%),
    linear-gradient(145deg,#d7f4ff,#9eddfb);
}
.partner-v493-copy>span{
  color:#ff674f;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
}
.partner-v493-panel.interactives .partner-v493-copy>span{color:#17698f}
.partner-v493-copy h2{
  margin:9px 0 12px;
  font-size:clamp(36px,4.2vw,58px);
  line-height:.92;
  letter-spacing:-.05em;
}
.partner-v493-copy p{
  max-width:700px;
  margin:0;
  color:#849097;
  font-size:12px;
  line-height:1.6;
}
.partner-v493-panel.interactives .partner-v493-copy p{color:#3a657a}
.partner-v493-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:18px;
}
.partner-v493-tags b{
  padding:7px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  font-size:7px;
}
.partner-v493-panel.interactives .partner-v493-tags b{
  border-color:rgba(5,49,71,.10);
  background:rgba(255,255,255,.24);
}
.partner-v493-mark{
  width:230px;
  height:230px;
  justify-self:end;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.07);
  background:#141a1e;
  box-shadow:0 25px 55px rgba(0,0,0,.22);
}
.partner-v493-mark>span{
  font-size:68px;
  line-height:1;
  font-weight:950;
}
.partner-v493-mark>small{
  margin-top:12px;
  color:#677279;
  text-align:center;
  font-size:6px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.45;
}
.partner-v493-mark.interactives{
  color:#062c40;
  background:rgba(255,255,255,.38);
  border-color:rgba(6,50,73,.10);
  box-shadow:0 25px 50px rgba(40,121,164,.14);
}
.partner-v493-mark.interactives>small{color:#286b8a}
.partners-v493-foot{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:14px;
  color:#667179;
  font-size:7px;
}
.partners-v493-foot>span{
  font-weight:900;
  letter-spacing:.12em;
}
.partners-v493-foot>i{
  flex:1;height:1px;
  background:rgba(255,255,255,.055);
}
.partners-v493-foot>p{margin:0}

@media(max-width:820px){
  .partners-v493{padding:22px 12px 38px}
  .partners-v493-head{
    grid-template-columns:1fr;
    gap:12px;
    padding-bottom:20px;
  }
  .partners-v493-tabs{grid-template-columns:1fr}
  .partner-v493-panel{
    grid-template-columns:1fr;
    min-height:0;
    padding:26px 22px;
  }
  .partner-v493-mark{
    width:100%;
    height:120px;
    border-radius:18px;
    justify-self:stretch;
  }
  .partner-v493-mark>span{font-size:42px}
  .partner-v493-mark>small{margin-top:7px}
}
@media(max-width:520px){
  .partners-v493-head h1{font-size:42px}
  .partner-v493-tab{
    grid-template-columns:46px minmax(0,1fr) 28px;
    min-height:72px;
    padding:10px 12px;
  }
  .partner-v493-logo{width:42px;height:42px;border-radius:12px}
  .partner-v493-copy h2{font-size:38px}
}


/* =====================================================================
   SIKE V494 — WEB SEARCH: ARTIST FIRST + CLEAN SONG RESULTS
   Desktop only. Mobile behavior/layout remains unchanged.
   ===================================================================== */
@media(min-width:761px){

  [data-music-search-results-section]{
    margin-top:18px!important;
  }

  /* Cleaner search result title row. */
  [data-music-search-results-section]>.sike-music-section-head{
    min-height:42px!important;
    margin-bottom:10px!important;
    align-items:end!important;
  }
  [data-music-search-results-section]>.sike-music-section-head h4{
    font-size:23px!important;
    letter-spacing:-.035em!important;
  }
  [data-music-search-results-section]>.sike-music-section-head>div>span{
    font-size:7px!important;
    letter-spacing:.13em!important;
    color:#ff6a51!important;
  }
  [data-music-search-results-section]>.sike-music-section-head>small{
    font-size:7px!important;
    color:#69737a!important;
  }

  /* ---------------------------------------------------------------
     Artist result becomes the hero/bubble before songs.
     --------------------------------------------------------------- */
  .sike-music-artist-profile:not([hidden]){
    min-height:126px!important;
    margin:0 0 15px!important;
    padding:16px 18px!important;
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    background:
      radial-gradient(circle at 84% 10%,rgba(255,101,77,.10),transparent 26%),
      linear-gradient(135deg,#12171a,#101416 64%,#1b1212)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.16)!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .sike-music-artist-profile:not([hidden]):before{
    content:"ARTIST"!important;
    position:absolute!important;
    right:24px!important;
    bottom:-17px!important;
    color:rgba(255,255,255,.025)!important;
    font-size:68px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.06em!important;
    pointer-events:none!important;
  }

  .sike-artist-avatar{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    border:3px solid rgba(255,255,255,.10)!important;
    box-shadow:
      0 0 0 4px rgba(255,255,255,.018),
      0 11px 28px rgba(0,0,0,.32)!important;
  }
  .sike-artist-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
  }
  .sike-artist-avatar>span{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    background:#20272b!important;
    font-size:28px!important;
    font-weight:950!important;
  }

  .sike-artist-copy{
    min-width:0!important;
    position:relative!important;
    z-index:2!important;
  }
  .sike-artist-copy>small{
    display:block!important;
    color:#ff6a50!important;
    font-size:6px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.14em!important;
  }
  .sike-artist-copy>h3{
    margin:5px 0 3px!important;
    font-size:26px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
  .sike-artist-copy>p{
    margin:0!important;
    color:#8a959b!important;
    font-size:8px!important;
  }
  .sike-artist-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin-top:9px!important;
  }
  .sike-artist-tags>span{
    min-height:22px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    background:#181e21!important;
    border:1px solid rgba(255,255,255,.045)!important;
    color:#727d83!important;
    font-size:5.5px!important;
    font-weight:800!important;
  }

  .sike-artist-actions{
    min-width:250px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    position:relative!important;
    z-index:2!important;
  }
  .sike-artist-actions>button,
  .sike-artist-actions>a{
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:11px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:#151b1e!important;
    color:#fff!important;
    font-size:6.5px!important;
    font-weight:900!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:.16s ease!important;
  }
  .sike-artist-actions>button:hover,
  .sike-artist-actions>a:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(255,255,255,.14)!important;
    background:#1a2024!important;
  }
  .sike-artist-actions>.primary{
    background:#ff6048!important;
    border-color:#ff6048!important;
    box-shadow:0 8px 20px rgba(255,85,62,.17)!important;
  }

  /* ---------------------------------------------------------------
     Songs: explicit section after artist, compact rows/cards.
     --------------------------------------------------------------- */
  [data-music-results][data-result-mode="results"]{
    display:block!important;
    width:100%!important;
    margin-top:0!important;
  }
  .sike-v494-song-results-head{
    min-height:48px!important;
    padding:4px 2px 8px!important;
    display:flex!important;
    align-items:end!important;
    justify-content:space-between!important;
    gap:20px!important;
  }
  .sike-v494-song-results-head span{
    display:block!important;
    color:#ff6a51!important;
    font-size:6px!important;
    font-weight:950!important;
    letter-spacing:.14em!important;
  }
  .sike-v494-song-results-head h5{
    margin:4px 0 0!important;
    color:#f4f6f7!important;
    font-size:18px!important;
    letter-spacing:-.025em!important;
  }
  .sike-v494-song-results-head>small{
    color:#657078!important;
    font-size:6px!important;
  }

  .sike-v494-song-results-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .sike-v494-song-results-grid>.sike-music-track{
    min-width:0!important;
    min-height:84px!important;
    padding:8px!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr) 34px 34px!important;
    gap:9px!important;
    align-items:center!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    background:#111619!important;
    transition:transform .15s ease,border-color .15s ease,background .15s ease!important;
    overflow:hidden!important;
  }
  .sike-v494-song-results-grid>.sike-music-track:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(255,105,81,.17)!important;
    background:#151a1e!important;
  }

  .sike-v494-song-results-grid .track-play{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    border-radius:10px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .sike-v494-song-results-grid .track-play img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:10px!important;
  }
  .sike-v494-song-results-grid .track-play>i{
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(0,0,0,.72)!important;
    backdrop-filter:blur(5px)!important;
    font-size:10px!important;
  }

  .sike-v494-song-results-grid .sike-track-meta{
    min-width:0!important;
    align-self:center!important;
  }
  .sike-v494-song-results-grid .sike-track-title{
    width:100%!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:left!important;
    color:#f3f5f6!important;
    font-size:8px!important;
    font-weight:900!important;
  }
  .sike-v494-song-results-grid .sike-track-meta>small{
    display:block!important;
    margin-top:5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#69747b!important;
    font-size:6px!important;
  }

  .sike-v494-song-results-grid .track-playlist,
  .sike-v494-song-results-grid .track-queue{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    padding:0!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.07)!important;
    background:#171d20!important;
    color:#89939a!important;
    font-size:10px!important;
  }
  .sike-v494-song-results-grid .track-playlist:hover,
  .sike-v494-song-results-grid .track-queue:hover{
    color:#fff!important;
    border-color:rgba(255,105,81,.20)!important;
    background:#1d2428!important;
  }

  /* On narrower desktop widths use one polished row per track. */
  @media(max-width:1180px){
    .sike-v494-song-results-grid{
      grid-template-columns:1fr!important;
    }
    .sike-music-artist-profile:not([hidden]){
      grid-template-columns:72px minmax(0,1fr)!important;
    }
    .sike-artist-avatar{
      width:68px!important;height:68px!important;min-width:68px!important;
    }
    .sike-artist-actions{
      grid-column:1/-1!important;
      min-width:0!important;
      justify-content:flex-start!important;
      padding-left:90px!important;
      margin-top:-4px!important;
    }
  }

  /* Similar artists follow after songs and no longer visually collide. */
  .sike-similar-artists:not([hidden]){
    margin-top:22px!important;
    padding-top:18px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
}


/* =====================================================================
   SIKE V495 — RESTORE LEGACY SEARCH RESULTS + HIDE SEARCH PANEL AFTER SEND
   ===================================================================== */

/* After a search has been submitted, the large search/intro panel disappears. */
body.sike-v495-search-results-active [data-music-advanced-search],
[data-music-advanced-search].sike-v495-search-submitted{
  display:none!important;
}

/* Restore the old pre-V494 track layout on web. */
@media(min-width:761px){
  .sike-v494-song-results-head{
    display:none!important;
  }

  .sike-v494-song-results-grid{
    display:contents!important;
  }

  [data-music-results][data-result-mode="results"]{
    display:grid!important;
  }

  /* Neutralize the V494 two-column card redesign. */
  .sike-v494-song-results-grid>.sike-music-track,
  [data-music-results][data-result-mode="results"]>.sike-music-track{
    min-height:unset!important;
    padding:unset!important;
    display:unset!important;
    grid-template-columns:unset!important;
    gap:unset!important;
    align-items:unset!important;
    border-radius:unset!important;
    border:unset!important;
    background:unset!important;
    transform:none!important;
    overflow:unset!important;
  }

  .sike-v494-song-results-grid .track-play{
    width:unset!important;
    height:unset!important;
    min-width:unset!important;
    border-radius:unset!important;
    overflow:unset!important;
  }
  .sike-v494-song-results-grid .track-play img{
    width:100%!important;
    height:auto!important;
    border-radius:unset!important;
  }
  .sike-v494-song-results-grid .track-play>i{
    width:unset!important;
    height:unset!important;
    border-radius:unset!important;
    display:unset!important;
    background:unset!important;
    backdrop-filter:unset!important;
    font-size:unset!important;
  }
  .sike-v494-song-results-grid .sike-track-title,
  .sike-v494-song-results-grid .sike-track-meta>small,
  .sike-v494-song-results-grid .track-playlist,
  .sike-v494-song-results-grid .track-queue{
    all:revert-layer;
  }

  /* Restore artist box dimensions closer to the old compact version. */
  .sike-music-artist-profile:not([hidden]){
    min-height:unset!important;
    margin-bottom:12px!important;
    padding:12px 14px!important;
    grid-template-columns:68px minmax(0,1fr) auto!important;
    gap:14px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  .sike-music-artist-profile:not([hidden]):before{
    display:none!important;
  }
  .sike-artist-avatar{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-width:0!important;
    box-shadow:none!important;
  }
  .sike-artist-copy>h3{
    font-size:18px!important;
  }
  .sike-artist-actions{
    min-width:0!important;
    gap:7px!important;
  }
  .sike-artist-actions>button,
  .sike-artist-actions>a{
    min-height:34px!important;
    padding:0 11px!important;
    border-radius:9px!important;
  }
}


/* =====================================================================
   SIKE V496 — TRACK CARD ACTION POLISH
   Fixes the old "♡＋" wrapping into two lines and gives both actions
   a clean, consistent SIKE Music appearance.
   ===================================================================== */

.sike-track-action{
  position:relative!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#151a1e,#111519)!important;
  color:#9da6ac!important;
  cursor:pointer!important;
  line-height:1!important;
  font-family:inherit!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease,
    color .15s ease!important;
}

.sike-track-action:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,103,79,.28)!important;
  background:linear-gradient(180deg,#1c2226,#151a1e)!important;
  color:#fff!important;
}

.sike-track-action:active{
  transform:translateY(0) scale(.96)!important;
}

.sike-track-action-heart{
  display:block!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

.sike-track-action-badge{
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#ff624a!important;
  color:#fff!important;
  border:2px solid #13181c!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  box-sizing:border-box!important;
}

.sike-track-action-queue{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:300!important;
  transform:translateY(-1px)!important;
}

/* Keep legacy classes from overriding the new action system. */
.track-playlist.sike-track-action,
.track-queue.sike-track-action{
  width:36px!important;
  height:36px!important;
}

/* Better spacing beneath visual grid cards such as Recently Played/Search. */
@media(min-width:761px){
  .sike-music-standard-grid article .sike-track-action,
  .sike-music-track .sike-track-action{
    vertical-align:middle!important;
  }

  .sike-music-standard-grid article{
    position:relative!important;
  }

  /* If these controls sit in a card-action row, align them tightly and evenly. */
  .sike-music-standard-grid article>div:last-child:has(.sike-track-action),
  .sike-music-track:has(.sike-track-action){
    column-gap:8px!important;
  }
}

@media(max-width:760px){
  .sike-track-action{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
  }
  .sike-track-action-heart{font-size:18px!important}
  .sike-track-action-queue{font-size:20px!important}
}

/* =====================================================================
   SIKE V474 — expanded video is a muted visual mirror.
   The real player never leaves its permanent DOM home, preventing
   browser micro-pauses when opening/closing the full player.
   ===================================================================== */
.sike-expanded-video-mount{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.sike-expanded-visual-frame{
  width:100%!important;
  height:100%!important;
  border:0!important;
  display:block!important;
  background:#000!important;
  pointer-events:auto!important;
}
body.sike-expanded-player-open [data-music-player][data-v474-playback-home="1"]{
  /* Keep the real iframe alive exactly where it is. The modal simply covers it. */
  contain:none!important;
}

/* =====================================================================
   SIKE V500 — INSTANT WEB VIDEO PORTAL
   The already-playing iframe is painted into the expanded player's visual
   area. No clone, reload, seek or second decoder is used.
   ===================================================================== */
body.sike-v500-live-video-portal .sike-music-expanded-player{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
body.sike-v500-live-video-portal .sike-expanded-shell{
  background:transparent!important;
  pointer-events:none!important;
}
body.sike-v500-live-video-portal .sike-expanded-head,
body.sike-v500-live-video-portal .sike-expanded-controls,
body.sike-v500-live-video-portal .sike-expanded-info,
body.sike-v500-live-video-portal .sike-party-members-overlay{
  pointer-events:auto!important;
}
body.sike-v500-live-video-portal .sike-expanded-body,
body.sike-v500-live-video-portal .sike-expanded-visual,
body.sike-v500-live-video-portal .sike-expanded-video-mount{
  background:transparent!important;
  pointer-events:none!important;
}
body.sike-v500-live-video-portal .sike-expanded-visual:before,
body.sike-v500-live-video-portal .sike-expanded-video-mount:after{
  display:none!important;
}
body.sike-v500-live-video-portal [data-music-player][data-v500-live-portal="1"]{
  display:block!important;
  background:#000!important;
}

/* =====================================================================
   SIKE V500 — LEVEL / DAILY PASS
   Battle-pass inspired information architecture, but kept minimal and
   SIKEVENTURES-native. One and only one level progress bar is shown.
   ===================================================================== */
.sike-inline-rank-card.sike-pass-card{
  width:min(1220px,100%)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(255,92,66,.10),transparent 29%),
    linear-gradient(180deg,#0d1215 0%,#090d10 100%)!important;
}
.sike-pass-head{
  min-height:118px!important;
  background:
    linear-gradient(100deg,rgba(255,92,66,.055),transparent 48%),
    #0d1215!important;
}
.sike-pass-head .sike-inline-rank-title h2{font-size:30px!important}
.sike-pass-head .sike-inline-rank-title>div>span{letter-spacing:.18em!important}

.sike-pass-level-line{
  padding:18px 24px 20px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:#0b1013!important;
}
.sike-pass-level-meta{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:10px!important;
}
.sike-pass-level-meta>div{display:flex!important;align-items:baseline!important;gap:10px!important}
.sike-pass-level-meta span{
  color:#ff624a!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}
.sike-pass-level-meta b{font-size:13px!important;letter-spacing:.02em!important;color:#fff!important}
.sike-pass-level-meta>strong{color:#71808a!important;font-size:7px!important;font-weight:800!important}
.sike-pass-level-bar{
  position:relative!important;
  height:9px!important;
  border-radius:999px!important;
  overflow:visible!important;
  background:#20282d!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5)!important;
}
.sike-pass-level-bar>i{
  position:absolute!important;inset:0 auto 0 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff5546,#ff8050 55%,#ffb44e)!important;
  box-shadow:0 0 18px rgba(255,99,72,.22)!important;
}
.sike-pass-level-bar>em{
  position:absolute!important;top:50%!important;
  width:14px!important;height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:4px solid #ff744d!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:0 0 0 4px rgba(255,105,75,.13),0 0 18px rgba(255,105,75,.38)!important;
}

.sike-pass-season{padding:22px 24px 24px!important}
.sike-pass-season-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.sike-pass-season-head>div:first-child>span{
  display:block!important;
  color:#ff624a!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
}
.sike-pass-season-head h3{
  margin:5px 0 3px!important;
  font-size:25px!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
}
.sike-pass-season-head p{margin:0!important;color:#6f7b83!important;font-size:8px!important}
.sike-pass-season-status{
  min-width:84px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,107,79,.22)!important;
  border-radius:12px!important;
  background:rgba(255,96,71,.06)!important;
  text-align:right!important;
}
.sike-pass-season-status b{display:block!important;font-size:17px!important;color:#fff!important}
.sike-pass-season-status span{display:block!important;margin-top:1px!important;color:#ff7054!important;font-size:6px!important;font-weight:950!important;letter-spacing:.13em!important}

.sike-pass-track-wrap{position:relative!important;padding-top:14px!important}
.sike-pass-track-line{
  position:absolute!important;
  left:5%!important;right:5%!important;top:34px!important;
  height:4px!important;
  border-radius:999px!important;
  background:#262e33!important;
  overflow:hidden!important;
  z-index:0!important;
}
.sike-pass-track-line>i{
  display:block!important;height:100%!important;
  background:linear-gradient(90deg,#ff5a47,#ff844f,#ffb64f)!important;
  border-radius:inherit!important;
  transition:width .3s ease!important;
}
.sike-pass-track{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.sike-pass-tier{
  min-width:0!important;
  min-height:246px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(180deg,#11171b,#0d1215)!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,opacity .18s ease!important;
}
.sike-pass-tier:hover{transform:translateY(-2px)!important;border-color:rgba(255,113,82,.28)!important}
.sike-pass-tier.is-locked{opacity:.66!important}
.sike-pass-tier.is-unlocked{
  border-color:rgba(255,112,80,.34)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)!important;
}
.sike-pass-tier-top{
  min-height:38px!important;
  padding:0 11px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:#0d1215!important;
}
.sike-pass-tier-top span{font-size:7px!important;font-weight:950!important;letter-spacing:.13em!important;color:#fff!important}
.sike-pass-tier-top b{font-size:5.5px!important;letter-spacing:.1em!important;color:#657179!important}
.sike-pass-tier.is-unlocked .sike-pass-tier-top b{color:#ff7555!important}
.sike-pass-reward{
  height:92px!important;
  display:grid!important;place-items:center!important;align-content:center!important;
  gap:5px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,101,74,.14),transparent 42%),
    linear-gradient(135deg,rgba(255,255,255,.015),transparent)!important;
}
.sike-pass-reward i{
  width:45px!important;height:45px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#161d21!important;
  color:#7a858c!important;
  font-style:normal!important;font-size:20px!important;
  transform:rotate(-4deg)!important;
}
.sike-pass-tier.is-unlocked .sike-pass-reward i{
  color:#fff!important;
  border-color:rgba(255,112,80,.38)!important;
  background:linear-gradient(135deg,#ff5b48,#e34b39)!important;
  box-shadow:0 9px 24px rgba(255,82,58,.18)!important;
}
.sike-pass-reward small{font-size:5.5px!important;color:#69757d!important;font-weight:900!important;letter-spacing:.08em!important}
.sike-pass-mission{padding:12px 11px 13px!important}
.sike-pass-mission strong{display:block!important;color:#fff!important;font-size:9px!important;line-height:1.25!important}
.sike-pass-mission p{min-height:28px!important;margin:5px 0 11px!important;color:#65727a!important;font-size:6px!important;line-height:1.45!important}
.sike-pass-mission-meta{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-bottom:6px!important}
.sike-pass-mission-meta span{color:#fff!important;font-size:6.5px!important;font-weight:900!important}
.sike-pass-mission-meta b{color:#68747b!important;font-size:5px!important;letter-spacing:.08em!important}
.sike-pass-tier.is-unlocked .sike-pass-mission-meta b{color:#ff7354!important}
.sike-pass-mission-bar{height:5px!important;border-radius:999px!important;background:#273036!important;overflow:hidden!important}
.sike-pass-mission-bar>i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff5a47,#ff9a50)!important}
.sike-pass-foot{
  margin:0 24px 24px!important;
  padding:12px 14px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:13px!important;
  background:#0f1518!important;
}
.sike-pass-foot>div{display:grid!important;grid-template-columns:auto auto!important;column-gap:7px!important;align-items:center!important}
.sike-pass-foot>div>span{grid-row:1/3!important;font-size:16px!important}
.sike-pass-foot b{font-size:8px!important;color:#fff!important}
.sike-pass-foot small{font-size:5.5px!important;color:#65727a!important}
.sike-pass-foot p{margin:0!important;color:#68747c!important;font-size:6px!important}

@media(max-width:980px){
  .sike-pass-track{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sike-pass-track-line{display:none!important}
}
@media(max-width:700px){
  .sike-pass-head .sike-inline-rank-title h2{font-size:20px!important}
  .sike-pass-level-line,.sike-pass-season{padding-left:14px!important;padding-right:14px!important}
  .sike-pass-level-meta{align-items:center!important}
  .sike-pass-level-meta>div{display:block!important}
  .sike-pass-level-meta span{display:block!important;margin-bottom:2px!important}
  .sike-pass-season-head{align-items:center!important}
  .sike-pass-season-head h3{font-size:20px!important}
  .sike-pass-season-head p{display:none!important}
  .sike-pass-track{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:5px!important}
  .sike-pass-tier{flex:0 0 72%!important;scroll-snap-align:start!important}
  .sike-pass-foot{margin:0 14px 16px!important;display:block!important}
  .sike-pass-foot p{margin-top:8px!important}
}

/* =====================================================================
   SIKE V501 — RANK COLLECTION
   Distinct SIKE-native rank silhouettes + Battle Pass below.
   No additional XP/progression bars are introduced here.
   ===================================================================== */
.sike-rank-gallery{
  padding:22px 24px 24px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(180deg,#0a0f12,#0c1114)!important;
}
.sike-rank-gallery-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;
  margin-bottom:18px!important;
}
.sike-rank-gallery-head>div:first-child>span{
  display:block!important;color:#ff624a!important;font-size:7px!important;font-weight:950!important;letter-spacing:.18em!important;
}
.sike-rank-gallery-head h3{margin:5px 0 3px!important;color:#fff!important;font-size:25px!important;letter-spacing:-.04em!important}
.sike-rank-gallery-head p{margin:0!important;color:#6f7b83!important;font-size:8px!important}
.sike-rank-gallery-current{
  min-width:118px!important;padding:9px 12px!important;border:1px solid rgba(255,107,79,.20)!important;border-radius:12px!important;
  background:rgba(255,96,71,.045)!important;text-align:right!important;
}
.sike-rank-gallery-current small{display:block!important;color:#68747c!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:.13em!important}
.sike-rank-gallery-current b{display:block!important;margin-top:2px!important;color:#fff!important;font-size:13px!important}
.sike-rank-gallery-current em{display:block!important;margin-top:1px!important;color:#ff7354!important;font-size:6px!important;font-style:normal!important;font-weight:900!important}
.sike-rank-gallery-grid{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;
}
.sike-rank-collection-item{
  position:relative!important;min-width:0!important;min-height:154px!important;padding:14px 10px 12px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  border:1px solid rgba(255,255,255,.055)!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
  overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,opacity .18s ease!important;
  --rank-a:#68727a;--rank-b:#d7dde1;--rank-glow:rgba(255,255,255,.12);
}
.sike-rank-collection-item:before{
  content:""!important;position:absolute!important;left:14%!important;right:14%!important;top:4px!important;height:74px!important;
  background:radial-gradient(circle,var(--rank-glow),transparent 68%)!important;opacity:.44!important;pointer-events:none!important;
}
.sike-rank-collection-item:hover{transform:translateY(-2px)!important;border-color:rgba(255,255,255,.12)!important}
.sike-rank-collection-item.locked{opacity:.38!important;filter:saturate(.42)!important}
.sike-rank-collection-item.current{border-color:color-mix(in srgb,var(--rank-b) 46%,transparent)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.18)!important}
.sike-rank-collection-item.current:after{
  content:"CURRENT"!important;position:absolute!important;right:7px!important;top:7px!important;color:var(--rank-b)!important;font-size:4.8px!important;font-weight:950!important;letter-spacing:.12em!important;
}
.sike-rank-collection-emblem{position:relative!important;width:86px!important;height:86px!important;display:grid!important;place-items:center!important;margin:1px auto 8px!important;isolation:isolate!important}
.sike-rank-collection-emblem .rank-shape{position:absolute!important;display:block!important}
.sike-rank-collection-emblem .rank-shape-back{
  width:78px!important;height:78px!important;background:linear-gradient(145deg,var(--rank-b),var(--rank-a))!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.38))!important;opacity:.72!important;
}
.sike-rank-collection-emblem .rank-shape-core{
  width:56px!important;height:56px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#283036,#090d10)!important;border:2px solid color-mix(in srgb,var(--rank-b) 70%,#20262b)!important;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.025),0 0 18px var(--rank-glow)!important;z-index:2!important;
}
.sike-rank-collection-emblem .rank-shape-core i{position:absolute!important;width:21px!important;height:21px!important;background:linear-gradient(145deg,var(--rank-b),var(--rank-a))!important;opacity:.95!important}
.sike-rank-collection-emblem .rank-shape-core b{position:relative!important;z-index:2!important;color:#fff!important;font-size:8px!important;text-shadow:0 2px 5px #000!important}
.sike-rank-collection-emblem .rank-shape-mark{z-index:1!important}
.sike-rank-collection-copy{text-align:center!important;position:relative!important;z-index:2!important}
.sike-rank-collection-copy strong{display:block!important;color:#fff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.06em!important}
.sike-rank-collection-copy span{display:block!important;margin-top:3px!important;color:#6f7a81!important;font-size:5.5px!important;font-weight:850!important}
.sike-rank-collection-copy small{display:block!important;margin-top:5px!important;color:var(--rank-b)!important;font-size:4.8px!important;font-weight:950!important;letter-spacing:.10em!important}

/* Individual silhouettes — intentionally different from one another. */
.sike-rank-collection-item.rank-starter{--rank-a:#505b63;--rank-b:#b9c4ca;--rank-glow:rgba(188,201,208,.18)}
.rank-starter .rank-shape-back{clip-path:polygon(50% 0,78% 15%,100% 48%,82% 78%,50% 100%,18% 78%,0 48%,22% 15%)!important}
.rank-starter .rank-shape-core{clip-path:polygon(50% 5%,92% 30%,92% 70%,50% 95%,8% 70%,8% 30%)!important}
.rank-starter .rank-shape-core i{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important}

.sike-rank-collection-item.rank-silver{--rank-a:#74808a;--rank-b:#edf3f6;--rank-glow:rgba(224,238,246,.19)}
.rank-silver .rank-shape-back{clip-path:polygon(50% 0,88% 14%,80% 72%,50% 100%,20% 72%,12% 14%)!important}
.rank-silver .rank-shape-core{clip-path:polygon(50% 4%,87% 19%,77% 69%,50% 96%,23% 69%,13% 19%)!important}
.rank-silver .rank-shape-core i{clip-path:polygon(50% 0,91% 32%,76% 100%,24% 100%,9% 32%)!important}

.sike-rank-collection-item.rank-gold{--rank-a:#a06600;--rank-b:#ffd76b;--rank-glow:rgba(255,190,49,.22)}
.rank-gold .rank-shape-back{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;transform:rotate(45deg) scale(.82)!important}
.rank-gold .rank-shape-core{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important}
.rank-gold .rank-shape-core i{clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%)!important}

.sike-rank-collection-item.rank-sapphire{--rank-a:#1953a5;--rank-b:#63cfff;--rank-glow:rgba(69,180,255,.24)}
.rank-sapphire .rank-shape-back{clip-path:polygon(25% 0,75% 0,100% 32%,82% 100%,18% 100%,0 32%)!important}
.rank-sapphire .rank-shape-core{clip-path:polygon(50% 0,96% 26%,82% 80%,50% 100%,18% 80%,4% 26%)!important}
.rank-sapphire .rank-shape-core i{clip-path:polygon(50% 0,100% 42%,71% 100%,29% 100%,0 42%)!important}

.sike-rank-collection-item.rank-purple{--rank-a:#5c20a6;--rank-b:#c881ff;--rank-glow:rgba(180,91,255,.23)}
.rank-purple .rank-shape-back{clip-path:polygon(50% 0,67% 24%,96% 22%,78% 52%,100% 78%,62% 72%,50% 100%,38% 72%,0 78%,22% 52%,4% 22%,33% 24%)!important}
.rank-purple .rank-shape-core{clip-path:polygon(50% 0,92% 28%,78% 82%,50% 100%,22% 82%,8% 28%)!important}
.rank-purple .rank-shape-core i{clip-path:polygon(50% 0,88% 50%,50% 100%,12% 50%)!important}

.sike-rank-collection-item.rank-ruby{--rank-a:#921a31;--rank-b:#ff637b;--rank-glow:rgba(255,72,107,.24)}
.rank-ruby .rank-shape-back{clip-path:polygon(50% 0,61% 32%,95% 18%,73% 50%,100% 68%,64% 67%,50% 100%,36% 67%,0 68%,27% 50%,5% 18%,39% 32%)!important}
.rank-ruby .rank-shape-core{clip-path:polygon(50% 0,95% 38%,76% 100%,24% 100%,5% 38%)!important}
.rank-ruby .rank-shape-core i{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important}

.sike-rank-collection-item.rank-diamond{--rank-a:#087a92;--rank-b:#d0fbff;--rank-glow:rgba(121,235,255,.25)}
.rank-diamond .rank-shape-back{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)!important;transform:rotate(22.5deg) scale(.90)!important}
.rank-diamond .rank-shape-core{clip-path:polygon(50% 0,92% 20%,100% 65%,70% 100%,30% 100%,0 65%,8% 20%)!important}
.rank-diamond .rank-shape-core i{clip-path:polygon(50% 0,100% 36%,78% 100%,22% 100%,0 36%)!important}

.sike-rank-collection-item.rank-obsidian{--rank-a:#07090b;--rank-b:#727d89;--rank-glow:rgba(93,108,120,.22)}
.rank-obsidian .rank-shape-back{clip-path:polygon(50% 0,60% 22%,82% 6%,78% 31%,100% 28%,82% 49%,100% 69%,73% 68%,68% 100%,50% 78%,32% 100%,27% 68%,0 69%,18% 49%,0 28%,22% 31%,18% 6%,40% 22%)!important}
.rank-obsidian .rank-shape-core{clip-path:polygon(50% 0,91% 24%,100% 68%,72% 100%,28% 100%,0 68%,9% 24%)!important}
.rank-obsidian .rank-shape-core i{clip-path:polygon(50% 0,82% 50%,50% 100%,18% 50%)!important}

.sike-rank-collection-item.rank-master{--rank-a:#cb4513;--rank-b:#ffb552;--rank-glow:rgba(255,124,46,.25)}
.rank-master .rank-shape-back{clip-path:polygon(7% 17%,31% 28%,50% 0,69% 28%,93% 17%,83% 64%,50% 100%,17% 64%)!important}
.rank-master .rank-shape-core{clip-path:polygon(50% 0,91% 31%,80% 83%,50% 100%,20% 83%,9% 31%)!important}
.rank-master .rank-shape-core i{clip-path:polygon(50% 0,100% 100%,50% 77%,0 100%)!important}

.sike-rank-collection-item.rank-legend{--rank-a:#8f116d;--rank-b:#ff7ee1;--rank-glow:rgba(255,86,205,.24)}
.rank-legend .rank-shape-back{clip-path:polygon(50% 0,61% 27%,88% 10%,76% 39%,100% 50%,74% 62%,86% 91%,59% 75%,50% 100%,41% 75%,14% 91%,26% 62%,0 50%,24% 39%,12% 10%,39% 27%)!important}
.rank-legend .rank-shape-core{clip-path:polygon(50% 0,90% 28%,82% 76%,50% 100%,18% 76%,10% 28%)!important}
.rank-legend .rank-shape-core i{clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)!important}

.sike-rank-collection-item.rank-elite{--rank-a:#ff4e3b;--rank-b:#fff0e7;--rank-glow:rgba(255,82,55,.30)}
.rank-elite .rank-shape-back{width:68px!important;height:84px!important;clip-path:polygon(50% 0,72% 20%,100% 24%,80% 48%,94% 73%,64% 70%,50% 100%,36% 70%,6% 73%,20% 48%,0 24%,28% 20%)!important;background:linear-gradient(160deg,#fff0e7,#ff654d 54%,#6f1108)!important}
.rank-elite .rank-shape-core{width:48px!important;height:64px!important;clip-path:polygon(50% 0,91% 25%,78% 77%,50% 100%,22% 77%,9% 25%)!important;border-color:#ff7059!important}
.rank-elite .rank-shape-core i{width:18px!important;height:28px!important;clip-path:polygon(50% 0,100% 44%,72% 100%,28% 100%,0 44%)!important;background:linear-gradient(#fff,#ff5d45)!important}
.rank-elite .rank-shape-mark{width:90px!important;height:2px!important;background:linear-gradient(90deg,transparent,#ff654d,transparent)!important;box-shadow:0 0 10px rgba(255,89,65,.55)!important}

@media(max-width:1120px){.sike-rank-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){
  .sike-rank-gallery{padding-left:14px!important;padding-right:14px!important}
  .sike-rank-gallery-head{align-items:center!important}
  .sike-rank-gallery-head h3{font-size:20px!important}.sike-rank-gallery-head p{display:none!important}
  .sike-rank-gallery-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:2px 0 8px!important}
  .sike-rank-collection-item{flex:0 0 44%!important;scroll-snap-align:start!important}
}


/* =====================================================================
   SIKE V502 — LEVEL & RANKS / SIKE PASS
   Exact dashboard-style rebuild based on the approved SIKE mockup.
   One level XP bar only; task bars are mission completion indicators.
   ===================================================================== */
.sike-rank-art{display:inline-grid;place-items:center;width:72px;height:72px;flex:0 0 auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.34))}
.sike-rank-art img{display:block;width:100%;height:100%;object-fit:contain}
.sike-rank-art.compact{width:30px;height:30px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.3))}
.sike-rank-badge-wrap{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.sike-rank-badge-wrap .sike-rank-stars{margin-top:-2px!important}
.sike-rank-badge-wrap.compact .sike-rank-stars{display:none!important}

.sike-v502-level-shell{background:#080d10!important;border:1px solid #263038!important;border-radius:18px!important;overflow:hidden!important;color:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.35)!important}
.sike-v502-hero{position:relative!important;min-height:142px!important;padding:28px 28px 25px!important;display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(470px,.95fr)!important;align-items:center!important;gap:28px!important;background:radial-gradient(circle at 82% 30%,rgba(255,102,75,.16),transparent 38%),linear-gradient(120deg,#0a1013 0%,#111012 65%,#231313 100%)!important;border-bottom:1px solid #262d32!important}
.sike-v502-hero-copy>span{display:block;color:#ff603f!important;font-size:8px!important;font-weight:950!important;letter-spacing:.08em!important;margin-bottom:4px!important}
.sike-v502-hero-copy h2{margin:0!important;font-size:38px!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:1000!important;color:#f8f8f8!important}
.sike-v502-hero-copy h2 i{font-style:normal!important;font-size:24px!important;color:#fff!important;vertical-align:top!important}
.sike-v502-hero-copy p{margin:9px 0 0!important;color:#a8b1b7!important;font-size:11px!important}
.sike-v502-current-card{display:grid!important;grid-template-columns:76px 118px 1fr!important;align-items:center!important;min-height:92px!important;border:1px solid rgba(255,95,63,.55)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,93,57,.08),rgba(255,255,255,.025))!important;overflow:hidden!important}
.sike-v502-current-card>.sike-rank-art{width:62px!important;height:62px!important;margin-left:8px!important}
.sike-v502-current-copy{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0 14px!important;border-right:1px solid rgba(255,255,255,.08)!important}
.sike-v502-current-copy small{font-size:7px!important;color:#b9c2c7!important}.sike-v502-current-copy strong{font-size:20px!important;margin:2px 0!important}.sike-v502-current-copy span{font-size:12px!important;color:#e4e7e9!important}
.sike-v502-level-progress{padding:0 18px!important}.sike-v502-level-progress>div:first-child{display:flex!important;justify-content:space-between!important;gap:15px!important;margin-bottom:10px!important}.sike-v502-level-progress b{font-size:10px!important;color:#ccd2d6!important;font-weight:650!important}.sike-v502-level-progress strong{font-size:11px!important}
.sike-v502-main-xp{height:13px!important;border-radius:999px!important;background:#232b30!important;overflow:hidden!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.5)!important}.sike-v502-main-xp i{display:block!important;height:100%!important;background:linear-gradient(90deg,#ff5844,#ff9a4b)!important;border-radius:inherit!important}
.sike-v502-hero .sike-inline-rank-close{position:absolute!important;right:14px!important;top:14px!important;width:33px!important;height:33px!important;border-radius:50%!important;border:1px solid #344049!important;background:#11191e!important;color:#fff!important;font-size:20px!important}

.sike-v502-ranks{padding:18px 20px 16px!important;background:#081014!important;border-bottom:1px solid #20282d!important}
.sike-v502-section-title>div{display:flex!important;align-items:center!important;gap:10px!important}.sike-v502-section-title>div>span{font-size:26px!important;color:#ff9c31!important}.sike-v502-section-title h3{margin:0!important;font-size:18px!important;letter-spacing:-.02em!important}.sike-v502-section-title p{margin:2px 0 0!important;font-size:9px!important;color:#8e9aa1!important}
.sike-v502-rank-row{display:grid!important;grid-template-columns:repeat(11,minmax(78px,1fr))!important;gap:8px!important;margin-top:15px!important;overflow-x:auto!important;padding-bottom:2px!important}
.sike-v502-rank{position:relative!important;min-width:86px!important;min-height:137px!important;padding:10px 7px 8px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;background:linear-gradient(180deg,#0d1418,#0a0f12)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.sike-v502-rank .sike-rank-art{width:66px!important;height:66px!important;margin-bottom:4px!important}.sike-v502-rank strong{font-size:8px!important;font-weight:950!important}.sike-v502-rank small{margin-top:2px!important;font-size:5.5px!important;color:#738087!important}.sike-v502-rank em{margin-top:5px!important;font-size:5px!important;font-style:normal!important;color:#5f6b71!important;font-weight:900!important}
.sike-v502-rank.locked{opacity:.34!important;filter:grayscale(.65)!important}.sike-v502-rank.current{opacity:1!important;filter:none!important;border-color:#ff5c3f!important;box-shadow:0 0 0 1px rgba(255,92,63,.15),0 12px 28px rgba(0,0,0,.22)!important}.sike-v502-rank.current em{color:#ff6a46!important}

.sike-v502-pass{margin:0!important;padding:16px 20px 18px!important;background:radial-gradient(circle at 14% 50%,rgba(255,97,55,.12),transparent 25%),linear-gradient(180deg,#0d1114,#111015)!important;border-bottom:1px solid #242a2e!important}
.sike-v502-pass-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:13px!important}.sike-v502-pass-title{display:flex!important;align-items:center!important;gap:13px!important}.sike-v502-pass-title>span{display:grid!important;place-items:center!important;width:52px!important;height:42px!important;border-radius:9px!important;background:linear-gradient(135deg,#ff6b45,#ff9e43)!important;font-size:23px!important;transform:rotate(-8deg)!important;box-shadow:0 8px 20px rgba(255,93,56,.18)!important}.sike-v502-pass-title h3{margin:0!important;font-size:22px!important}.sike-v502-pass-title p{margin:3px 0 0!important;font-size:8px!important;color:#9ba5aa!important}.sike-v502-pass-meta{display:flex!important;gap:8px!important}.sike-v502-pass-meta>div{min-width:116px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:10px!important;background:#10171b!important}.sike-v502-pass-meta small{display:block!important;font-size:5.5px!important;color:#7b878d!important}.sike-v502-pass-meta b{display:block!important;margin-top:2px!important;font-size:10px!important}
.sike-v502-pass-track{display:grid!important;grid-template-columns:repeat(8,minmax(108px,1fr))!important;gap:7px!important;overflow-x:auto!important;padding:1px 0 4px!important}.sike-v502-pass-tier{min-width:108px!important;min-height:194px!important;padding:10px 9px 9px!important;border:1px solid #353d42!important;border-radius:12px!important;background:linear-gradient(160deg,#161d21,#0c1114)!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;position:relative!important}.sike-v502-pass-tier.claimed{border-color:#ff4e74!important;background:linear-gradient(160deg,rgba(255,40,92,.24),#281020 70%)!important}.sike-v502-pass-tier:nth-child(2).claimed{border-color:#a841ff!important;background:linear-gradient(160deg,rgba(147,48,255,.24),#1b0f2a 70%)!important}.sike-v502-tier-no{display:grid!important;place-items:center!important;width:26px!important;height:17px!important;border-radius:99px!important;background:#101418!important;border:1px solid rgba(255,255,255,.08)!important;font-size:7px!important;font-weight:900!important}.sike-v502-tier-icon{font-size:28px!important;line-height:1!important;margin:13px 0 10px!important;color:#ff8197!important}.sike-v502-pass-tier strong{min-height:30px!important;font-size:8.5px!important;line-height:1.2!important}.sike-v502-pass-tier small{font-size:7px!important;color:#a7b0b5!important;margin:3px 0 7px!important}.sike-v502-tier-progress{width:100%!important;height:7px!important;border-radius:999px!important;background:#242b2f!important;overflow:hidden!important}.sike-v502-tier-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#ff5876,#ff84aa)!important}.sike-v502-pass-tier>b{width:100%!important;margin-top:8px!important;padding:7px 5px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:7px!important;font-size:6.5px!important}.sike-v502-pass-tier.claimed>b{color:#8cffaa!important}.sike-v502-pass-tier em{margin-top:auto!important;padding-top:8px!important;font-size:7px!important;font-weight:900!important;font-style:normal!important;color:#fff!important}

.sike-v502-bottom-grid{display:grid!important;grid-template-columns:1fr 1.25fr 1fr!important;gap:10px!important;padding:10px 20px 16px!important;background:#081014!important}.sike-v502-bottom-grid>article{min-height:130px!important;padding:13px!important;border:1px solid #273137!important;border-radius:12px!important;background:#0b1216!important}.sike-v502-bottom-grid header{font-size:9px!important;font-weight:900!important;margin-bottom:10px!important}.sike-v502-bottom-grid dl{margin:0!important}.sike-v502-bottom-grid dl>div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:5px 0!important;border-bottom:1px solid rgba(255,255,255,.035)!important}.sike-v502-bottom-grid dt{font-size:7.5px!important;color:#a4adb2!important}.sike-v502-bottom-grid dd{margin:0!important;font-size:8px!important;font-weight:900!important}.sike-v502-rank-info-main{display:flex!important;align-items:center!important;gap:12px!important}.sike-v502-rank-info-main .sike-rank-art{width:72px!important;height:72px!important}.sike-v502-rank-info-main strong{font-size:16px!important}.sike-v502-rank-info-main p{margin:4px 0 8px!important;font-size:7.5px!important;color:#8d989e!important;line-height:1.45!important}.sike-v502-rank-info-main small{font-size:7px!important;color:#d8dde0!important}

/* Same rank icon everywhere */
.sike-sidebar-level-row .sike-rank-art.compact{width:35px!important;height:35px!important}.sike-global-rank-badge .sike-rank-art.compact{width:25px!important;height:25px!important}.sike-v502-member-rank .sike-member-search-rank-medal{background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important}.sike-v502-member-rank .sike-member-search-rank-medal img{width:28px!important;height:28px!important;display:block!important;object-fit:contain!important}.sike-v502-public-rank{display:flex!important;align-items:center!important;gap:9px!important;width:auto!important;height:auto!important;padding:6px 10px!important}.sike-v502-public-rank>img{width:42px!important;height:42px!important;object-fit:contain!important}.sike-v502-public-rank>span>b{display:block!important;font-size:11px!important}.sike-v502-public-rank>span>small{display:block!important;margin-top:2px!important;font-size:6px!important;color:#8b959c!important}

@media(max-width:1180px){.sike-v502-hero{grid-template-columns:1fr!important;padding-right:56px!important}.sike-v502-current-card{max-width:720px!important}.sike-v502-rank-row{grid-template-columns:repeat(11,95px)!important}.sike-v502-pass-track{grid-template-columns:repeat(8,120px)!important}}
@media(max-width:760px){.sike-v502-hero{padding:20px 14px!important}.sike-v502-hero-copy h2{font-size:28px!important}.sike-v502-current-card{grid-template-columns:60px 92px 1fr!important}.sike-v502-current-card>.sike-rank-art{width:50px!important;height:50px!important}.sike-v502-level-progress{padding:0 10px!important}.sike-v502-ranks,.sike-v502-pass{padding-left:14px!important;padding-right:14px!important}.sike-v502-rank-row{display:flex!important}.sike-v502-rank{flex:0 0 100px!important}.sike-v502-pass-head{align-items:flex-start!important;flex-direction:column!important}.sike-v502-pass-track{display:flex!important}.sike-v502-pass-tier{flex:0 0 132px!important}.sike-v502-bottom-grid{grid-template-columns:1fr!important;padding-left:14px!important;padding-right:14px!important}.sike-v502-pass-title p{display:none!important}}

.sike-v502-level-shell{width:min(1320px,100%)!important;max-width:1320px!important}


/* =====================================================================
   SIKE V503 — RANK + EXPANDED VIDEO SCROLL FIX ONLY
   ===================================================================== */
@media (min-width:1101px){
  .sike-inline-rank-road.is-open{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
  }

  body.sike-expanded-player-open .sike-music-expanded-player.open{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
  }

  /* Allow mouse-wheel scrolling even when the pointer sits over the video. */
  body.sike-v500-live-video-portal .sike-music-expanded-player,
  body.sike-v500-live-video-portal .sike-expanded-shell,
  body.sike-v500-live-video-portal .sike-expanded-body,
  body.sike-v500-live-video-portal .sike-expanded-visual,
  body.sike-v500-live-video-portal .sike-expanded-video-mount{
    pointer-events:auto!important;
  }
  body.sike-v500-live-video-portal [data-music-player][data-v500-live-portal="1"]{
    pointer-events:none!important;
  }
}


/* SIKE V504 — compact Spotify-style controls under desktop search cards */
@media (min-width:901px){
  [data-music-results][data-result-mode="results"] .sike-v504-search-card{
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  }
  [data-music-results][data-result-mode="results"] .sike-v504-search-card>.sike-track-meta{padding-bottom:2px!important}
  .sike-v504-search-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-top:7px!important;min-height:46px!important}
  .sike-v504-search-actions>button{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;background:#15191d!important;color:#aeb5bd!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;transition:.16s ease!important}
  .sike-v504-search-actions>button:hover{transform:translateY(-1px)!important;background:#20262c!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
  .sike-v504-search-actions>.sike-v504-action-play{width:48px!important;height:48px!important;background:#16d968!important;border-color:#16d968!important;color:#07130b!important}
  .sike-v504-search-actions>.sike-v504-action-play:hover{background:#20e777!important;border-color:#20e777!important}
  .sike-v504-search-actions button span{font-size:24px!important;line-height:1!important;font-weight:800!important}
  .sike-v504-search-actions>.sike-v504-action-play span{font-size:19px!important;margin-left:2px!important}
  .sike-v504-search-actions>button:last-child span{font-size:17px!important;letter-spacing:2px!important}
  .sike-v504-search-more-menu{position:absolute!important;left:150px!important;top:calc(100% - 6px)!important;z-index:40!important;width:180px!important;padding:7px!important;border-radius:14px!important;background:#101317!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 45px rgba(0,0,0,.48)!important}
  .sike-v504-search-more-menu button{width:100%!important;display:flex!important;gap:10px!important;align-items:center!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#d7dde2!important;text-align:left!important}
  .sike-v504-search-more-menu button:hover{background:#1b2025!important;color:#fff!important}
}

/* SIKE V504 — UNRANKED visual + verified-email progression gate */
.sike-rank-art.rank-unranked img{filter:saturate(.25) brightness(.88)!important}
.sike-v502-rank.rank-unranked{--rank-accent:#8a929a!important}
.sike-v504-xp-gate{margin:15px 18px!important;padding:16px 18px!important;border-radius:18px!important;border:1px solid rgba(255,113,74,.32)!important;background:linear-gradient(135deg,rgba(255,80,50,.09),rgba(255,255,255,.025))!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:14px!important;align-items:center!important}
.sike-v504-xp-gate .sike-v504-xp-lock{width:48px!important;height:48px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#171b20!important;border:1px solid rgba(255,255,255,.1)!important;font-size:21px!important}
.sike-v504-xp-gate span{display:block!important;color:#ff6948!important;font-size:9px!important;font-weight:950!important;letter-spacing:.13em!important}
.sike-v504-xp-gate h3{margin:3px 0!important;color:#fff!important;font-size:17px!important}
.sike-v504-xp-gate p{margin:0!important;color:#89929b!important;font-size:11px!important;line-height:1.45!important}
.sike-v504-xp-gate>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 15px!important;border-radius:12px!important;background:linear-gradient(135deg,#ff5639,#ff8a3d)!important;color:#fff!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important}
.sike-v504-xp-gate.compact{grid-template-columns:auto 1fr!important}
.sike-v504-xp-gate.compact>a{grid-column:1/-1!important}
.sike-v502-level-shell.is-xp-locked .sike-v502-pass-track{filter:saturate(.35)!important;opacity:.58!important}
.sike-v502-level-shell.is-xp-locked .sike-v502-main-xp>i{width:0!important}
.sike-v504-xp-gate-modal{position:fixed!important;inset:0!important;z-index:1000000!important;background:rgba(3,5,7,.72)!important;backdrop-filter:blur(12px)!important;display:grid!important;place-items:center!important;padding:20px!important;opacity:0!important;transition:.18s ease!important}
.sike-v504-xp-gate-modal.open{opacity:1!important}
.sike-v504-xp-gate-dialog{position:relative!important;width:min(460px,94vw)!important;padding:30px!important;border-radius:24px!important;background:#101419!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 28px 80px rgba(0,0,0,.55)!important;text-align:center!important;color:#fff!important}
.sike-v504-xp-gate-dialog>[data-xp-gate-close]{position:absolute!important;right:14px!important;top:12px!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.12)!important;background:#171b20!important;color:#fff!important;font-size:22px!important}
.sike-v504-xp-gate-dialog>.sike-v504-xp-lock{width:64px!important;height:64px!important;margin:0 auto 16px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#252b31,#111418)!important;border:1px solid rgba(255,255,255,.13)!important;font-size:28px!important}
.sike-v504-xp-gate-dialog>span{color:#ff6845!important;font-size:10px!important;font-weight:950!important;letter-spacing:.14em!important}
.sike-v504-xp-gate-dialog h3{font-size:27px!important;line-height:1.05!important;margin:8px 0 10px!important}
.sike-v504-xp-gate-dialog p{color:#929ba5!important;line-height:1.55!important;font-size:13px!important;margin:0 auto 18px!important}
.sike-v504-xp-gate-dialog>a{display:flex!important;min-height:48px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff5639,#ff8d3d)!important;color:#fff!important;font-weight:950!important;text-decoration:none!important}
.sike-v504-xp-gate-dialog>small{display:block!important;margin-top:12px!important;color:#6f7881!important;font-size:10px!important}
@media(max-width:720px){.sike-v504-xp-gate{grid-template-columns:1fr!important}.sike-v504-xp-gate>a{width:100%!important}.sike-v504-xp-gate-dialog{padding:26px 20px!important}}