:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f8f5fa;background:#050507;font-size:13px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:235px;background:#09090d;border-right:1px solid #30202b;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand strong{font-size:19px;letter-spacing:-.8px}.brand em{font-style:normal;color:#ff329f}.brand small{display:block;color:#998b9b;font-size:9px;letter-spacing:2px;margin-top:5px}.mark{width:42px;height:42px;border:1px solid #ff329f;color:#ff329f;display:grid;place-items:center;border-radius:12px;font-size:30px;box-shadow:0 0 24px #ff329f33}.nav{display:grid;gap:5px}.nav button{border:1px solid transparent;color:#a9a1af;background:none;text-align:left;padding:12px 13px;border-radius:9px}.nav button:hover,.nav button.active{background:#24101f;color:#ff72c2;border-color:#713157}.sidefoot{margin-top:auto;border:1px solid #4b2841;background:#170d17;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700}.sidefoot small{display:block;color:#978b9b;font-size:9px;margin-top:5px}.dot{background:#3bdfb0;width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px #3bdfb0}.main{flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid #2b1c28;background:#09090c}.eyebrow{color:#ff64b9;letter-spacing:2px;font-size:10px;font-weight:800}.top h1{font-size:26px;margin:6px 0 0;letter-spacing:-1px}.topright{display:flex;align-items:center;gap:14px}.pill,.tag{border:1px solid #703450;border-radius:6px;padding:6px 9px;color:#ff86c9;background:#2b1122;font-size:10px;letter-spacing:.5px}.tag{vertical-align:middle;font-weight:700;margin-left:8px}.iconbtn{background:#1d101b;border:1px solid #663251;color:#ff6ab9;border-radius:8px;padding:8px 12px}.content{padding:22px 26px;max-width:1900px;margin:auto}.page{display:none}.page.active{display:block}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #5a2647;background:radial-gradient(ellipse at 82% 10%,#42102e 0%,transparent 42%),linear-gradient(120deg,#1b0d1a,#0a0a0e 70%);border-radius:15px;padding:24px 30px;margin-bottom:22px}.hero h2{font-size:29px;line-height:1.14;letter-spacing:-1px;margin:12px 0}.hero h2 span{color:#ff47ad}.hero p,.muted{color:#988f9d}.hero p{margin-bottom:0}.heroRight{text-align:right}.heroK{font-size:10px;color:#d6a9c6;letter-spacing:1px}.heroV{font-size:34px;font-weight:800;margin:6px 0;color:white}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 12px;font-size:12px;letter-spacing:1px;font-weight:800}.pinkdot{display:inline-block;width:7px;height:7px;background:#ff329f;border-radius:50%;box-shadow:0 0 12px #ff329f;margin-right:7px}.toolbar{display:flex;align-items:center;gap:12px}.mini{font-size:10px;color:#938897;font-weight:500;letter-spacing:0}select{background:#18111a;border:1px solid #57324c;color:#f7e9f3;border-radius:7px;padding:8px}.marketgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.marketcard,.enginecard,.panel{border:1px solid #3d2638;background:linear-gradient(155deg,#141017,#0b0b0f);border-radius:12px;min-width:0}.marketcard{padding:13px}.markethead{display:flex;justify-content:space-between;gap:5px;align-items:center}.markethead b{font-size:12px}.status{font-size:9px;font-weight:800;padding:4px 6px;border-radius:5px;background:#34202d;color:#ffb0d8}.status.open{color:#3de6b0;background:#123328}.indexline{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #29202a;gap:5px}.indexline strong{font-size:17px}.indexline small{color:#aaa0ac;display:block;font-size:10px;margin-bottom:3px}.up{color:#3de6b0}.down{color:#ff6a80}.timergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.timer{background:#21111e;border-radius:6px;padding:8px 4px;text-align:center;min-width:0}.timer label{display:block;font-size:8px;color:#b9a1b3;letter-spacing:.4px}.timer strong{display:block;color:#ff81c8;font-size:13px;margin-top:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.schedule{color:#8e8491;font-size:9px;margin-top:9px}.controlbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px;border:1px solid #45253d;border-radius:12px;background:#100c12;margin-top:20px}.controlLabel{display:flex;flex-direction:column;gap:5px;margin-right:12px}.controlLabel small{font-size:9px;color:#f1a4cd}.btn{background:#1c1520;border:1px solid #55334b;color:#eee1ed;padding:10px 13px;border-radius:8px;font-weight:700;font-size:11px}.btn:hover{border-color:#ff329f}.btn.start{background:#103d31;border-color:#239b78;color:#65ffca}.btn.danger{background:#3b111d;border-color:#c23d5c;color:#ff9ba8}.spacer{flex:1}.enginegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.enginecard{padding:15px}.enginehead{display:flex;justify-content:space-between;align-items:center;gap:5px}.enginehead strong{font-size:13px}.enginecard .big{font-size:22px;font-weight:800;margin:18px 0 5px}.enginecard .sub{font-size:10px;color:#bba7b7}.spark{height:48px;margin:15px 0 13px;border-bottom:1px solid #443344;background:linear-gradient(180deg,transparent 0%,#ff329f12 100%);position:relative;overflow:hidden}.spark svg{width:100%;height:100%}.kv{display:flex;justify-content:space-between;margin:8px 0;font-size:11px}.kv span{color:#9e929f}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}.chips span{font-size:9px;background:#32122b;color:#ff9bd3;padding:5px 6px;border-radius:4px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.panel{padding:16px;margin-bottom:12px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panelhead strong{font-size:12px;letter-spacing:.5px}.caplayout{display:flex;align-items:center;gap:26px}.donut{width:175px;height:175px;border-radius:50%;flex-shrink:0;background:conic-gradient(#ff329f 0 47%,#a667fa 47% 94%,#ffbf65 94% 100%);display:grid;place-items:center}.donut>div{width:125px;height:125px;border-radius:50%;background:#111014;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:21px;font-weight:800}.donut small{font-size:9px;color:#ad9aab;margin-top:5px}.caprows{flex:1}.caprows>div{margin-bottom:16px}.caprows span{font-size:11px;color:#b5a4b1}.caprows b{float:right}.track{height:6px;background:#322330;border-radius:10px;overflow:hidden;margin-top:8px}.track i{display:block;height:100%;border-radius:10px}.fusion{padding:10px 0}.fusionrow{display:grid;grid-template-columns:125px 1fr 38px;align-items:center;gap:12px;margin:18px 0}.fusionrow .track{margin:0}.fusionrow b{text-align:right}.fusion p{margin-top:24px;line-height:1.6}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:left;color:#a393a5;font-size:10px;font-weight:600;padding:11px 9px;border-bottom:1px solid #3d2938}td{padding:12px 9px;border-bottom:1px solid #281e28}td:last-child{color:#ff79c4;font-weight:800}.events{display:grid;gap:9px;max-height:270px;overflow:auto}.event{padding:10px;border-left:2px solid #ff329f;background:#1c121c;color:#d2c4d0;font-size:11px}.event time{color:#ff7ec3;margin-right:8px}.linkbtn{border:0;background:none;color:#ff72be;font-size:11px}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:16px 0}.filters label{display:grid;gap:5px;color:#9f91a0;font-size:11px}.info{margin-top:16px;line-height:1.65;color:#c7b8c6}.info strong{color:#ff86ca}.empty{text-align:center;padding:70px 20px;color:#9c8b9a}.empty h3{color:#f3e6f0}.brokergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brokercard{padding:18px;border:1px solid #4a2840;border-radius:12px;background:#150e16}.brokercard h3{margin:0 0 7px}.brokercard p{color:#ad9bad;font-size:11px;min-height:35px}.bad{color:#ff788d}.good{color:#55e8b6}.sliders{display:grid;gap:18px}.sliderrow{display:grid;grid-template-columns:150px 1fr 60px;gap:15px;align-items:center}.sliderrow input{accent-color:#ff329f;width:100%}.healthgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.healthgrid>div{padding:20px;border:1px solid #392637;border-radius:10px;display:flex;flex-direction:column;gap:14px}.healthgrid span{font-size:11px}footer{padding:20px;text-align:center;color:#756a77;font-size:10px;letter-spacing:1px}@media(max-width:1350px){.marketgrid{grid-template-columns:repeat(2,1fr)}.enginegrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:70px;padding:15px 7px}.brand>div:last-child,.nav button .navlabel,.sidefoot div{display:none}.brand{padding:0 5px 20px}.nav button{text-align:center}.sidefoot{justify-content:center}.twocol{grid-template-columns:1fr}.content{padding:15px}.top{padding:16px}.heroRight{display:none}}@media(max-width:550px){.marketgrid,.enginegrid,.brokergrid,.healthgrid{grid-template-columns:1fr}.sidebar{width:54px}.topright .pill{display:none}.hero h2{font-size:23px}.caplayout{flex-direction:column}.timer strong{font-size:12px}}

/* V2 reviewed: unified indices and three clocks with improved contrast. */
.marketcard{border-color:#4e2941;padding:16px;box-shadow:inset 0 1px 0 #ff329f12}
.markethead b{font-size:13px}.venue{font-size:10px;color:#a99cac;margin-top:5px}
.indices{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:7px;margin-top:12px;min-height:75px}
.indexitem{background:#1d121d;border:1px solid #392438;border-radius:8px;padding:9px;display:flex;flex-direction:column;gap:4px}
.indexitem small{font-size:9px;color:#bcafbd}.indexitem b{font-size:15px;letter-spacing:-.4px}.indexitem span{font-size:10px}
.timergrid{gap:7px}.timer{padding:10px 5px;background:#251222}.timer label{font-size:9px;color:#e1b6d0}.timer strong{font-size:clamp(11px,1vw,15px);color:#ff77c5}.timer small{display:block;font-size:9px;color:#b5a2b1;margin-top:6px}
.status.pre{color:#ffce84;background:#38291a}.engine-toggle{margin-top:12px;width:100%}
@media(max-width:700px){.timergrid{grid-template-columns:repeat(3,minmax(0,1fr))}.timer strong{font-size:12px}.topright{gap:5px}}
