
#proximity-overlay{position:fixed;inset:0;z-index:21000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#proximity-overlay.is-open{display:flex}
.proximity-card{position:relative;width:min(100%,600px);max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,85,85,.28);background:linear-gradient(180deg,#111318,#0a0b0d);box-shadow:0 24px 60px rgba(0,0,0,.55);box-sizing:border-box;padding:40px 28px 32px}
.proximity-close{position:absolute!important;top:12px!important;right:12px!important;margin:0!important;font-family:'Share Tech Mono',monospace;font-size:.8rem!important;line-height:1!important;color:rgba(138,150,168,.7);background:transparent!important;border:1px solid rgba(255,255,255,.14);width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;text-align:center;cursor:pointer;z-index:5;transition:.15s}
.proximity-close:hover{color:#ff5555;border-color:rgba(255,85,85,.45)}
body.proximity-overlay-open{overflow:hidden;touch-action:none}
@keyframes proximityFlash{0%,100%{opacity:1;box-shadow:0 0 18px rgba(255,85,85,.55)}50%{opacity:.55;box-shadow:0 0 4px rgba(255,85,85,.15)}}
.proximity-flash-btn{display:inline-block;width:auto;max-width:none;text-align:center;font-family:'Share Tech Mono',monospace;font-size:clamp(.68rem,1.6vw,.85rem);letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--red);border:1px solid rgba(255,85,85,.9);padding:14px 26px;cursor:pointer;text-decoration:none;animation:proximityFlash 1.6s ease-in-out infinite;transition:transform .15s;touch-action:manipulation}
.proximity-flash-btn:hover{transform:translateY(-1px);animation-play-state:paused;opacity:1;box-shadow:0 0 18px rgba(255,85,85,.55)}
@media(max-width:700px){
  .proximity-card{padding:30px 18px 24px}
}

  #proximity-overlay{
    --bg:#0a0b0d;
    --panel:#111318;
    --white:#f2f4f7;
    --dim:#8a96a8;
    --line:rgba(255,255,255,.1);
    --red:#ff5555;
  }
  #proximity-overlay *{box-sizing:border-box}
  #proximity-overlay .px-wrap{color:var(--white);font-family:Arial,Helvetica,sans-serif}
  #proximity-overlay .px-kicker{font-family:'Courier New',monospace;font-size:.62rem;letter-spacing:4px;color:var(--dim);text-transform:uppercase;margin-bottom:14px}

  #proximity-overlay .px-progress{height:2px;background:var(--line);margin-bottom:32px;position:relative;overflow:hidden}
  #proximity-overlay .px-progress-fill{height:100%;background:var(--red);transition:width .3s ease}

  #proximity-overlay .px-screen{display:none}
  #proximity-overlay .px-screen.active{display:block}

  #proximity-overlay h1{font-family:'Georgia',serif;font-weight:700;font-size:clamp(1.7rem,6vw,2.6rem)!important;line-height:1.1!important;letter-spacing:.3px!important;margin:0 0 16px;color:#f2f4f7!important;text-shadow:none!important}
  #proximity-overlay h1 em{font-style:normal;color:#ff5555!important;text-shadow:none!important}
  #proximity-overlay .px-sub{color:var(--dim);line-height:1.75;font-size:.9rem;margin-bottom:28px}

  #proximity-overlay .px-start-btn, #proximity-overlay .px-next-btn{display:inline-block;font-family:'Courier New',monospace;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);background:var(--red);border:none;padding:14px 28px;cursor:pointer}
  #proximity-overlay .px-start-btn:hover, #proximity-overlay .px-next-btn:hover{background:#ff7777}
  #proximity-overlay .px-next-btn[disabled]{background:var(--line);color:var(--dim);cursor:not-allowed}

  #proximity-overlay .px-q-count{font-family:'Courier New',monospace;font-size:.62rem;letter-spacing:2px;color:var(--dim);margin-bottom:10px}
  #proximity-overlay .px-q-text{font-family:'Georgia',serif;font-size:1.3rem;line-height:1.35;margin-bottom:22px}

  #proximity-overlay .px-opt{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--white);padding:14px 16px;margin-bottom:10px;font-size:.92rem;font-family:Arial,sans-serif;cursor:pointer;transition:all .15s}
  #proximity-overlay .px-opt:hover{border-color:rgba(255,255,255,.3)}
  #proximity-overlay .px-opt.selected{border-color:var(--red);background:rgba(255,85,85,.1)}

  #proximity-overlay .px-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
  #proximity-overlay .px-back-link{font-family:'Courier New',monospace;font-size:.68rem;letter-spacing:1px;color:var(--dim);cursor:pointer}

  #proximity-overlay .px-result-score{font-family:'Courier New',monospace;font-size:.68rem;letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-bottom:6px}
  #proximity-overlay .px-result-verdict{font-family:'Georgia',serif;font-size:clamp(1.8rem,7vw,2.6rem);line-height:1.1;color:var(--red);margin:0 0 18px}
  #proximity-overlay .px-result-body{color:var(--dim);line-height:1.8;font-size:.92rem;margin-bottom:24px}
  #proximity-overlay .px-result-body b{color:var(--white)}
  #proximity-overlay .px-hit-list-title{font-family:'Courier New',monospace;font-size:.6rem;letter-spacing:2px;color:var(--dim);margin-bottom:12px}
  #proximity-overlay .px-hit-item{border-top:1px solid var(--line);padding:12px 0}
  #proximity-overlay .px-hit-item:first-child{border-top:none}
  #proximity-overlay .px-hit-name{font-family:'Courier New',monospace;font-size:.72rem;letter-spacing:1px;color:var(--white);margin-bottom:4px}
  #proximity-overlay .px-hit-note{font-family:Arial,sans-serif;font-size:.82rem;color:var(--dim);line-height:1.6}
  #proximity-overlay .px-retake{font-family:'Courier New',monospace;font-size:.66rem;letter-spacing:2px;color:var(--dim);border:1px solid var(--line);padding:10px 18px;cursor:pointer;display:inline-block;margin-top:22px}
  #proximity-overlay .px-purpose{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
  #proximity-overlay .px-purpose-kicker{font-family:'Courier New',monospace;font-size:.6rem;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:10px}
  #proximity-overlay .px-purpose-body{color:var(--dim);line-height:1.8;font-size:.86rem}
  #proximity-overlay .px-share-wrap{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
  #proximity-overlay .px-share-btn{appearance:none;-webkit-appearance:none;border:1px solid #4a4338;background:#f0e9dc;color:#171410;border-radius:0;padding:13px 16px;min-height:52px;font-family:'Share Tech Mono',monospace;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:background .12s ease,border-color .12s ease,color .12s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;box-sizing:border-box}
  #proximity-overlay .px-share-btn:hover{background:#fbf7ef;border-color:#2b261f}
  #proximity-overlay .px-share-prefix{display:block;font-size:.55rem;letter-spacing:1.8px;text-transform:uppercase;color:#5f584c}
  #proximity-overlay .px-share-badges{display:block;font-size:.78rem;color:#3f392f}
  #proximity-overlay .px-share-cta{display:block;font-size:.82rem;color:#15120f}
  #proximity-overlay .px-result-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}
  #proximity-overlay .px-result-actions .px-retake{margin-top:0;display:block;width:100%;box-sizing:border-box;text-align:center}

  #proximity-overlay .px-note{margin-top:40px;font-family:'Courier New',monospace;font-size:.58rem;letter-spacing:2px;color:rgba(138,150,168,.4);text-transform:uppercase;line-height:1.8}

