:root{--ink:#eaf7fb;--muted:#9db5c2;--navy:#061721;--panel:#0b2635;--cyan:#58d8f7;--gold:#f0c567;--green:#61e0ae;--danger:#ff8d7a;--line:rgba(130,208,231,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;background:radial-gradient(circle at 80% 4%,#123e53 0,transparent 33%),linear-gradient(145deg,#06151f,#0a202c 55%,#07141c);color:var(--ink);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(99,202,231,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,202,231,.035) 1px,transparent 1px);background-size:44px 44px}.ambient i{position:absolute;border:1px solid rgba(89,216,247,.12);border-radius:50%;animation:float 14s ease-in-out infinite}.ambient i:nth-child(1){width:320px;height:320px;left:-120px;top:20%}.ambient i:nth-child(2){width:160px;height:160px;right:8%;top:16%;animation-delay:-4s}.ambient i:nth-child(3){width:520px;height:520px;right:-280px;bottom:-180px;animation-delay:-8s}@keyframes float{50%{transform:translateY(-22px) scale(1.04)}}a{color:inherit}.topbar{height:74px;width:min(1380px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.topbar a{text-decoration:none}.portal,.admin{font-size:12px;color:var(--muted)}.admin{text-align:left}.brand{text-align:center;display:grid;line-height:1}.brand b{letter-spacing:5px;color:var(--cyan);font:700 19px 'IBM Plex Mono',monospace}.brand small{font:500 8px 'IBM Plex Mono',monospace;color:#7f9eaa;letter-spacing:1.7px;margin-top:5px}.hero{width:min(1380px,calc(100% - 32px));margin:38px auto 20px;min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#abd4df;border:1px solid var(--line);background:rgba(8,36,49,.58);padding:9px 13px;border-radius:99px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(97,224,174,.09);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(97,224,174,0)}}h1{font-size:clamp(48px,6vw,86px);line-height:1.16;margin:22px 0 20px;letter-spacing:-3px}h1 em{font-style:normal;color:#9db4bd;font-weight:500}h1 strong{color:var(--gold);font-weight:900}.hero-copy>p{max-width:670px;color:var(--muted);font-size:16px;line-height:2}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-actions a,.hero-actions button{border-radius:14px;padding:13px 20px;font-family:inherit;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),#dcae48);color:#12232b}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--ink)}.hero-instrument{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(88,216,247,.2);border-radius:50%}.o1{width:390px;height:390px;animation:spin 24s linear infinite}.o2{width:300px;height:300px;border-style:dashed;animation:spin 18s linear infinite reverse}.o3{width:210px;height:210px;box-shadow:inset 0 0 60px rgba(68,187,221,.08);animation:breathe 4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.06)}}.orbit:before,.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.orbit:before{top:-4px;left:50%}.orbit:after{bottom:-4px;right:34%}.core{width:168px;height:168px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#163d50,#0a202b 70%);border:1px solid rgba(240,197,103,.45);box-shadow:0 0 70px rgba(69,193,230,.16)}.core span{font-size:34px;font-weight:900;color:var(--gold)}.core small{font:500 7px 'IBM Plex Mono';color:#84a4af;letter-spacing:1px;max-width:110px}.readout{position:absolute;background:rgba(8,30,41,.88);border:1px solid var(--line);padding:12px 16px;border-radius:14px;min-width:155px;backdrop-filter:blur(12px)}.readout small{display:block;color:#7294a0;font-size:9px}.readout b{font-size:13px}.r1{right:5%;top:18%}.r2{left:4%;bottom:19%}.dashboard{width:min(1380px,calc(100% - 32px));margin:12px auto 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash-card{background:linear-gradient(145deg,rgba(12,43,57,.92),rgba(7,27,38,.92));border:1px solid var(--line);border-radius:18px;padding:20px;position:relative;overflow:hidden}.dash-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(88,216,247,.06);left:-28px;bottom:-38px}.dash-card small{display:block;color:#7194a0;font:500 9px 'IBM Plex Mono';letter-spacing:1px}.dash-card b{display:block;font-size:36px;color:var(--cyan);margin-top:7px}.dash-card span{font-size:11px;color:var(--muted)}.loading-line{height:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:load 1.2s linear infinite}@keyframes load{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.lab-layout{width:min(1380px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}.control-panel{position:sticky;top:20px;background:rgba(8,31,43,.93);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.panel-head small,.results-head small{font:600 9px 'IBM Plex Mono';letter-spacing:2px;color:var(--cyan)}.panel-head h2,.results-head h2{margin:6px 0 20px}.search{height:48px;border:1px solid var(--line);background:#071c27;border-radius:13px;display:flex;align-items:center;padding:0 13px;gap:8px}.search span{font-size:20px;color:var(--cyan)}.search input{width:100%;background:none;border:0;outline:0;color:white;font-family:inherit}.filter-group{margin-top:22px}.filter-group>b{display:block;font-size:11px;color:#b9ccd3;margin-bottom:10px}.filter-list{display:grid;gap:6px}.filter-list button,.status-grid button{border:0;background:transparent;color:#94aeb8;font-family:inherit;text-align:right;border-radius:10px;padding:9px 11px;cursor:pointer}.filter-list button{display:flex;justify-content:space-between;align-items:center}.filter-list button.active,.status-grid button.active{background:linear-gradient(90deg,rgba(88,216,247,.17),rgba(88,216,247,.03));color:white;border-right:3px solid var(--cyan)}.filter-list em{font-style:normal;font:500 9px 'IBM Plex Mono';color:#628491}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.status-grid button{font-size:10px;text-align:center;background:rgba(255,255,255,.025)}.protocol{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.protocol div{padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:10px}.protocol span{display:block;color:var(--gold);font:600 9px 'IBM Plex Mono'}.protocol b{font-size:10px}.results{min-width:0}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.results-head h2{font-size:30px;margin-bottom:0}.results-head>span{font-size:11px;color:var(--muted)}.study-feed{display:grid;gap:12px}.study-card{display:grid;grid-template-columns:105px 1fr 170px;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(14,48,63,.9),rgba(8,29,40,.92));border:1px solid var(--line);border-radius:19px;padding:18px;cursor:pointer;transition:.25s;position:relative;overflow:hidden}.study-card:hover{transform:translateY(-3px);border-color:rgba(88,216,247,.38);box-shadow:0 16px 45px rgba(0,0,0,.18)}.study-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--accent,var(--cyan))}.study-index{border-left:1px solid var(--line);text-align:center}.study-index small{font:600 8px 'IBM Plex Mono';color:#6d8f9b;display:block}.study-index b{font:600 24px 'IBM Plex Mono';color:var(--accent,var(--cyan))}.study-copy .meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.badge{font-size:9px;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.05);color:#a9c0c8}.badge.verified{color:var(--green);background:rgba(97,224,174,.08)}.badge.method_dependent{color:var(--gold);background:rgba(240,197,103,.08)}.badge.research{color:var(--cyan);background:rgba(88,216,247,.08)}.badge.disputed{color:var(--danger);background:rgba(255,141,122,.08)}.study-copy h3{font-size:21px;margin:9px 0 6px}.study-copy p{font-size:11px;color:#91aab4;line-height:1.9;margin:0}.study-result{padding-right:16px;border-right:1px solid var(--line)}.study-result small{display:block;color:#698b97;font-size:9px}.study-result b{display:block;font-size:22px;color:var(--gold);margin:5px 0}.meter{height:5px;background:#061923;border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;width:var(--score);background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:99px}.scoreline{font:500 9px 'IBM Plex Mono';color:#8ba7b1;margin-top:6px}.empty{padding:55px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.pagination{display:flex;gap:7px;justify-content:center;margin:25px 0 60px;direction:ltr}.pagination button{width:38px;height:38px;border:1px solid var(--line);background:#0a2533;color:#a9bec6;border-radius:10px;cursor:pointer}.pagination button.active{background:var(--gold);color:#11212a;border-color:transparent;font-weight:900}.skeleton{height:130px;border-radius:18px;background:linear-gradient(90deg,#0a2734,#113746,#0a2734);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}footer{width:min(1380px,calc(100% - 32px));margin:auto;border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:#6f8b96;font-size:10px}footer div{display:grid}footer b{color:var(--gold);font-size:17px}dialog{width:min(900px,calc(100% - 28px));max-height:88vh;overflow:auto;border:1px solid rgba(116,215,241,.24);border-radius:24px;background:#071d29;color:var(--ink);padding:0;box-shadow:0 28px 90px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(2,12,17,.82);backdrop-filter:blur(9px)}dialog .close{position:sticky;top:14px;float:left;margin:14px 0 0 14px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#0d3040;color:white;font-size:20px;z-index:3;cursor:pointer}.study-detail{padding:44px}.detail-top{display:grid;grid-template-columns:1fr 190px;gap:28px}.detail-top small{color:var(--cyan);font:600 9px 'IBM Plex Mono';letter-spacing:1px}.detail-top h2{font-size:36px;line-height:1.4;margin:8px 0 14px}.detail-top p{color:#9cb4bd;line-height:2}.confidence-dial{width:165px;height:165px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--deg),#102f3c 0);position:relative}.confidence-dial:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#071d29}.confidence-dial div{position:relative;z-index:1;text-align:center}.confidence-dial b{display:block;font:700 34px 'IBM Plex Mono';color:var(--green)}.confidence-dial small{font-family:Cairo;color:#7996a1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.lab-box{background:#0b2a39;border:1px solid var(--line);border-radius:16px;padding:18px}.lab-box.full{grid-column:1/-1}.lab-box>small{color:var(--gold);font:600 8px 'IBM Plex Mono';letter-spacing:1px}.lab-box h3{margin:5px 0 9px;font-size:16px}.lab-box p{margin:0;color:#a0b7bf;line-height:2;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{background:#071e29;border-radius:12px;padding:13px}.metric b{display:block;color:var(--cyan);font-size:22px}.metric span{font-size:9px;color:#819da7}.evidence{border-right:3px solid var(--gold);padding:12px 15px;margin-top:9px;background:rgba(240,197,103,.05);border-radius:10px}.evidence q{display:block;font-size:17px;line-height:2;color:#f5ebcf}.evidence small{font-family:Cairo;color:#9eb4bc}.source-link{display:inline-flex;margin-top:12px;color:#061b24;background:var(--gold);text-decoration:none;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:800}.method-dialog{padding:38px}.method-dialog h2{font-size:30px}.method-dialog>small{color:var(--cyan);font:600 9px 'IBM Plex Mono'}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.method-steps article{background:#0b2a39;border:1px solid var(--line);padding:17px;border-radius:15px}.method-steps i{font-style:normal;font:700 22px 'IBM Plex Mono';color:var(--gold)}.method-steps b{display:block;margin:12px 0 6px}.method-steps p{font-size:10px;line-height:1.8;color:#8fa9b2}.error-banner{background:#4b2326;color:#ffd6d1;padding:14px;border-radius:13px}.retry{margin-top:10px;background:var(--gold);border:0;border-radius:9px;padding:8px 12px;cursor:pointer}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-instrument{height:360px}.dashboard{grid-template-columns:1fr 1fr}.lab-layout{grid-template-columns:1fr}.control-panel{position:static}.study-card{grid-template-columns:80px 1fr}.study-result{grid-column:2}.detail-top{grid-template-columns:1fr}.confidence-dial{margin:auto}.method-steps{grid-template-columns:1fr 1fr}}@media(max-width:650px){.topbar{grid-template-columns:1fr auto}.admin{display:none}.brand{text-align:left}.hero{margin-top:20px;min-height:auto}.hero-instrument{height:290px;transform:scale(.78);margin:-20px}.dashboard{grid-template-columns:1fr 1fr}.lab-layout{width:min(100% - 20px,1380px)}.study-card{grid-template-columns:1fr;padding:16px}.study-index{border:0;text-align:right;display:flex;gap:6px}.study-result{grid-column:auto;border-right:0;border-top:1px solid var(--line);padding:12px 0 0}.detail-grid,.metric-grid{grid-template-columns:1fr}.lab-box.full{grid-column:auto}.study-detail{padding:28px 18px}.method-steps{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}footer{display:grid;gap:10px}.dashboard .dash-card b{font-size:27px}h1{letter-spacing:-2px}}
