:root{color-scheme:dark;--ink:#211a13;--cream:#f5e5ca;--muted:#c5b79e;--gold:#d2ae76;--line:rgba(210,174,118,.24);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);min-width:240px;min-height:100vh;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ffe0a3;outline-offset:5px}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button:disabled{opacity:.5;cursor:wait}
.atlas{position:fixed;inset:0;background:linear-gradient(90deg,rgba(26,20,13,.35),rgba(26,20,13,.2)),linear-gradient(0deg,rgba(15,12,9,.48),transparent 50%,rgba(15,12,9,.16)),url("assets/navigation-atlas.png") center/cover no-repeat;z-index:-1}.atlas:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #211a1380}.page-frame{position:fixed;inset:22px;pointer-events:none;border:1px solid rgba(243,215,167,.25)}.page-frame span{position:absolute;width:18px;height:18px;border-color:var(--gold);border-style:solid}.page-frame span:nth-child(1){top:-1px;left:-1px;border-width:2px 0 0 2px}.page-frame span:nth-child(2){top:-1px;right:-1px;border-width:2px 2px 0 0}.page-frame span:nth-child(3){bottom:-1px;left:-1px;border-width:0 0 2px 2px}.page-frame span:nth-child(4){bottom:-1px;right:-1px;border-width:0 2px 2px 0}.brand{position:absolute;top:clamp(2.5rem,7vh,6rem);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.85rem;color:#fff0d5;text-shadow:0 2px 16px #211a13;white-space:nowrap}.brand>span{font-family:Georgia,"Times New Roman",serif;font-size:2.7rem;letter-spacing:-.07em}.brand-z{color:#edc88c;letter-spacing:0}.brand img{filter:drop-shadow(0 2px 8px #211a13);width:3.3rem;height:3.3rem}.landing{display:grid;place-content:center;min-height:100vh;min-height:100svh;padding:10rem 2rem 6rem}.button-orbit{position:relative;display:grid;place-items:center;padding:3.5rem 1.2rem;transform:translateX(-25vw)}.orbit{position:absolute;pointer-events:none;border:1px solid rgba(244,220,178,.3);border-radius:50%;width:19rem;height:19rem;max-width:calc(100vw - 3rem);max-height:calc(100vw - 3rem);box-shadow:0 0 35px #211a131f}.orbit-one{transform:rotate(-25deg) scaleY(.66)}.orbit-two{transform:rotate(35deg) scaleY(.66);border-color:rgba(244,220,178,.18)}.orbit-one:after{content:"";position:absolute;top:12%;left:12%;width:5px;height:5px;border-radius:50%;background:#ffe0a3;box-shadow:0 0 16px 4px #e5b66780;animation:beacon 4s ease-in-out infinite}.check-button{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;min-height:4.35rem;width:15.6rem;max-width:calc(100vw - 4rem);padding:1rem 1.6rem;color:#f9e8c9;border:1px solid #d8b478;background:linear-gradient(140deg,#3e3022f5,#201a13f5);border-radius:5px;box-shadow:0 8px 40px #211a1370,inset 0 0 0 4px #d2ae7610;transition:transform .25s,box-shadow .25s,border-color .25s}.check-button span{font-size:.94rem;font-weight:500;letter-spacing:.18em}.check-button svg{width:25px;height:25px;color:#e5bd7a;flex-shrink:0}.check-button:hover{transform:translateY(-3px);border-color:#ffe1a3;box-shadow:0 12px 45px #211a1380,0 0 26px #d2ae7635,inset 0 0 0 4px #d2ae761a}.check-button:active{transform:translateY(0)}.no-script{max-width:18rem;text-align:center;background:var(--ink);padding:1rem;line-height:1.5}
dialog{width:min(44rem,calc(100% - 2rem));max-width:none;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:0;border:1px solid #96764a;border-radius:14px;background:linear-gradient(140deg,#30271e,#1e1a15 70%);color:var(--cream);box-shadow:0 28px 100px #0008;overflow:auto;overscroll-behavior:contain}dialog[open]{animation:reveal .35s cubic-bezier(.2,.7,.2,1)}dialog::backdrop{background:#15110ccc;backdrop-filter:blur(8px);animation:fade .35s ease}body:has(dialog[open]){overflow:hidden}.dialog-shell{padding:2rem}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-header>div{min-width:0}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:500;color:var(--gold);margin:0 0 .7rem;line-height:1.5}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.2;margin:0;letter-spacing:-.035em}.intro{font-size:1rem;color:var(--muted);line-height:1.6;margin:.9rem 0 1.7rem}.icon-button{flex-shrink:0;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:50%;background:#d2ae7608;color:var(--gold);transition:background .2s}.icon-button:hover{background:#d2ae7620}.icon-button svg{width:19px;height:19px}.loading{text-align:center;padding:1.5rem 0 2.5rem}.loading p{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;margin:1.4rem 0 .65rem}.loading>span{font-size:.875rem;color:var(--muted)}.scan-compass{width:88px;height:88px;margin:auto;border:1px solid var(--line);border-radius:50%;position:relative}.scan-compass:before,.scan-compass:after{content:"";position:absolute;background:var(--line)}.scan-compass:before{width:1px;top:8px;bottom:8px;left:50%}.scan-compass:after{height:1px;left:8px;right:8px;top:50%}.scan-compass span{position:absolute;inset:9px;border:1px dashed #cfa66b60;border-radius:50%;animation:spin 12s linear infinite}.scan-compass i{position:absolute;inset:16px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#d2ae7650 100deg,transparent 105deg);animation:spin 2.5s linear infinite}.address-card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,#d2ae760d,transparent);padding:1.25rem 1.3rem .75rem;position:relative}.address-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.address-top .eyebrow{margin:0}.badge{padding:.22rem .5rem;color:var(--gold);font-size:.75rem;border:1px solid var(--line);border-radius:4px}.address-line{display:flex;align-items:center;gap:1rem;margin:.7rem 0 0}.address-line p{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(1.25rem,5vw,2rem);letter-spacing:-.055em;line-height:1.5;margin:0;overflow-wrap:anywhere;min-width:0;flex:1}.copy-status{font-size:.75rem;min-height:1.2em;margin:.5rem 0 0;color:var(--gold)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.75rem;margin:1.3rem 0 0}.details-grid>div{border-bottom:1px solid var(--line);padding:1rem 0;min-width:0}dt{font-size:.875rem;color:var(--muted);line-height:1.5}dd{margin:.35rem 0 0;font-size:1rem;color:var(--cream);line-height:1.5;overflow-wrap:anywhere}.protocols{margin:1.5rem 0 0}.protocols .eyebrow{margin:0}.protocols dl{margin:.75rem 0}.protocols dl>div{display:flex;gap:1rem;margin:.5rem 0;align-items:baseline}.protocols dt{flex:0 0 2.8rem}.protocols dd{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.875rem;min-width:0;margin:0}.protocols>p{font-size:.75rem;line-height:1.65;color:var(--muted);margin:0}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0 0;color:var(--muted);font-size:.75rem}.text-button{font-size:.875rem;color:var(--gold);border:0;background:transparent;padding:.75rem .25rem;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.privacy-note{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:.9rem;color:var(--muted);font-size:.75rem;line-height:1.75}.privacy-note p{margin:.4rem 0}.privacy-note a{color:var(--gold);text-underline-offset:3px}.notice{color:var(--gold);font-size:.875rem;line-height:1.6}.error-state{padding:1rem 0 1.5rem;line-height:1.65;color:var(--muted)}.error-heading{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;color:var(--cream)}.secondary-button{border:1px solid var(--gold);border-radius:5px;background:#d2ae7610;color:var(--cream);padding:.8rem 1.3rem;margin-top:.5rem}
@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes beacon{50%{opacity:.4;box-shadow:0 0 8px 2px #e5b66750}}
@media(max-width:560px){.page-frame{inset:12px}.brand{top:2.5rem}.brand>span{font-size:2.25rem}.atlas{background-position:58% center}.button-orbit{transform:none}.dialog-shell{padding:1.35rem}.details-grid{grid-template-columns:1fr;gap:0}.address-card{padding:1rem}.address-line{gap:.5rem}.intro{margin-bottom:1.2rem}.privacy-note{margin-top:1rem}.result-footer{gap:.5rem;flex-wrap:wrap}}
@media(max-height:480px){.brand{top:1.75rem}.brand img{width:2.5rem;height:2.5rem}.brand>span{font-size:2rem}.landing{padding-top:7rem;padding-bottom:2rem}.button-orbit{padding:1.5rem}.orbit{height:12rem;width:15rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the illustration above the body's background, below the interface. */
body{isolation:isolate;min-width:0}
.dialog-header{position:sticky;top:0;z-index:1;background:#2b231b;padding-bottom:.75rem}
.orbit{max-width:calc(100vw - 6rem);max-height:calc(100vw - 6rem)}
h1{overflow-wrap:anywhere}
.address-top{overflow-wrap:anywhere}
.button-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;z-index:1}
.pergament-dialog{border:2px solid #b89255;background:linear-gradient(150deg,#2a2016 0%,#1f1811 40%,#261e15 75%,#18120c 100%);box-shadow:0 30px 100px rgba(0,0,0,.85),inset 0 0 60px rgba(12,9,5,.6),inset 0 0 0 1px rgba(210,174,118,.35);scrollbar-width:thin;scrollbar-color:#b89255 #211a13}
.pergament-dialog::-webkit-scrollbar{width:8px}
.pergament-dialog::-webkit-scrollbar-track{background:#1f1811;border-radius:4px}
.pergament-dialog::-webkit-scrollbar-thumb{background:#a8834c;border-radius:4px;border:1px solid #d2ae76}
.pergament-header{position:sticky;top:0;z-index:2;background:#261e15;padding-bottom:.75rem;border-bottom:1px solid rgba(210,174,118,.2)}
.pergament-summary{background:linear-gradient(120deg,rgba(210,174,118,.12),rgba(33,26,19,.4));border:1px solid rgba(210,174,118,.35)}
.pergament-section{margin-top:1.6rem;border-top:1px dashed rgba(210,174,118,.3);padding-top:1.1rem}
.pergament-heading{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:400;color:var(--gold);margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}
.pergament-heading span{font-size:.75rem;color:#eed4a2}
.details-grid>div.full-width{grid-column:1/-1}
@media(max-width:560px){.pergament-section{margin-top:1.2rem;padding-top:.85rem}.pergament-heading{font-size:1.05rem}}
@media(max-height:480px){.button-stack{gap:.5rem}.check-button{min-height:3.5rem;padding:.6rem 1.2rem}}
@media(max-width:280px){.brand{gap:.5rem}.brand img{width:2rem;height:2rem}.brand>span{font-size:1.75rem}.landing{padding-left:.75rem;padding-right:.75rem}.button-orbit{padding-left:0;padding-right:0}.check-button{max-width:calc(100vw - 2.5rem);padding:.75rem;gap:.5rem}.check-button span{font-size:.85rem;letter-spacing:.08em}.check-button svg{display:none}dialog{width:calc(100% - 1rem)}.dialog-shell{padding:.75rem}.dialog-header{gap:.5rem}.address-card{padding:.65rem}.address-top{flex-wrap:wrap}.address-line{align-items:flex-start}.address-line .icon-button{width:2rem;height:2rem}.address-line p{font-size:1rem}.protocols dl>div{flex-direction:column;gap:0}.protocols dt{flex-basis:auto}.eyebrow{letter-spacing:.1em}}
.check-button[aria-disabled="true"]{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;border-color:var(--line)!important;filter:grayscale(.3)}
.text-button[aria-disabled="true"],.secondary-button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;text-decoration:none}

