:root{color-scheme:dark;--bg:#0e0e10;--panel:#17171a;--line:#333338;--text:#f2eee9;--muted:#aaa8ad;--red:#ed4e45}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#777 4px);z-index:9}aside{position:fixed;width:235px;inset:0 auto 0 0;border-right:1px solid var(--line);padding:25px;display:flex;flex-direction:column;background:#111113}aside img{width:185px;height:100px;object-fit:contain}small,header,footer,.label{font:10px monospace;letter-spacing:2px;color:var(--muted)}nav{display:grid;gap:10px;margin-top:50px}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#202024;padding:13px 16px;font:inherit;text-align:left}button:hover,button.active{border-color:var(--red);background:#292024}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:3px}nav button{font-size:12px}footer{margin-top:auto;line-height:2}.signal{color:var(--red)}main{margin-left:235px;padding:0 42px 50px;max-width:1550px}header{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.notice{margin-top:20px;font:11px monospace;color:#d0b4ad;line-height:1.6}.heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0}h1{font-size:clamp(40px,5vw,76px);text-transform:uppercase;letter-spacing:-3px;line-height:.95;margin:15px 0}h1 em{font-style:normal;color:#aaa7a2}h2{font-size:20px}h3{font-size:16px}.primary{background:var(--red);color:#130d0d;border-color:var(--red);font-weight:bold}.stats,.balances{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat,.balance{padding:24px;border:1px solid var(--line);background:var(--panel)}.stat strong,.balance strong{display:block;font-size:30px;margin-top:12px;font-weight:500}.sectiontitle{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0 15px}input,select,textarea{background:#111114;border:1px solid #44444b;color:var(--text);padding:12px;font:inherit;min-width:0;max-width:100%}.workspace{display:grid;grid-template-columns:240px 1fr;gap:18px}#clients{display:flex;flex-direction:column;gap:8px}.clientbtn{width:100%}.clientbtn small{display:block;margin-top:8px;letter-spacing:0}article{border:1px solid var(--line);padding:24px;background:var(--panel)}article h2{font-size:28px;margin:5px 0 8px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.actions button{font-size:12px}.balance{padding:18px;background:#111113}.balance strong{font-size:25px}.balance:first-child{border-top:2px solid var(--red)}.event{padding:17px 0;border-top:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;font-size:13px;line-height:1.5}.event small{display:block;letter-spacing:0;font-size:10px}.event span{color:#d4b6ae;text-align:right}.phone{max-width:410px;margin:auto;border:1px solid #47474d;border-radius:28px;padding:30px;background:#151518}.phone>img{width:170px;display:block;margin:0 auto 20px}.phone>small{display:block;text-align:center}.phone h2{font-size:30px;margin-top:35px}.phone .balances{grid-template-columns:1fr 1fr}.phone .balance:first-child{grid-column:1/-1}.phone .balance:first-child strong{font-size:42px}dialog{background:#19191d;color:var(--text);border:1px solid #555;width:460px;max-width:95vw;padding:24px}dialog::backdrop{background:#000b}dialog .sectiontitle{margin-top:0}label{display:grid;gap:8px;margin:17px 0;font-size:13px}#error{color:#ff9188;font-size:13px}#form>.primary{width:100%;text-align:center}[hidden]{display:none!important}@media(max-width:1000px){aside{width:190px;padding:18px}aside img{width:150px}main{margin-left:190px;padding:0 22px 35px}.workspace{grid-template-columns:1fr}#clients{flex-direction:row;overflow:auto}.clientbtn{min-width:170px}.stat{padding:17px}.stat strong{font-size:25px}}@media(max-width:650px){aside{position:relative;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px 18px;display:block}aside img{width:120px;height:60px}aside>small,footer{display:none}nav{display:flex;margin:0;gap:6px;flex-wrap:wrap}nav button{font-size:10px;padding:10px}main{margin:0;padding:0 16px 30px}header{font-size:8px;height:45px}.heading{margin:25px 0}h1{font-size:44px;letter-spacing:-2px}.stats{gap:7px}.stat{padding:13px 9px}.stat .label{font-size:8px;letter-spacing:0}.stat strong{font-size:22px}article{padding:16px}.balances{gap:7px}.balance{padding:13px 8px}.balance .label{font-size:9px;letter-spacing:0}.balance strong{font-size:22px}.sectiontitle input{width:150px}.phone{border-radius:20px;padding:22px}.heading>.primary{font-size:12px;padding:12px}.notice{font-size:9px}}@media(prefers-reduced-motion:no-preference){aside img{animation:signal 9s infinite}@keyframes signal{0%,96%,100%{transform:translateX(0);filter:none}97%{transform:translateX(2px);filter:drop-shadow(-3px 0 #df423d)}98%{transform:translateX(-2px)}}}
/* Mobile app revision — approved hours-first client experience. */
:root{--bg:#0b0e12;--panel:#14191e;--line:#343d43;--red:#ef3546;--cyan:#37dce3}body{background:radial-gradient(ellipse at top right,#10262a55,transparent 45%),var(--bg)}aside{position:relative;inset:auto;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:15px 20px;display:flex;align-items:center;gap:12px}aside .brand{width:175px}aside img{width:100%;height:85px;object-fit:contain}aside>small{margin-left:auto}nav{display:flex;margin:0;gap:7px}nav button{font-size:12px;padding:12px}main{margin:0 auto;max-width:780px;padding:0 20px 50px}header{height:48px}.heading{margin:30px 0}h1{font-size:48px;letter-spacing:-2px}.workspace{grid-template-columns:1fr}#clients{flex-direction:row;overflow:auto;padding-bottom:8px}.clientbtn{min-width:180px}.stat,.balance,article,.phone,.hoursHero,.sessionCount{border-radius:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.phone{max-width:100%;border:none;background:transparent;padding:28px 0}.phone .brand{width:180px;margin:auto}.phone .brand img{width:100%;display:block}.phone>small{margin-top:15px}.hoursHero{position:relative;padding:32px 26px;background:linear-gradient(125deg,#17333a,#10181c 70%);border:1px solid var(--cyan);margin:24px 0 14px}.hoursHero strong{display:block;font-size:clamp(48px,12vw,76px);letter-spacing:-3px;margin:18px 0;color:#fff}.hoursHero p{color:#c6d5d8;margin:0 0 26px}.signalLabel{font:9px monospace;letter-spacing:1px;color:var(--cyan)}.sessionCount{border:1px solid var(--line);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--panel);margin-bottom:32px}.sessionCount strong{font-size:28px}.event span{color:var(--cyan)}.actions{display:grid;grid-template-columns:1fr 1fr}.actions button{min-height:48px;text-align:center}.actions button:first-child{background:var(--red)}.brand{position:relative}.brand:before,.brand:after{content:'';pointer-events:none;position:absolute;inset:0;background:url('exvle-colour-logo-transparent.png') center/contain no-repeat;opacity:0}.brand.interference:before{opacity:.8;clip-path:inset(25% 0 58%);transform:translateX(7px);filter:drop-shadow(-3px 0 var(--cyan))}.brand.interference:after{opacity:.8;clip-path:inset(62% 0 22%);transform:translateX(-8px);filter:drop-shadow(3px 0 var(--red))}aside img{animation:none}@media(max-width:650px){aside{display:block;padding:12px 16px}aside .brand{width:145px;margin:auto}aside img{height:70px}aside>small{display:none}nav{justify-content:center;margin-top:12px}nav button{flex:1;text-align:center;font-size:11px;padding:12px 5px}main{padding:0 16px 35px}.heading h1{font-size:40px}.stats .stat strong{font-size:22px}.notice{line-height:1.8}.phone{padding-top:22px}article h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.brand:before,.brand:after{display:none}}
.actionLink{display:inline-block;padding:14px 18px;margin:12px 0;color:var(--cyan);border:1px solid var(--line);text-decoration:none}.actionLink.primary{color:#100c10}button:disabled{opacity:.5;cursor:wait}#login{max-width:470px;margin:auto}#loginForm>.primary{width:100%;text-align:center;min-height:48px}dialog{max-height:90dvh;overflow:auto}
/* Sparse horizontal transmission tears anywhere in the viewport. No full-screen flashes. */
.screen-interference{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden;contain:strict}
.signal-band{position:absolute;display:block;top:var(--y);left:calc(-30px + var(--inset));right:-30px;height:var(--h);border-top:1px solid var(--tint);border-bottom:1px solid #ffffff18;background:linear-gradient(90deg,transparent 0%,#0b0e1233 20%,#27cbdc24 46%,transparent 47%,#ed354621 73%,transparent 85%);backdrop-filter:contrast(1.25) saturate(1.6);box-shadow:0 2px 0 #0006;opacity:.72;animation:signal-tear var(--duration) steps(2,end) forwards}
@keyframes signal-tear{0%{transform:translateX(0)}40%{transform:translateX(var(--shift))}75%{transform:translateX(calc(var(--shift) * -.5))}100%{transform:translateX(0);opacity:0}}
.effects-toggle{font-size:11px}.effects-toggle[aria-pressed=false]{color:var(--muted)}
@media(prefers-reduced-motion:reduce){.screen-interference{display:none}.effects-toggle{display:none}}
.install-button{border-color:var(--cyan);font-size:12px;color:var(--cyan)}nav{flex-wrap:wrap}.install-help p{line-height:1.7}.install-help>button{width:100%;text-align:center}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
@media(display-mode:standalone){.install-button{display:none}main{padding-bottom:max(35px,env(safe-area-inset-bottom))}}
/* Reference-matched mobile art direction: brushed charcoal, cut corners, red/cyan edge lighting. */
:root{--bg:#080b0d;--panel:#101416;--line:#3d474c;--red:#f11d34;--cyan:#00e0e9}
html{scroll-padding-bottom:100px}body{background:repeating-linear-gradient(132deg,transparent 0 66px,#83999b08 67px,transparent 68px 147px),radial-gradient(ellipse at 90% 20%,#003c4325,transparent 38%),#080b0d;overflow-x:hidden}
body:after{content:'';position:fixed;inset:5px;z-index:10;pointer-events:none;border-left:1px solid #ec243345;border-right:1px solid #00dce533;clip-path:polygon(0 0,30% 0,30% 2%,100% 2%,100% 100%,70% 100%,70% 98%,0 98%)}
aside{background:linear-gradient(130deg,#0c1012ee,#080a0cee);border-bottom:1px solid #33464b;padding:15px 20px;justify-content:center;min-height:108px}aside .brand{width:180px;margin:0}aside img{height:88px}aside>small{display:none}aside nav{position:absolute;right:18px;top:38px;max-width:240px;justify-content:flex-end}aside nav button{font-size:10px;padding:9px}
main{max-width:500px;padding:0 20px 115px}header{font-size:8px;letter-spacing:1.5px;border-bottom:1px solid #28414955;height:36px}.notice{font-size:9px;line-height:1.6;padding-left:10px;border-left:2px solid var(--red)}h1{font-size:36px;line-height:1.05;letter-spacing:-1.2px;text-transform:none}h1 em{font-size:20px;color:#a9b5b8;letter-spacing:0;font-weight:400}h2{letter-spacing:-.6px}.heading{margin:24px 0 20px;gap:12px}.heading .primary{font-size:12px;min-height:48px}.primary{background:linear-gradient(125deg,#ff263f,#e60021);box-shadow:inset 0 0 15px #ff8b8b26}
button,input,.stat,.balance,.clientbtn,.actions button{border-radius:0;clip-path:polygon(10px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 9px),calc(100% - 9px) 100%,8px 100%,0 calc(100% - 8px),0 10px)}
button{min-height:44px;background:linear-gradient(130deg,#191f22,#0c1012)}input{background:#0b1012}.stat,.balance{background:repeating-linear-gradient(135deg,transparent 0 2px,#ffffff02 3px 4px),linear-gradient(120deg,#181e21,#0b0f11);border-color:#515b60;box-shadow:inset 0 1px 0 #ffffff08}
.stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats .stat{padding:18px 15px}.stats .stat:first-child{border-left:2px solid var(--red)}.stats .stat:nth-child(2){border-left:2px solid var(--cyan)}.stats .stat:last-child{grid-column:1/-1;padding:11px 15px;display:flex;align-items:center;justify-content:space-between}.stats .stat:last-child strong{margin:0;font-size:22px}.stat strong{font-size:25px;font-weight:700}.stat .label{font-size:9px;letter-spacing:1px}.sectiontitle{margin:23px 0 14px}.sectiontitle h2{font-size:18px}#search{width:180px;min-height:44px}#clients{gap:8px}.clientbtn{min-width:165px;border-color:#354a50}.clientbtn.active{background:linear-gradient(120deg,#123137,#0c1114);border-color:var(--cyan)}article{border:1px solid #3c545b;padding:18px;background:linear-gradient(140deg,#131b1ecc,#0a0e10ed);box-shadow:inset 2px 0 0 #00dce57a}article h2{font-size:25px}article>.muted{margin:8px 0 18px}.balances{gap:7px}.balance{padding:15px 9px}.balance strong{font-size:23px;font-weight:700}.balance .label{font-size:8px;letter-spacing:.7px}.balance:first-child{border-top:1px solid var(--cyan)}.actions{gap:9px;margin:20px 0}.actions button{font-size:12px;min-height:52px}.actions button:nth-child(2){border-color:var(--red)}.event{padding:16px 0;gap:14px;border-color:#3a474d;font-size:13px}.event small{font-size:10px;color:#98a5aa;margin-top:5px;line-height:1.65}.event span{font-size:13px;font-weight:600}.phone{padding-top:24px}.phone>.brand,.phone>small{display:none}.phone h2{margin:0 0 10px;font-size:32px}.phone h2:after{content:'Your ink. Your progress.';display:block;font-size:15px;letter-spacing:0;color:#a4b1b6;font-weight:400;margin-top:9px}
.hoursHero{padding:30px 25px;margin-top:26px;border:1px solid #00dce5;background:repeating-linear-gradient(130deg,transparent 0 72px,#00dce50a 73px,transparent 75px),linear-gradient(130deg,#06252b,#0a1114 66%);box-shadow:inset 0 0 25px #00e0e90c;outline:1px solid #00dce535;outline-offset:5px}.hoursHero:before{content:'';position:absolute;inset:6px;border:1px solid #00e0e942;clip-path:polygon(0 0,30% 0,30% 3%,100% 3%,100% 100%,70% 100%,70% 97%,0 97%);pointer-events:none}.hoursHero .label{font-size:11px;color:#c5d7db;letter-spacing:2px}.hoursHero strong{font-size:64px;letter-spacing:-2px;font-weight:700}.hoursHero p{font-size:14px}.sessionCount{margin-top:18px;padding:22px 24px;border-color:#586267;background:linear-gradient(120deg,#182025,#0c1013)}.sessionCount strong{color:var(--cyan)}#portalHistory{border:1px solid #334b53;background:linear-gradient(130deg,#0b1d22,#0b1012);padding:0 17px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#portalHistory .event:first-child{border-top:0}
.mobile-bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;display:flex;width:min(100%,500px);padding:9px 10px max(10px,env(safe-area-inset-bottom));margin:0;border-top:1px solid #596469;background:linear-gradient(140deg,#141b1ff5,#070b0df7);backdrop-filter:blur(14px)}.mobile-bottom button{flex:1;min-width:0;border:0;clip-path:none;background:transparent;text-align:center;color:#a3b3ba;font-size:10px;padding:5px;display:grid;gap:5px;justify-items:center}.mobile-bottom button span{font-size:25px;line-height:1}.mobile-bottom button.selected{color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}
body.tools-open aside nav{display:flex;position:fixed;left:50%;top:auto;right:auto;bottom:88px;transform:translateX(-50%);z-index:45;width:calc(100% - 32px);max-width:450px;background:#111a20;border:1px solid var(--cyan);padding:16px;box-shadow:0 8px 50px #000;gap:8px}body.tools-open aside{z-index:40}body.tools-open aside nav button{flex:1;font-size:12px}.install-button{color:var(--cyan)}
.screen-interference{z-index:80}.signal-band{opacity:.85;background:repeating-linear-gradient(0deg,#00e0e917 0 1px,#070b0d55 2px 4px),linear-gradient(90deg,#ef19343b,transparent 25%,#00e0e92c 65%,transparent);backdrop-filter:contrast(1.7) saturate(2.1) hue-rotate(12deg);border-top-width:2px;box-shadow:0 3px 0 #0008,0 -1px 0 #00e0e955}
body.is-glitching main,body.is-glitching aside{animation:whole-screen-tear 590ms steps(2,end) both;will-change:transform,filter}body.is-glitching .screen-interference{background:linear-gradient(0deg,transparent 48%,#00e0e908 49%,#00000021 51%,transparent 54%)}
@keyframes whole-screen-tear{0%{transform:translateX(0);filter:none}24%{transform:translateX(var(--screen-shift)) skewX(.4deg);filter:drop-shadow(3px 0 #ff163c99) drop-shadow(-3px 0 #00e0e999)}57%{transform:translateX(calc(var(--screen-shift) * -1)) skewX(-.35deg);filter:drop-shadow(-2px 0 #ff163c88) drop-shadow(2px 0 #00e0e988)}100%{transform:none;filter:none}}
@media(max-width:650px){aside{display:flex;padding:12px;min-height:112px}aside .brand{width:170px}aside img{height:86px}aside nav{display:none}main{padding:0 17px 115px}.heading h1{font-size:34px}.stat strong{font-size:25px}.hoursHero strong{font-size:clamp(46px,14vw,64px)}.phone{padding-top:22px}#login{padding-top:12px}#login .heading{margin-top:20px}}
@media(prefers-reduced-motion:reduce){body.is-glitching main,body.is-glitching aside{animation:none;filter:none;transform:none}.screen-interference{display:none}}
.mobile-bottom svg{width:23px;height:23px}.mobile-bottom button.selected svg{filter:drop-shadow(0 0 5px #ef163c55)}
@media(max-width:650px){body:has(#login:not([hidden])) aside{flex-direction:column;padding-bottom:15px}body:has(#login:not([hidden])) aside nav{display:flex;position:static;justify-content:center;max-width:none;margin-top:0}body:has(#login:not([hidden])) aside nav button{padding:10px 14px;font-size:11px}}
/* Opening transmission — local animation, not a network loading indicator. */
body.intro-playing{overflow:hidden}.exvle-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#09282c88,transparent 62%),#070a0c;isolation:isolate;overflow:hidden;color:#f4f4f2}.exvle-intro:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#9ad5dc09 4px 5px);opacity:.7}.intro-frame{position:absolute;inset:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));border:1px solid #1b697266;clip-path:polygon(0 0,72% 0,72% 1%,100% 1%,100% 100%,28% 100%,28% 99%,0 99%)}.intro-frame:after{content:'';position:absolute;left:0;top:12%;width:2px;height:60px;background:#f11d34;box-shadow:calc(100vw - 40px) 52vh 0 #00e0e9}.intro-core{width:min(84vw,520px);text-align:center;position:relative}.intro-code,.intro-status{font:9px monospace;letter-spacing:2px;color:#6d9299;line-height:1.8}.intro-logo{position:relative;margin:38px auto 24px;width:100%;animation:intro-lock 6s both}.intro-logo img{display:block;width:100%;height:auto}.intro-logo img:nth-child(2),.intro-logo img:nth-child(3){position:absolute;inset:0;pointer-events:none}.intro-logo img:nth-child(2){filter:drop-shadow(5px 0 #00e0e9);clip-path:inset(22% 0 62%);animation:intro-slice-a 6s steps(1,end) both}.intro-logo img:nth-child(3){filter:drop-shadow(-5px 0 #f11d34);clip-path:inset(59% 0 24%);animation:intro-slice-b 6s steps(1,end) both}.intro-tagline{font:10px monospace;letter-spacing:3px;color:#d0d9da;animation:intro-copy 6s both}.intro-track{height:2px;margin:30px auto 16px;background:#193036;max-width:220px;overflow:hidden}.intro-track span{display:block;height:100%;background:#00e0e9;transform-origin:left;animation:intro-progress 5.5s ease-out both}.intro-status{font-size:8px}.intro-status span{color:#f11d34;margin:0 10px}.intro-skip{position:absolute;bottom:max(40px,calc(env(safe-area-inset-bottom) + 24px));left:50%;transform:translateX(-50%);border:1px solid #375259;background:#0c151a;color:#b7c8cc;font:11px monospace;padding:13px 22px;min-height:44px;white-space:nowrap}.intro-exit{opacity:0;transition:opacity 280ms ease-out}.intro-reduced *{animation:none!important}.intro-reduced .intro-logo img:not(:first-child){display:none}.intro-reduced .intro-track span{transform:scaleX(1)}
@keyframes intro-lock{0%{opacity:0;transform:translateX(-8px)}10%{opacity:1;transform:translateX(5px)}19%{transform:translateX(-3px)}28%,58%{transform:translateX(0)}62%{transform:translateX(4px) skewX(-1deg)}69%,100%{transform:none}}
@keyframes intro-slice-a{0%,13%{transform:translateX(18px);opacity:.8}20%,54%{transform:translateX(0);opacity:0}59%{transform:translateX(-25px);opacity:.9}66%,100%{transform:none;opacity:0}}
@keyframes intro-slice-b{0%,14%{transform:translateX(-20px);opacity:.8}22%,55%{transform:none;opacity:0}60%{transform:translateX(20px);opacity:.9}67%,100%{transform:none;opacity:0}}
@keyframes intro-copy{0%,24%{opacity:0;transform:translateY(5px)}40%,100%{opacity:1;transform:none}}
@keyframes intro-progress{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.exvle-intro *{animation:none!important}.exvle-intro .intro-logo img:not(:first-child){display:none}.intro-exit{transition:none}}

/* Review mode: show role switching immediately, without opening More. */
body:has(nav[aria-label="Demo role"]) aside{flex-direction:column;padding-bottom:12px}
body:has(nav[aria-label="Demo role"]) aside nav{position:static;display:flex;justify-content:center;max-width:none;margin-top:5px;gap:7px;width:100%;flex-wrap:wrap}
body:has(nav[aria-label="Demo role"]) aside nav button{font-size:11px;padding:10px 12px}
body:has(nav[aria-label="Demo role"]) aside nav [data-view]{border-color:#00dce566;flex:1;max-width:170px}
body:has(nav[aria-label="Demo role"]) aside nav [data-view].active{background:#15343a;border-color:#00e0e9}

.actions button.danger{color:#ff8a96;border-color:#a43141;background:#2a1118}
/* Supplied EXVLE colour logo: original image, magenta/turquoise brand accents. */
:root{--red:#e929cf;--cyan:#22efd2}
aside{background:linear-gradient(140deg,#130817,#070b0c 65%);border-bottom-color:#63215f66}.brand{background:#000}.brand img{object-fit:contain}.brand:before,.brand:after{background-image:url('exvle-colour-logo-transparent.png')}
body{background:repeating-linear-gradient(132deg,transparent 0 66px,#83999b08 67px,transparent 68px 147px),radial-gradient(ellipse at 15% 10%,#b31bad17,transparent 40%),radial-gradient(ellipse at 90% 45%,#00dcb51a,transparent 38%),#080b0d}
.primary,.actions button:first-child{background:linear-gradient(125deg,#f52bd2,#ad1ac9);border-color:#e929cf;box-shadow:inset 0 0 15px #ff8bfb22;color:#fff}
.hoursHero{border-color:#22efd2;background:linear-gradient(135deg,#27112c,#062924 56%,#091113);outline-color:#22efd235}.hoursHero:before{border-color:#22efd255}.clientbtn.active{background:linear-gradient(120deg,#233027,#211027);border-color:#22efd2}.mobile-bottom button.selected{color:#f14fda;box-shadow:inset 0 -2px 0 #ed2ed1}.mobile-bottom button.selected svg{filter:drop-shadow(0 0 5px #ed2ed155)}.intro-frame{border-color:#22efd255}.intro-frame:after{background:#e929cf}.exvle-intro{background:radial-gradient(ellipse at 25% 40%,#a314a52b,transparent 50%),radial-gradient(ellipse at 75% 55%,#00dcb52a,transparent 50%),#000}.intro-logo{background:#000}.intro-logo img:nth-child(2){filter:drop-shadow(5px 0 #22efd2)}.intro-logo img:nth-child(3){filter:drop-shadow(-5px 0 #e929cf)}.intro-status span{color:#f149d8}.intro-track span{background:linear-gradient(90deg,#e929cf,#22efd2)}
.signal-band{background:repeating-linear-gradient(0deg,#22efd217 0 1px,#070b0d55 2px 4px),linear-gradient(90deg,#e929cf3b,transparent 25%,#22efd22c 65%,transparent);box-shadow:0 3px 0 #0008,0 -1px 0 #22efd255}
@keyframes whole-screen-tear{0%{transform:translateX(0);filter:none}24%{transform:translateX(var(--screen-shift)) skewX(.4deg);filter:drop-shadow(3px 0 #ee26df99) drop-shadow(-3px 0 #22efd299)}57%{transform:translateX(calc(var(--screen-shift) * -1)) skewX(-.35deg);filter:drop-shadow(-2px 0 #ee26df88) drop-shadow(2px 0 #22efd288)}100%{transform:none;filter:none}}

/* Transparent logo blends directly into the app and opening backgrounds. */
.brand,.intro-logo{background:transparent}