@layer app{.hx{padding:48px 0 72px;position:relative}.hx-grid{max-width:var(--maxw);grid-template-columns:minmax(0,.86fr) minmax(0,1.26fr);align-items:center;gap:42px;margin:0 auto;padding:0 28px;display:grid}.hx-left{min-width:0;container-type:inline-size}.hx-h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:20px 0 0;font-size:clamp(2.4rem,8.5cqi,4.6rem);font-weight:800;line-height:1.02}.hx-h1 em{color:var(--accent);font-style:normal}.hx-lead{color:var(--ink-soft);max-width:34em;margin-top:24px;font-size:clamp(1.05rem,2.6cqi,1.2rem);line-height:1.55}.hx-capture{background:var(--panel);border:1px solid var(--line-strong);max-width:36em;box-shadow:none;border-radius:12px;align-items:stretch;margin-top:30px;padding:0;display:flex;overflow:hidden}.hx-capture:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ff4f0029}.hx-capture input{min-width:0;color:var(--ink);font-family:var(--body);background:0 0;border:none;flex:1;padding:15px 18px;font-size:1rem}.hx-capture input::placeholder{color:var(--ink-faint)}.hx-capture input:focus{outline:none}.hx-cap-btn{cursor:pointer;background:var(--accent);color:#fff;font-family:var(--body);white-space:nowrap;border:none;flex:none;padding:15px 24px;font-size:1rem;font-weight:700;transition:background .18s}.hx-cap-btn:hover{background:var(--accent-deep)}.hx-sample-link{color:var(--accent);align-items:center;gap:.4em;margin-top:16px;font-size:.96rem;font-weight:600;display:inline-flex}.hx-sample-link:hover{color:var(--accent-deep)}.lead-dialog{background:var(--panel);width:calc(100% - 32px);max-width:560px;color:var(--ink);border:none;border-radius:20px;margin:auto;padding:0;box-shadow:0 30px 80px -20px #16170f80}.lead-dialog::backdrop{-webkit-backdrop-filter:blur(2px);background:#16170f80}.lead-inner{padding:30px;position:relative}.lead-close{border:1px solid var(--line);background:var(--paper-2);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:background .18s;display:flex;position:absolute;top:14px;right:14px}.lead-close:hover{background:var(--line)}.lead-head h2{font-family:var(--display);letter-spacing:-.01em;padding-right:44px;font-size:1.5rem;font-weight:800}.lead-head p{color:var(--ink-soft);margin-top:8px;font-size:.96rem}.lead-dialog form{box-shadow:none;background:0 0;border:none;margin-top:20px;padding:0}.hx-micro{font-family:var(--mono);color:var(--ink-soft);hyphens:manual;align-items:center;gap:.5em;margin-top:20px;font-size:.82rem;display:flex}.hx-micro:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.hx-stage{background:var(--paper-2);box-shadow:var(--shadow-card);aspect-ratio:1/.9;border-radius:24px;min-width:0;position:relative;overflow:hidden}.hx-map{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hx-tint{pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(135deg,#fffefb4d,#93908a24);position:absolute;inset:0}.hx-tint2{pointer-events:none;background:#fffefb2e;position:absolute;inset:0}.hx-chip{z-index:4;background:var(--accent-deep);color:#fff;font-family:var(--mono);letter-spacing:.02em;border-radius:9px;align-items:center;gap:.5em;padding:7px 13px;font-size:.74rem;display:inline-flex;position:absolute;top:16px;left:16px}.hx-chip:before{content:"";background:var(--green-soft);border-radius:50%;width:7px;height:7px}.hx-legend{z-index:4;border:1px solid var(--line);font-family:var(--mono);color:var(--ink-faint);background:#ffffffeb;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:.66rem;display:inline-flex;position:absolute;top:16px;right:16px}.hx-legend i{background:linear-gradient(90deg,#e8e2d4,#ffb599,#ff4f00);border-radius:6px;width:54px;height:7px}.hx-point{z-index:5;cursor:pointer;width:46px;height:46px;font-family:var(--mono);color:#fff;background:var(--accent);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:transform .15s,background .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px -6px #16170f80}.hx-point:hover{transform:translate(-50%,-50%)scale(1.06)}.hx-point[data-band=hi]{background:var(--accent-deep)}.hx-point[data-band=mid]{background:var(--accent)}.hx-point[data-band=lo]{background:var(--sage);color:var(--ink)}.hx-point[aria-pressed=true]{background:var(--accent-deep);box-shadow:0 0 0 6px #ff4f002e,0 6px 16px -6px #20151580}.hx-point:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}.hx-card{z-index:6;background:var(--panel);border-radius:18px;width:min(50%,300px);padding:16px;position:absolute;bottom:14px;right:14px;box-shadow:0 18px 50px -20px #16170f73}.hx-flag{border:1px solid var(--line-strong);font-family:var(--mono);color:var(--ink-soft);border-radius:100px;align-items:center;gap:.5em;margin-top:13px;padding:5px 12px;font-size:.74rem;display:inline-flex}.hx-flag:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.hx-flag[data-c=med]{border-color:var(--amber);color:var(--amber)}.hx-flag[data-c=med]:before{background:var(--amber)}.hx-flag[data-c=low]{border-color:var(--red);color:var(--red)}.hx-flag[data-c=low]:before{background:var(--red)}.hx-divider{background:var(--line);height:1px;margin:14px 0}.hx-model{font-family:var(--mono);color:var(--ink-faint);align-items:center;gap:.5em;margin-top:10px;font-size:.68rem;display:flex}.hx-model:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.hx-sel{align-items:center;gap:8px;min-width:0;margin-bottom:11px;display:flex}.hx-sel-l{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:.62rem}.hx-sel select{min-width:0;font-family:var(--body);color:var(--ink);background:var(--paper-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;flex:1;padding:5px 8px;font-size:.84rem;font-weight:600}.hx-rank{flex-direction:column;display:flex}.hx-rank-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:7px 0;display:flex}.hx-rank-row+.hx-rank-row{border-top:1px solid var(--line)}.hx-rank-badge{color:#fff;background:var(--ink-faint);width:20px;height:20px;font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.hx-rank-row[data-band=hi] .hx-rank-badge{background:var(--accent-deep)}.hx-rank-row[data-band=mid] .hx-rank-badge{background:var(--accent)}.hx-rank-row[data-band=lo] .hx-rank-badge{background:var(--sage)}.hx-rank-name{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.86rem;font-weight:600;overflow:hidden}.hx-rank-row[aria-selected=true] .hx-rank-name{color:var(--accent-deep)}.hx-rank-score{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem;font-weight:600}.hx-rank-score small{color:var(--ink-faint);font-size:.7rem}.hx-detail-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.hx-detail-name{font-family:var(--display);min-width:0;font-size:1rem;font-weight:700;line-height:1.25}.hx-detail-head .hx-flag{flex:none;margin-top:0}.hx-pillars{flex-direction:column;gap:7px;display:flex}.hx-pillar{grid-template-columns:62px 1fr 24px;align-items:center;gap:8px;display:grid}.hx-pillar-l{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.hx-pillar-bar{background:var(--paper-2);border-radius:4px;height:6px;overflow:hidden}.hx-pillar-bar b{background:var(--green-strong);border-radius:4px;height:100%;display:block}.hx-pillar-v{font-family:var(--mono);color:var(--ink-faint);text-align:right;font-variant-numeric:tabular-nums;font-size:.7rem}@media (width<=1024px){.hx-grid{gap:40px}}@media (width<=900px){.hx-grid{grid-template-columns:1fr;gap:36px}.hx-stage{aspect-ratio:1/.92;max-width:560px}}@media (width<=640px){.hx{padding:32px 0 56px}.hx-card{width:min(74%,320px)}.hx-legend{top:auto;bottom:12px;right:12px}}@media (width<=400px){.hx-capture{flex-wrap:wrap}.hx-capture input{flex:100%}.hx-cap-btn{flex:100%;padding:13px}}@media (width<=430px){.hx-card{width:auto;box-shadow:var(--shadow-card);margin:14px;position:static}.hx-stage{aspect-ratio:auto}.hx-map{height:240px;position:relative}.hx-point{display:none}.hx-legend{top:56px;bottom:auto;right:12px}}.pb{border-top:1px solid var(--line);padding:74px 0}.pb-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:center;gap:54px;display:grid}.pb-left{min-width:0;container-type:inline-size}.pb-h2{font-family:var(--display);letter-spacing:-.02em;margin-top:18px;font-size:clamp(1.9rem,7cqi,2.9rem);font-weight:800;line-height:1.05}.pb-lead{color:var(--ink-soft);max-width:34em;margin-top:20px;font-size:1.06rem;line-height:1.6}.pb-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-width:0;display:grid}.pb-card{border-radius:18px;flex-direction:column;min-width:0;padding:22px;display:flex}.pb-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pb-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem}.pb-tag.on{color:var(--accent-deep)}.pb-mark{border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:flex}.pb-mark.x{color:var(--red);background:#b5482e1f}.pb-mark.ok{color:var(--accent-deep);background:#ff4f0021}.pb-guess{background:var(--paper-2);border:1px dashed var(--line-strong)}.pb-quotes{flex-direction:column;flex:1;gap:12px;list-style:none;display:flex}.pb-quotes li{color:var(--ink-soft);font-size:1rem;font-style:italic}.pb-foot{font-family:var(--mono);color:var(--ink-faint);border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:.74rem}.pb-data{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card)}.pb-rows{flex-direction:column;flex:1;display:flex}.pb-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.pb-row:first-child{padding-top:0}.pb-row span{color:var(--ink-soft);font-size:.96rem}.pb-v{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:.96rem;font-weight:600}.pb-v small{color:var(--ink-faint);font-size:.78rem}.pb-spark{align-items:flex-end;gap:3px;height:22px;display:inline-flex}.pb-spark b{background:var(--green-strong);border-radius:2px 2px 0 0;width:6px}.pb-spark b:nth-child(-n+2){background:var(--green-soft)}.pb-score{justify-content:space-between;align-items:baseline;margin-top:15px;display:flex}.pb-score span{color:var(--ink);font-size:.96rem;font-weight:600}.pb-score b{font-family:var(--display);color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:800;line-height:1}.pb-score b small{color:var(--ink-faint);font-size:.9rem;font-weight:600}.pb-model{font-family:var(--mono);color:var(--ink-faint);align-items:center;gap:.5em;margin-top:10px;font-size:.68rem;display:flex}.pb-model:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}@media (width<=980px){.pb-grid{grid-template-columns:1fr;gap:36px}}@media (width<=560px){.pb-cards{grid-template-columns:1fr}}}