@font-face{font-family:Sora;src:url("assets/fonts/Sora-Variable-Latin.woff2") format("woff2");font-display:swap;font-weight:100 900}
@font-face{font-family:Inter;src:url("assets/fonts/Inter-Variable-Latin.woff2") format("woff2");font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--navy:#001820;--surface:#072630;--surface-2:#05212b;--teal:#00c9bb;--cyan:#10e5ef;--white:#fff;--soft:#c7d1d5;--muted:#8da3aa;--green:#16c784;--red:#f23645;--amber:#f6b93b;--line:rgba(34,198,207,.34);--line-soft:rgba(111,183,190,.18);--shadow:0 22px 70px rgba(0,0,0,.36);--radius:15px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(0,201,187,.11),transparent 32%),var(--navy);color:var(--white);font-family:Inter,system-ui,sans-serif;line-height:1.5}
body:before{position:fixed;inset:0;z-index:-2;content:"";background-image:linear-gradient(rgba(0,201,187,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,201,187,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 68%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.75rem 1rem;border-radius:8px;background:var(--teal);color:#001417;font-weight:800}.skip-link:focus{top:1rem}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:96px;border-bottom:1px solid var(--line-soft)}
.brand{display:block;width:250px}.brand img,.site-footer img,.login-brand img{display:block;width:100%;height:auto}
.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.75rem 1.3rem;border:1px solid var(--cyan);border-radius:11px;font-family:Sora,sans-serif;font-weight:780;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.outline-button:hover,.outline-button:focus-visible{background:rgba(0,201,187,.09);box-shadow:0 0 24px rgba(0,201,187,.12)}
.primary-button{border:0;background:linear-gradient(135deg,#00e6e6,var(--teal));color:#001417;box-shadow:0 10px 28px rgba(0,201,187,.19)}
.primary-button:hover,.primary-button:focus-visible,.outline-button:hover,.outline-button:focus-visible{transform:translateY(-2px)}
.hero{position:relative;display:block;min-height:365px;overflow:hidden;border-bottom:1px solid var(--line-soft)}
.hero-copy{position:relative;z-index:1;padding:35px 0 54px}.eyebrow{margin:0 0 10px;color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.18em}
.hero h1{max-width:none;margin:0;white-space:nowrap;font-family:Sora,sans-serif;font-size:clamp(2.7rem,4.7vw,3.55rem);line-height:1.02;letter-spacing:-.055em}.hero h1 span{color:var(--cyan)}
.hero-copy>p:not(.eyebrow){max-width:690px;margin:17px 0 28px;color:var(--soft);font-size:1.18rem;font-weight:580}
.market-art{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;pointer-events:none}.market-art img{display:block;width:100%;height:300px;object-fit:fill;filter:drop-shadow(0 0 14px rgba(0,201,187,.12))}
.overview-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;padding:20px 0 16px}.overview-grid>*{min-width:0}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(8,45,56,.97),rgba(3,30,39,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 15px 45px rgba(0,0,0,.12)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:53px;padding:12px 17px;border-bottom:1px solid var(--line-soft)}
.panel-heading a{color:var(--cyan);font-size:.84rem;font-weight:700}.panel-heading>small{color:var(--soft);font-size:.74rem}
.heading-title{display:flex;align-items:center;gap:10px;font-family:Sora,sans-serif;font-weight:750}.line-icon,.bar-icon,.target-icon,.eye-icon,.clock-icon{color:var(--cyan);font-size:1.55rem}.flame{display:inline-grid;place-items:center;width:25px;height:25px;color:var(--red);font-size:1.4rem;transform:rotate(180deg)}
.health-card{width:100%;padding:0;text-align:left;cursor:pointer}.health-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.health-state{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.83rem}.health-state i{width:9px;height:9px;border-radius:50%;background:var(--muted)}.health-state b{font-weight:600}.health-card[data-state="healthy"] .health-state i{background:var(--green);box-shadow:0 0 12px rgba(22,199,132,.75);animation:healthGlow 3.8s ease-in-out infinite}.health-card[data-state="warning"] .health-state i{background:var(--amber);animation:warningPulse 2.3s ease-in-out infinite}.health-card[data-state="fault"] .health-state i{background:var(--red);animation:faultBlink 1.8s ease-in-out infinite}
.health-body{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:19px 17px 9px}.health-body>span:first-child{display:flex;flex-direction:column}.health-body strong{font-family:Sora,sans-serif;font-size:1.35rem}.health-body small,.health-card>small{color:var(--soft);font-size:.76rem}.health-card>small{display:block;padding:0 17px 15px}
.health-bars{display:flex;align-items:flex-end;gap:5px;height:55px}.health-bars i{display:block;width:9px;background:linear-gradient(#10edf0,#009cac);box-shadow:0 0 8px rgba(16,229,239,.15)}.health-bars i:nth-child(1){height:17%}.health-bars i:nth-child(2){height:27%}.health-bars i:nth-child(3){height:38%}.health-bars i:nth-child(4){height:48%}.health-bars i:nth-child(5){height:58%}.health-bars i:nth-child(6){height:67%}.health-bars i:nth-child(7){height:75%}.health-bars i:nth-child(8){height:83%}.health-bars i:nth-child(9){height:91%}.health-bars i:nth-child(10){height:100%}
.stat-grid,.history-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 10px}.stat-grid span,.history-grid span{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:63px;border-right:1px solid var(--line-soft);text-align:center}.stat-grid span:last-child,.history-grid span:last-child{border-right:0}.stat-grid strong,.history-grid strong{font-family:Sora,sans-serif;font-size:1.55rem}.stat-grid small,.history-grid small{color:var(--soft);font-size:.77rem}.positive{color:var(--green)}.negative{color:var(--red)}
.vertical-ticker{height:113px;overflow:hidden}.vertical-track{display:flex;flex-direction:column}.vertical-track.is-moving{animation:hotLane var(--hot-duration,16s) linear infinite}.hot-row{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:47px;padding:8px 17px;border-bottom:1px solid var(--line-soft)}.hot-row:last-child{border-bottom:0}.hot-row strong{font-family:Sora,sans-serif;font-size:.9rem}.direction{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 9px;border:1px solid currentColor;border-radius:7px;font-size:.74rem;font-weight:850}.long{color:var(--green);background:rgba(22,199,132,.1)}.short{color:var(--red);background:rgba(242,54,69,.1)}
.active-panel{margin-bottom:16px}.signal-card{display:grid;grid-template-columns:1.25fr .76fr .76fr .76fr .76fr .76fr 1fr;align-items:stretch;margin:14px;padding:0;border:1px solid var(--line-soft);border-radius:12px;background:rgba(0,18,25,.36);overflow:hidden}.signal-identity{display:flex;align-items:center;gap:12px;padding:16px}.coin-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--amber),#e57e00);color:white;font-family:Sora,sans-serif;font-size:.85rem;font-weight:800;box-shadow:0 0 17px rgba(246,185,59,.2)}.signal-name strong,.signal-name small{display:block}.signal-name strong{font-family:Sora,sans-serif;font-size:1.08rem}.signal-name small{margin-top:2px;color:var(--muted);font-size:.72rem}.signal-metric{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:12px;border-left:1px solid var(--line-soft)}.signal-metric small{color:var(--soft);font-size:.72rem}.signal-metric b{font-family:Sora,sans-serif;font-size:.92rem;font-variant-numeric:tabular-nums}.signal-metric em{font-size:.7rem;font-style:normal;font-weight:750}.spark-status{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:10px;border-left:1px solid var(--line-soft)}.sparkline{width:82px;height:34px}.sparkline polyline{fill:none;stroke:var(--cyan);stroke-width:2}.sparkline.down polyline{stroke:var(--red)}.state-pill{padding:4px 9px;border-radius:999px;background:rgba(22,199,132,.13);color:var(--green);font-size:.71rem;font-weight:780}.state-pill:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor}
.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:20px}.lower-grid>*{min-width:0;overflow:hidden}.horizontal-ticker{max-width:100%;overflow:hidden;padding:13px}.horizontal-track{display:flex;gap:9px;width:max-content;max-width:none}.horizontal-track.is-moving{animation:monitoringLane 24s linear infinite}.monitor-chip{display:flex;align-items:center;gap:10px;min-width:138px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:9px;background:rgba(0,18,25,.3)}.monitor-chip strong{font-family:Sora,sans-serif;font-size:.8rem}.monitor-chip .direction{min-width:60px;padding:3px 7px;font-size:.68rem}.empty-state{align-self:center;width:100%;margin:0;padding:18px;color:var(--muted);font-size:.82rem;text-align:center}.history-grid{padding:18px 8px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:90px;border-top:1px solid var(--line-soft);color:var(--soft);font-size:.8rem}.site-footer img{width:180px}
.health-dialog{width:min(530px,calc(100% - 28px));padding:0;border:1px solid var(--teal);border-radius:18px;background:var(--surface);color:var(--white);box-shadow:var(--shadow)}.health-dialog::backdrop{background:rgba(0,10,14,.78);backdrop-filter:blur(4px)}.dialog-card{position:relative;padding:25px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--soft);font-size:1.8rem;cursor:pointer}.dialog-card header{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid var(--line-soft)}.dialog-card header p{margin:0;color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.16em}.dialog-card h2{margin:2px 0 0;font-family:Sora,sans-serif;font-size:1.55rem}.health-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding-top:18px}.health-detail div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:9px;background:rgba(0,18,25,.28)}.health-detail span{color:var(--soft);font-size:.78rem}.health-detail b{font-size:.82rem}.health-detail b.ok{color:var(--green)}.health-detail b.warn{color:var(--amber)}.health-detail b.fail{color:var(--red)}.verified-time{margin:17px 0 0;color:var(--muted);font-size:.77rem;text-align:center}
.preview-badge{position:fixed;right:14px;bottom:14px;z-index:20;padding:7px 10px;border:1px solid var(--amber);border-radius:999px;background:#211b08;color:var(--amber);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.detail-page{min-height:calc(100vh - 186px);padding:54px 0}.detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.detail-heading h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em}.detail-heading>div>p:last-child{margin:8px 0 0;color:var(--soft)}.dubai-badge{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--teal);font-size:.76rem;font-weight:800}.table-panel{overflow:hidden}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:970px}th,td{padding:14px 13px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}td{font-size:.82rem;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}.table-coin{font-family:Sora,sans-serif;font-weight:750}.level-value{display:block;font-weight:730}.level-percent{display:block;color:var(--green);font-size:.7rem;font-weight:750}.stop-percent{color:var(--red)}.hit-mark{display:inline-flex;align-items:center;gap:5px;color:var(--green)}.hit-mark:before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(22,199,132,.15);font-size:.65rem}.pending-mark{color:var(--muted)}.empty-cell{padding:34px;color:var(--muted);text-align:center}
.login-page{min-height:100vh;overflow:hidden}.login-shell{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;overflow:hidden;padding:80px 20px 120px}.login-brand{width:min(360px,72vw);margin-bottom:30px}.login-card{position:relative;z-index:2;width:min(500px,100%);padding:42px;border:1px solid var(--teal);border-radius:22px;background:linear-gradient(145deg,rgba(7,38,48,.98),rgba(0,25,33,.98));box-shadow:var(--shadow);text-align:center}.login-card h1{margin:0;font-family:Sora,sans-serif;font-size:2.3rem;letter-spacing:-.035em}.login-card>p{max-width:380px;margin:10px auto 28px;color:var(--soft);font-size:1.05rem}.login-card form{text-align:left}.login-card label{display:block;margin:15px 0 7px;font-weight:760}.field{display:flex;align-items:center;gap:12px;height:58px;padding:0 15px;border:1px solid rgba(157,205,215,.48);border-radius:11px;background:rgba(3,28,37,.65)}.field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,201,187,.1)}.field>span{color:var(--soft);font-size:1.25rem}.field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--white);font-size:1rem}.field input::placeholder{color:#aabac0}.field button{border:0;background:transparent;color:var(--soft);cursor:pointer}.forgot-link{display:block;margin:10px 0 26px;color:var(--cyan);font-size:.87rem;text-align:right;text-decoration:underline}.login-submit{width:100%;cursor:pointer;font-size:1rem}.login-card>small{display:block;margin-top:25px;color:var(--soft)}.wire-hills{position:absolute;left:0;right:0;bottom:-75px;height:260px;opacity:.45;transform:rotate(-2deg)}.wire-hills i{position:absolute;left:0;right:0;bottom:0;height:180px;border:1px solid rgba(0,201,187,.45);border-radius:50% 46% 0 0;transform:skewY(-8deg)}.wire-hills i:nth-child(2){bottom:28px;left:25%;right:0;height:200px;transform:skewY(7deg)}.wire-hills i:nth-child(3){bottom:4px;left:0;right:50%;height:130px}.login-tagline{position:absolute;bottom:25px;z-index:2;margin:0;color:var(--soft);font-size:.68rem;letter-spacing:.22em}.login-tagline b{display:block;width:40px;height:5px;margin:0 auto 12px;border-radius:5px;background:var(--amber)}
@keyframes healthGlow{0%,100%{opacity:.38;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}
@keyframes warningPulse{0%,100%{opacity:.45}50%{opacity:1;box-shadow:0 0 13px rgba(246,185,59,.9)}}
@keyframes faultBlink{0%,100%{opacity:.22}50%{opacity:1;box-shadow:0 0 14px rgba(242,54,69,.95)}}

@keyframes monitoringLane{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 4.5px))}}
@media(max-width:930px){.hero{min-height:520px}.hero-copy{padding:33px 0 0}.market-art{opacity:.78}.overview-grid{grid-template-columns:1fr 1fr}.hot-card{grid-column:1/-1}.signal-card{grid-template-columns:1.35fr repeat(3,1fr)}.signal-metric:nth-of-type(5),.signal-metric:nth-of-type(6){border-top:1px solid var(--line-soft)}.spark-status{grid-column:4;grid-row:1/3}.lower-grid{grid-template-columns:1fr}.history-panel{order:2}}
@media(max-width:640px){.shell{width:min(100% - 24px,1180px)}.site-header{min-height:74px}.brand{width:168px}.outline-button{min-height:43px;padding:.6rem .9rem;font-size:.82rem}.hero{min-height:485px}.hero-copy{padding-top:27px}.eyebrow{font-size:.65rem}.hero h1{font-size:clamp(1.65rem,7.15vw,1.9rem)}.hero-copy>p:not(.eyebrow){max-width:360px;font-size:1rem}.market-art{left:-34%;right:-34%;width:auto}.overview-grid{grid-template-columns:1fr;gap:12px;padding-top:14px}.hot-card{grid-column:auto}.panel-heading{padding:11px 14px}.heading-title{font-size:.93rem}.health-body{padding-inline:14px}.stat-grid{padding:16px 5px}.stat-grid strong,.history-grid strong{font-size:1.28rem}.stat-grid small,.history-grid small{font-size:.68rem}.active-panel{margin-bottom:12px}.signal-card{grid-template-columns:1fr 1fr;margin:10px}.signal-identity{grid-column:1/-1;padding:13px}.signal-metric{min-height:70px}.signal-metric:nth-of-type(2n){border-left:0}.signal-metric:nth-of-type(6){grid-column:1/-1;align-items:center;border-left:0}.spark-status{grid-column:1/-1;grid-row:auto;flex-direction:row;border-top:1px solid var(--line-soft);border-left:0}.sparkline{width:105px}.lower-grid{gap:12px}.history-grid{padding:14px 4px}.site-footer{min-height:80px}.site-footer img{width:145px}.site-footer p{font-size:.67rem;text-align:right}.health-detail{grid-template-columns:1fr}.dialog-card{padding:22px 18px}.detail-page{padding:34px 0}.detail-heading{align-items:flex-start;flex-direction:column;gap:12px}.detail-heading h1{font-size:2.45rem}.login-shell{justify-content:flex-start;padding-top:62px}.login-brand{width:250px;margin-bottom:24px}.login-card{padding:29px 20px}.login-card h1{font-size:2rem}.login-card>p{font-size:.93rem}.wire-hills{height:210px}.login-tagline{bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.health-state i,.vertical-track.is-moving,.horizontal-track.is-moving{animation:none}.primary-button,.outline-button{transition:none}}

/* Compact dashboard proportions from the approved R1 reference. */
body[data-page="dashboard"] .panel{border-radius:11px}
body[data-page="dashboard"] .panel-heading{min-height:39px;padding:7px 15px}
body[data-page="dashboard"] .heading-title{font-size:.86rem;font-weight:650;gap:8px}
body[data-page="dashboard"] .line-icon,body[data-page="dashboard"] .bar-icon,body[data-page="dashboard"] .target-icon,body[data-page="dashboard"] .eye-icon,body[data-page="dashboard"] .clock-icon{font-size:1.25rem}
.flame{display:block;width:19px;height:23px;transform:none;flex-shrink:0}
.health-body{padding:10px 15px 5px;gap:12px;align-items:center}
.health-body strong{font-size:1rem;font-weight:550}
.health-bars{height:37px;gap:5px}
.health-bars i{width:5px;box-shadow:none}
.health-bars i:nth-child(1){height:23%}.health-bars i:nth-child(2){height:35%}.health-bars i:nth-child(3){height:48%}.health-bars i:nth-child(4){height:39%}.health-bars i:nth-child(5){height:60%}.health-bars i:nth-child(6){height:70%}.health-bars i:nth-child(7){height:58%}.health-bars i:nth-child(8){height:88%}.health-bars i:nth-child(9){height:79%}.health-bars i:nth-child(10){height:100%}
.health-card>small{padding:0 15px 9px;font-size:.68rem}
.health-body small,.health-state{font-size:.72rem}
.stat-grid,.history-grid{padding:9px 7px}
.stat-grid span,.history-grid span{min-height:48px}
.stat-grid strong,.history-grid strong{font-size:1.25rem;font-weight:650}
.stat-grid small,.history-grid small{font-size:.7rem}
.vertical-ticker{height:78px}.hot-row{min-height:39px;padding:5px 15px}.hot-row strong{font-size:.78rem}
.direction{min-width:56px;padding:3px 7px;font-size:.66rem;font-weight:650;border-radius:5px}
.signal-card{margin:9px 12px;grid-template-columns:1.55fr repeat(5,.7fr) 1fr;border-radius:8px}
.signal-identity{padding:9px;gap:9px}.coin-icon{width:30px;height:30px;flex-basis:30px;font-size:.7rem}
.signal-name strong{display:inline-block;margin-right:7px;font-size:.9rem}.signal-name small{font-size:.64rem}
.signal-metric{padding:8px 10px}.signal-metric b{font-size:.84rem;font-weight:650}.signal-metric small,.signal-metric em{font-size:.64rem}
.spark-status{padding:6px;gap:4px}.sparkline{height:28px}.state-pill{font-size:.64rem;padding:3px 7px}
.horizontal-ticker{padding:9px 12px}.monitor-chip{min-width:75px;padding:5px 8px;flex-direction:column;gap:2px;border-radius:6px}.monitor-chip strong{font-size:.7rem}.monitor-chip .direction{min-width:50px;font-size:.6rem;padding:1px 5px}
.overview-grid{gap:14px;padding:15px 0 12px}.active-panel{margin-bottom:12px}.lower-grid{gap:14px}

@media(max-width:930px) and (min-width:641px){.signal-card{grid-template-columns:1.4fr repeat(5,.7fr)}.spark-status{display:none}.signal-metric:nth-of-type(5),.signal-metric:nth-of-type(6){border-top:0}}
@media(max-width:640px){
 body[data-page="dashboard"] .panel-heading{padding:6px 11px;min-height:35px}.health-body{padding:7px 11px 4px}.health-card>small{padding:0 11px 7px}.health-bars{height:29px}.health-bars i{width:5px}
 .stat-grid,.history-grid{padding:5px}.stat-grid span,.history-grid span{min-height:42px}.stat-grid strong,.history-grid strong{font-size:1.05rem}.stat-grid small,.history-grid small{font-size:.63rem}
 .signal-card{grid-template-columns:repeat(5,1fr);margin:7px}.signal-identity{grid-column:1/4;padding:7px}.signal-name small{font-size:.59rem}.signal-name strong{font-size:.8rem}.coin-icon{width:26px;height:26px;flex-basis:26px}
 .spark-status{grid-column:4/6;grid-row:1;flex-direction:row;border-top:0;border-left:0;gap:4px}.sparkline{width:43px;height:25px}.state-pill{font-size:.54rem;padding:2px 5px}.state-pill:before{width:5px;height:5px;margin-right:3px}
 .signal-metric{grid-row:2;min-height:49px;padding:5px;border-top:1px solid var(--line-soft)}.signal-metric:nth-of-type(2n){border-left:1px solid var(--line-soft)}.signal-metric:nth-of-type(6){grid-column:auto;align-items:flex-start;border-left:1px solid var(--line-soft)}.signal-metric b{font-size:.7rem}.signal-metric small,.signal-metric em{font-size:.58rem}
 .horizontal-ticker{padding:7px}.monitor-chip{min-width:59px;padding:3px 5px}.lower-grid{gap:10px}.overview-grid{gap:10px}.active-panel{margin-bottom:10px}
}

/* Further density refinement: preserve text sizes, reduce surrounding space. */
body[data-page="dashboard"] :is(.active-panel,.monitoring-panel,.history-panel) .panel-heading{min-height:33px;padding-block:4px}
.signal-card{margin:6px 10px}
.signal-identity{padding:6px 9px}
.signal-metric{padding:5px 10px}
.spark-status{padding:3px 6px;gap:2px}
.sparkline{height:24px}
.horizontal-ticker{padding:6px 10px}
.monitor-chip{padding-block:3px;gap:1px}
.history-grid{padding:5px 7px}
.history-grid span{min-height:41px}
body[data-page="active-list"] :is(th,td){padding-block:9px}
@media(max-width:640px){
 .signal-card{margin:5px 7px}.signal-identity{padding:5px 7px}.signal-metric{min-height:45px;padding:3px 5px}
 .horizontal-ticker{padding:5px 7px}.monitor-chip{padding-block:2px}
 .history-grid{padding:3px 5px}.history-grid span{min-height:37px}
}

/* Identical stacked cycles make the upward restart visually seamless. */
.hot-cycle{flex:none}.hot-cycle .hot-row{height:39px;min-height:39px;border-bottom:1px solid var(--line-soft)}
@keyframes hotLane{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.hot-cycle-copy{display:none}}

/* Compact View All tables: retain value sizes and reduce row padding. */
body:is([data-page="active-list"],[data-page="monitoring-list"],[data-page="history-list"]) :is(th,td){padding:5px 11px;line-height:1.3}
body:is([data-page="active-list"],[data-page="monitoring-list"],[data-page="history-list"]) .direction{padding-block:2px}
body:is([data-page="active-list"],[data-page="monitoring-list"],[data-page="history-list"]) .state-pill{padding-block:2px}

/* Reuse dashboard coin badges in compact detail rows. */
.table-coin-identity{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.table-coin-identity .coin-icon{width:24px;height:24px;flex-basis:24px;font-size:.55rem;box-shadow:none}

/* Trial: one shared, static wave texture beneath dashboard card content. */
body[data-page="dashboard"] :is(.health-card,.lifetime-card,.hot-card,.active-panel,.monitoring-panel,.history-panel){position:relative;isolation:isolate}
body[data-page="dashboard"] :is(.health-card,.lifetime-card,.hot-card,.active-panel,.monitoring-panel,.history-panel)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:url("assets/brand/panel-wave.png") center bottom / 100% 88px no-repeat;opacity:.40;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent 0%,#000 45%)}
body[data-page="dashboard"] :is(.active-panel,.monitoring-panel,.history-panel)::before{opacity:.28}

/* Desktop signal ribbon: identity, timestamp and each price read across. */
@media(min-width:1100px){
 .signal-card{grid-template-columns:2.7fr .85fr 1.25fr 1.25fr 1.25fr 1.4fr max-content;min-height:40px}
 .signal-identity{gap:6px;padding:6px 7px;min-width:0}
 .signal-identity .coin-icon{width:23px;height:23px;flex-basis:23px;font-size:.52rem}
 .signal-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 .signal-name strong{font-size:.75rem}.signal-name .direction{font-size:.57rem;padding:2px 5px}
 .signal-name small{margin:0;font-size:.57rem;white-space:nowrap}
 .signal-metric{flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;padding:5px 6px;white-space:nowrap}
 .signal-metric small{font-size:.58rem}.signal-metric b{font-size:.69rem}.signal-metric em{font-size:.58rem}
 .spark-status{flex-direction:row;gap:4px;padding:3px 4px}.spark-status .sparkline{width:32px;height:20px}.spark-status .state-pill{font-size:.5rem;padding:3px 4px}.spark-status .state-pill:before{width:4px;height:4px;margin-right:3px}
}

/* Authentic bundled coin assets; no runtime third-party requests. */
.coin-icon.coin-logo{object-fit:contain;background:none;box-shadow:none}
body[data-page="active-list"] .level-value,body[data-page="active-list"] .level-percent{display:inline-block;vertical-align:middle}
body[data-page="active-list"] .level-percent{margin-left:5px}

/* Small cumulative signal percentages beside the outcome counts. */
.stat-outcome{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap}
.stat-outcome em{font-style:normal;font-size:.62rem;font-weight:650;white-space:nowrap}
@media(max-width:640px){.stat-outcome{gap:3px}.stat-outcome em{font-size:.52rem}}

/* Confirmed hits use restrained colour boxes, without ticks or animation. */
.level-result{display:inline-flex;flex-direction:column;border:1px solid transparent;border-radius:5px;padding:2px 5px}
.level-hit-target{background:rgba(22,199,132,.12);border-color:rgba(22,199,132,.38);color:var(--green)}
.level-hit-stop{background:rgba(255,65,85,.12);border-color:rgba(255,65,85,.38);color:var(--red)}
.level-hit-target .level-percent{color:var(--green)}
.level-hit-stop .level-percent{color:var(--red)}
.level-unreached,.level-unreached .level-percent{color:var(--muted)}
body[data-page="active-list"] .level-result{flex-direction:row;align-items:center;padding:0;border:0}

.hero h1{letter-spacing:-.025em}
.how-card header{padding-right:25px}.how-card h3{margin:17px 0 5px;color:var(--teal);font-size:.94rem}.how-card p{margin:0;color:var(--soft);font-size:.88rem;line-height:1.55}.how-card .how-control{margin-top:20px;padding-top:15px;border-top:1px solid var(--line-soft);color:var(--white)}

/* Use the existing Inter face for a cleaner Y silhouette. */
.hero h1 .hero-you{font-family:Inter,sans-serif;color:inherit;letter-spacing:-.025em;font-weight:800}

/* Mobile density: less hero artwork space and tighter active signal cards. */
@media(max-width:640px){
 .hero{min-height:355px}
 .hero-copy{padding-bottom:26px}
 .market-art img{height:165px}
 .signal-card{margin:4px 7px}
 .signal-identity{padding:3px 6px;gap:6px}
 .signal-identity .coin-icon{width:22px;height:22px;flex-basis:22px}
 .signal-name small{margin-top:0;line-height:1.2}
 .signal-metric{min-height:37px;padding:2px 5px;line-height:1.2}
 .spark-status{padding:2px 4px}.spark-status .sparkline{height:20px}
}

/* Mobile signal cards show status without decorative price miniatures. */
@media(max-width:640px){.signal-card .sparkline{display:none}}

@media(min-width:931px){.signal-card .spark-status{padding-inline:10px;min-width:64px}}

.history-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;font-size:.8rem}.history-pagination button{padding:7px 12px;min-height:34px}.history-pagination button:disabled{opacity:.4;cursor:default}
