:root{--bg:#050b14;--panel:rgba(12,26,43,.78);--line:rgba(157,180,207,.16);--text:#f4f8fc;--muted:#91a2b7;--accent:#19b7c5;--accent2:#2b6bc4;--good:#76dac5;--warn:#f3c475;--shadow:0 24px 70px rgba(0,0,0,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(900px 480px at 70% -10%,rgba(25,183,197,.12),transparent 70%),radial-gradient(700px 400px at 10% 0%,rgba(43,107,196,.12),transparent 70%),var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar,main,footer{width:min(1180px,calc(100% - 36px));margin:0 auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:900;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 8px 24px rgba(25,183,197,.14)}.brand strong{display:block;font-size:18px}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:11px;letter-spacing:.09em;text-transform:uppercase}.top-actions,.result-actions{display:flex;gap:8px;flex-wrap:wrap}.text-btn,.ghost-btn{border:1px solid var(--line);color:var(--text);background:transparent;border-radius:12px;padding:10px 14px}.text-btn{border-color:transparent;color:var(--muted)}.text-btn:hover,.ghost-btn:hover{color:white;border-color:rgba(157,180,207,.33)}main{flex:1}.hero{padding:92px 0 70px;max-width:960px;margin:0 auto;text-align:center}.eyebrow{color:#82a2c7;font-size:12px;letter-spacing:.16em;font-weight:800}.hero h1{margin:18px 0 20px;font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(90deg,#7994be,#2e7fc6,#16afbc);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy{max-width:770px;margin:0 auto;font-size:19px;line-height:1.6;color:var(--muted)}.search-wrap{margin:42px auto 0;max-width:820px}.search-row,.dialog-search{display:flex;gap:10px;padding:9px;border:1px solid rgba(157,180,207,.25);border-radius:18px;background:rgba(8,19,33,.84);box-shadow:var(--shadow)}.search-row input,.dialog-search input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;padding:13px 15px;font-size:17px}.primary-btn{border:0;border-radius:13px;padding:14px 21px;color:#021018;font-weight:850;background:linear-gradient(110deg,#2d6cc6,#18bcc2);box-shadow:0 10px 30px rgba(24,188,194,.13)}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn.compact{padding:11px 15px}.status{min-height:22px;margin-top:10px;font-size:13px;color:var(--warn)}.try-row{margin-top:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.example-chip{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:#b9c7d7;background:rgba(255,255,255,.025)}.example-chip:hover{border-color:rgba(25,183,197,.5);color:white}.principle-row{margin:70px auto 0;max-width:670px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center;color:var(--muted)}.principle-row div{display:flex;flex-direction:column;gap:4px}.principle-row b{color:#dce6f0}.principle-row span{font-size:12px}.arrow{color:#49627c}.loading-panel{min-height:620px;display:grid;align-content:center;justify-items:center;text-align:center}.loading-panel h2{font-size:36px;margin:20px 0 6px}.muted{color:var(--muted)}.scanner-orb{width:90px;height:90px;border-radius:50%;border:1px solid rgba(25,183,197,.25);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(25,183,197,.16),transparent 65%)}.scanner-orb::before{content:'';position:absolute;inset:-12px;border:1px solid rgba(43,107,196,.15);border-radius:50%;animation:pulse 1.8s infinite}.scanner-orb span{width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,var(--accent2),var(--accent));animation:rotate 1.6s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.45}}.loading-steps{margin-top:30px;width:min(420px,90vw);text-align:left}.load-step{padding:11px 0 11px 30px;color:#586c82;position:relative}.load-step::before{content:'';width:9px;height:9px;border-radius:50%;background:#304155;position:absolute;left:6px;top:17px}.load-step.active{color:#d7e5f1}.load-step.active::before{background:var(--accent);box-shadow:0 0 0 5px rgba(25,183,197,.1)}.results{padding:64px 0 80px}.result-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end}.result-head h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em;margin:8px 0 7px}.site-url{color:#7ea7cb;text-decoration:none;font-size:14px;word-break:break-all}.lede{max-width:880px;margin:24px 0 0;color:#aab9c8;font-size:18px;line-height:1.6}.warning-box{margin:18px 0 0;padding:13px 16px;border:1px solid rgba(243,196,117,.25);background:rgba(243,196,117,.07);border-radius:13px;color:#d9bd8a;font-size:12px}.reward-line{margin:34px 0 22px;padding:16px 18px;border-radius:15px;border:1px solid rgba(25,183,197,.22);background:linear-gradient(90deg,rgba(43,107,196,.09),rgba(25,183,197,.08));color:#c9dae8}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-grid{grid-template-columns:1.05fr .95fr}.detail-grid{margin-top:16px}.panel{border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(145deg,rgba(12,26,43,.78),rgba(6,14,25,.83));box-shadow:0 18px 50px rgba(0,0,0,.16);overflow:hidden}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title h3{margin:0;font-size:17px}.panel-note{margin:5px 0 12px;font-size:12px;line-height:1.5;color:var(--muted)}.info-dot{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent}.count-pill{min-width:29px;padding:4px 8px;text-align:center;border-radius:999px;background:rgba(113,145,180,.12);color:#aabdd1;font-size:12px}.radar-container{display:flex;justify-content:center;align-items:center;min-height:350px;padding:4px}.radar-chart{max-width:420px;width:100%;overflow:visible}.radar-grid{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}.radar-axis{stroke:rgba(255,255,255,.10);stroke-width:1}.radar-shape{fill:rgba(25,183,197,.16);stroke:var(--accent);stroke-width:2}.radar-shape.compare{fill:rgba(43,107,196,.10);stroke:#6f8dd6}.radar-label{fill:#91a2b7;font-size:10px;font-weight:650}.signal-row{display:grid;grid-template-columns:112px 1fr 80px;gap:10px;align-items:center;margin:9px 0;padding:8px 7px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;width:100%;text-align:left}.signal-row:hover{background:rgba(255,255,255,.025);border-color:rgba(157,180,207,.10)}.signal-name{color:#d3dfeb;font-size:13px;font-weight:700}.signal-track{height:7px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.signal-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2d6bc5,#16b4c0)}.signal-label{font-size:12px;color:var(--muted);text-align:right}.movement-unlock-card{margin-top:16px;border:1px solid rgba(25,183,197,.40);border-radius:20px;background:linear-gradient(135deg,rgba(25,183,197,.12),rgba(43,107,196,.08));padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.movement-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;font-size:24px;color:#041119;background:linear-gradient(135deg,#3e80cc,#1bc0c4)}.movement-unlock-card h3,.section-head h3{margin:5px 0}.movement-unlock-card p,.section-head p{margin:0;color:var(--muted)}.movement-lens,.compare-section{margin-top:16px;padding:20px;border:1px solid rgba(25,183,197,.24);border-radius:22px;background:rgba(6,15,26,.48)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h3{font-size:26px}.poseiq-link{display:inline-block;margin-top:16px;color:#bce9ec;text-decoration:none;font-weight:700}.wide-panel{margin-top:16px}.heatmap-wrap{overflow:auto;margin-top:12px}.heatmap-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}.heatmap-table th{color:var(--muted);text-align:center;padding:9px 7px;border-bottom:1px solid var(--line);font-weight:650}.heatmap-table th:first-child{text-align:left}.heatmap-table td{padding:10px 7px;border-bottom:1px solid rgba(255,255,255,.035)}.page-title{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c9d8e6}.dot-cell{text-align:center;font-weight:bold;letter-spacing:2px}.dot-cell.high{color:var(--accent)}.dot-cell.med{color:var(--good)}.dot-cell.low{color:#586c82}.dot-cell.none{color:rgba(255,255,255,.1)}.fingerprint{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 18px}.fingerprint div{min-height:72px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}.fingerprint b{display:block;font-size:22px}.fingerprint span{color:var(--muted);font-size:11px}.tag-cloud,.heading-list{display:flex;flex-wrap:wrap;gap:7px}.tag,.heading-chip{padding:6px 9px;border-radius:999px;border:1px solid var(--line);color:#abc0d2;font-size:11px}.heading-chip{border-radius:9px;background:rgba(255,255,255,.035)}.item-list{margin-top:14px;display:grid;gap:8px;max-height:250px;overflow:auto}.item,.empty-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.028);font-size:12px}.item a{color:#c9d8e6;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type{flex:0 0 auto;color:#7089a3;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.empty-item{color:#65798f}.clean-text{max-height:350px;overflow:auto;white-space:pre-wrap;word-break:break-word;line-height:1.65;color:#a7b6c5;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(0,0,0,.2);border-radius:12px;padding:16px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th,.compare-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.compare-table th{color:var(--muted)}.compare-table td:nth-child(n+2){text-align:center}.play-again{margin-top:18px;border-radius:20px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px dashed rgba(157,180,207,.25)}.play-again h3{margin:6px 0;font-size:24px}.play-again p{margin:0;color:var(--muted)}footer{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);color:#667b91;font-size:11px}dialog{width:min(590px,calc(100% - 30px));border:1px solid var(--line);border-radius:22px;padding:30px;background:#091522;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,5,12,.75);backdrop-filter:blur(8px)}dialog h2{margin:8px 0 15px;font-size:34px;letter-spacing:-.04em}dialog p{color:#a7b7c6;line-height:1.65}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:#8fa3b7;font-size:28px}.explain-box{padding:15px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.evidence-list{display:grid;gap:8px}.evidence-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.evidence-item b{color:#d9e8f4}.evidence-item span{color:var(--muted);font-size:12px}.context-line{margin-top:15px;color:#8298ad;font-size:12px}
@media(max-width:850px){.dashboard-grid,.hero-grid,.compare-grid{grid-template-columns:1fr}.result-head{align-items:flex-start;flex-direction:column}.movement-unlock-card{grid-template-columns:auto 1fr}.movement-unlock-card .primary-btn{grid-column:2}.section-head{flex-direction:column}.radar-container{min-height:300px}.play-again{flex-direction:column;align-items:stretch}.principle-row{display:none}}
@media(max-width:520px){.topbar,main,footer{width:min(100% - 24px,1180px)}.hero{padding-top:65px}.hero h1{font-size:46px}.hero-copy{font-size:16px}.search-row,.dialog-search{flex-direction:column}.primary-btn{width:100%}.fingerprint{grid-template-columns:1fr 1fr}.signal-row{grid-template-columns:94px 1fr 68px}.result-actions{justify-content:flex-start}.movement-unlock-card{grid-template-columns:1fr}.movement-unlock-card .primary-btn{grid-column:auto}.movement-icon{display:none}footer{align-items:flex-start;flex-direction:column;justify-content:center}}

/* Security and visual polish */
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #35cad1;outline-offset:3px}
.panel{position:relative}.panel::before{content:'';position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(80,205,214,.32),transparent);pointer-events:none}
.radar-glow{fill:rgba(25,183,197,.20);stroke:none;filter:url(#softGlow);opacity:.72}
.radar-dot{fill:#d9fbfc;stroke:#19b7c5;stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(25,183,197,.7))}
.radar-shape{filter:drop-shadow(0 10px 18px rgba(25,183,197,.08))}
.radar-shape.compare{filter:drop-shadow(0 8px 16px rgba(88,123,214,.08))}
.empty-radar{min-height:250px;display:grid;place-items:center;color:#72879a;font-size:13px;border:1px dashed rgba(157,180,207,.14);border-radius:18px}
.heatmap-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.dot-cell.none{color:#35495e}
.item a:hover,.site-url:hover,.poseiq-link:hover{text-decoration:underline;text-underline-offset:3px}
.signal-row:focus-visible{outline:2px solid rgba(25,183,197,.7);outline-offset:1px}
@media(max-width:520px){.heatmap-table{min-width:660px}.page-title{max-width:145px}.radar-label{font-size:9px}.radar-container{padding-inline:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Final product polish */
.text-link{display:inline-flex;align-items:center;padding:10px 8px;color:var(--muted);text-decoration:none;font-size:13px}.text-link:hover{color:#fff}.loading-note{margin-top:8px;color:#6f8398;font-size:13px}.topic-panel{padding-bottom:26px}.strength-key{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin:2px 0 12px}.strength-key span{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:750;border:1px solid transparent}.key-none{color:#71869b;background:rgba(113,134,155,.08);border-color:rgba(113,134,155,.12)!important}.key-light{color:#9fb3c7;background:rgba(126,161,196,.10);border-color:rgba(126,161,196,.18)!important}.key-moderate{color:#b7d3ff;background:rgba(67,123,208,.14);border-color:rgba(67,123,208,.28)!important}.key-strong{color:#bff8f2;background:rgba(25,183,197,.14);border-color:rgba(25,183,197,.30)!important}
.signal-row{grid-template-columns:118px 1fr 88px 16px;min-height:50px;margin:5px 0;padding:8px 9px;border-radius:12px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.signal-row:hover{background:rgba(255,255,255,.04);border-color:rgba(157,180,207,.16);transform:translateX(2px)}.signal-track{height:9px;background:#172536;border:1px solid rgba(255,255,255,.025)}.signal-fill{display:block;height:100%;min-width:0;border-radius:99px;transition:width .3s ease}.fill-strong{background:linear-gradient(90deg,#18a8bc,#29d1c6);box-shadow:0 0 12px rgba(41,209,198,.18)}.fill-moderate{background:linear-gradient(90deg,#356fbc,#6798dd)}.fill-light{background:linear-gradient(90deg,#4c657f,#7890a8)}.fill-none{width:0!important}.signal-label{justify-self:end;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.01em}.label-strong{color:#bff8f2;background:rgba(25,183,197,.14);border:1px solid rgba(25,183,197,.28)}.label-moderate{color:#c3d9ff;background:rgba(67,123,208,.14);border:1px solid rgba(67,123,208,.26)}.label-light{color:#b4c4d4;background:rgba(126,145,168,.10);border:1px solid rgba(126,145,168,.18)}.label-none{color:#71869b;background:rgba(113,134,155,.06);border:1px solid rgba(113,134,155,.10)}.signal-chevron{color:#60788f;font-size:20px;line-height:1;transition:transform .15s ease,color .15s ease}.signal-row:hover .signal-chevron{color:#b9dce0;transform:translateX(2px)}.level-strong .signal-name{color:#eefdfb}.level-moderate .signal-name{color:#d9e6f5}.level-none{opacity:.68}
footer a{color:#8da8c2;text-decoration:none}footer a:hover{color:#d9edf5;text-decoration:underline;text-underline-offset:3px}footer strong{color:#9fb4c8}.footer-dot{margin:0 8px;color:#41566b}.about-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.about-links a{padding:9px 12px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:#c8e6ec}.about-links a:hover{border-color:rgba(25,183,197,.4)}.evidence-intro{margin-top:0}.evidence-item{align-items:center}.evidence-item b{font-size:13px}.evidence-item span{font-size:11px}.heatmap-table th{white-space:nowrap}.dot-cell.high{color:#2bd0c8}.dot-cell.med{color:#77a9ec}.dot-cell.low{color:#728ba3}.dot-cell.none{color:#35495e}
@media(max-width:520px){.signal-row{grid-template-columns:92px 1fr 72px 12px;gap:7px}.signal-name{font-size:12px}.signal-label{padding:4px 6px;font-size:9px}.strength-key{justify-content:flex-start}.footer-dot{display:none}footer>div:last-child{display:flex;flex-direction:column;gap:4px}}
.item-disabled{color:#c9d8e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* CSP-safe signal widths: no inline style attributes */
.width-0,.width-10,.width-20,.width-30,.width-40,.width-50,.width-60,.width-70,.width-80,.width-90,.width-100{}
.width-0{width:0%}
.width-10{width:10%}
.width-20{width:20%}
.width-30{width:30%}
.width-40{width:40%}
.width-50{width:50%}
.width-60{width:60%}
.width-70{width:70%}
.width-80{width:80%}
.width-90{width:90%}
.width-100{width:100%}