:root{color-scheme:dark;--gold:#d9bd82;--paper:#f4e6c7;--ink:#d9dfeb;--muted:#adb9cd;--line:#b99a6040}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 22%,#30305766,transparent 55%),radial-gradient(ellipse at 90% 20%,#25455b55,transparent 50%),#0a1121;color:var(--ink);font:15px/1.7 system-ui,sans-serif}.z-stars{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#f3dcaa88 .7px,transparent 1px),radial-gradient(circle,#d1dfff55 .6px,transparent 1px);background-size:113px 137px,197px 173px;background-position:12px 30px,61px 89px}button,a,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:12px/1.5 system-ui;color:var(--gold);background:#ffffff05;border:1px solid var(--line);border-radius:8px;padding:11px 16px;cursor:pointer}button:hover{background:#d9bd8214;border-color:#d9bd8299}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #f6d594;outline-offset:4px}a{color:var(--gold);text-underline-offset:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(38px,5vw,65px);color:var(--paper);margin:12px 0}h2{font-size:40px;margin:10px 0;color:var(--paper)}h3{font-size:23px;margin:12px 0}.z-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 30px;border-bottom:1px solid var(--line);background:#0b1223aa}.z-top>a{font-size:12px;text-decoration:none}.z-top>span{font-size:9px;letter-spacing:2.5px;color:#bba982}.z-top button span{padding-left:12px;color:#c4ccdb;font-size:10px}main{max-width:1280px;margin:auto;padding:0 30px}.z-intro{text-align:center;max-width:790px;margin:48px auto 35px}.z-eyebrow{font:10px/1.6 system-ui;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin:0}.z-invitation{font:italic 22px Georgia;color:#c4b9d7;margin:16px 0}.z-description{max-width:650px;margin:20px auto;color:var(--muted);font-size:14px}.z-boundary{font-size:11px;color:#bdc6d7;max-width:660px;margin:20px auto 0;padding:12px 18px;border-block:1px solid #d9bd8226}.z-explore{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:start}.z-wheel-side{padding-top:20px;position:sticky;top:15px}.z-wheel-wrap{width:100%;max-width:500px;aspect-ratio:1;margin:auto;padding:5px}.z-wheel{position:relative;width:100%;height:100%;border:1px solid #d9bd8250;border-radius:50%;background:repeating-conic-gradient(from -15deg,#d9bd8200 0deg 29.7deg,#d9bd822d 29.7deg 30deg);box-shadow:0 0 70px #b59bdb09,inset 0 0 0 18px #07132288,inset 0 0 0 19px #d9bd8230}.z-wheel:after{content:'';position:absolute;inset:28%;border:1px solid #d9bd8255;border-radius:50%;background:radial-gradient(circle,#2f3550,#101b2d);pointer-events:none}.z-wheel-center{position:absolute;inset:30%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.z-wheel-center>span{font:45px Georgia;color:var(--gold)}.z-wheel-center em{font:italic 20px/1.5 Georgia;color:#ece0c3}.z-wheel-center small{font-size:7px;letter-spacing:2px;margin-top:16px;color:#a7b3ca}.z-sign{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:19%;padding:9px 0;border-radius:50%;border-color:transparent;z-index:3;background:transparent;transition:background .2s,box-shadow .2s}.z-sign>span{display:block;font:29px/1.2 Georgia;color:#d2bf99}.z-sign small{font-size:9px;color:#b1bfd0;display:block;margin-top:5px}.z-sign[aria-pressed=true]{border-color:#d5b67888;background:#d5b67816;box-shadow:0 0 25px #d5b67814}.z-sign[aria-pressed=true]>span{color:#ffe2a4}.z-sign.collected:after{content:'✦';position:absolute;top:0;right:8px;font-size:10px;color:#edce91}.z-element-key{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:340px;margin:28px auto 0;font-size:10px;letter-spacing:.5px;color:#b5c0d3;text-align:center}.z-wheel-hint{text-align:center;font-size:11px;color:#95a6bf;margin:20px 0 10px}.z-turn{display:flex;justify-content:center;align-items:center;gap:25px}.z-turn button{font-size:19px;padding:5px 17px}.z-turn>span{font-size:10px;letter-spacing:2px;color:#d2bc92}.z-page{border:1px solid #c6a97066;background:linear-gradient(130deg,#1b283dE8,#111a2feF);border-radius:19px;padding:30px;box-shadow:0 20px 65px #00000035;overflow:hidden}.z-page-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#aebdd1}.z-element{color:#dfc697}.z-sign-title{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.z-sign-title h2{font-size:48px}.z-sign-title>span{font:66px Georgia;color:#dfc697}.z-chart{height:130px;border-block:1px solid #d9bd8226;margin-top:10px;background:radial-gradient(ellipse,#adb6df12,transparent 75%)}.z-chart svg{width:100%;height:100%}.z-chart-note{font-size:8px;letter-spacing:1px;color:#93a2bc;text-align:right;margin:5px 0 20px}.z-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;margin-bottom:20px}.z-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:11px 13px;color:#aebbd0;background:none}.z-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--paper)}[hidden]{display:none!important}#myth{font-size:14px;color:#dae0e9}.z-tradition{font-size:10px;color:#95a5bd}.z-lens{background:#e0c5900a;border:1px solid #cdb07830;border-left:2px solid #cdb078;border-radius:0 10px 10px 0;padding:19px;margin:22px 0}.z-lens h3{font-size:22px;color:#e3cfa6}.z-lens p{color:#c4cddd;font-size:13px;margin-bottom:0}.z-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.z-primary{background:#ddc18d;color:#182136;border-color:#ddc18d;font-weight:650}.z-primary:hover{background:#f4daa7;color:#182136}.z-privacy{font-size:10px;line-height:1.7;color:#9dacbf;margin:17px 0 0}.z-mirror-note{font:italic 17px/1.6 Georgia;color:#d2c6df}label{display:block;margin:18px 0 9px;font-size:13px;color:#e6d7b9}textarea{width:100%;background:#090f1d88;color:#e2e6ee;border:1px solid #b5a47b55;border-radius:9px;padding:13px;font:14px/1.65 system-ui;resize:vertical}textarea::placeholder{color:#8695af}.z-notes{margin:65px 0 30px;padding-top:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:35px}.z-notes h2{font-size:30px}.z-notes p{font-size:12px;color:#aab8cb}.z-element-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.z-element-cards article{border:1px solid var(--line);background:#ffffff03;border-radius:12px;padding:20px 15px}.z-element-cards article>span{font:28px Georgia;color:#d6bc88}.z-element-cards h3{font-size:22px;color:#e2d0ac}footer{text-align:center;padding:25px 0 40px;font:italic 17px/1.7 Georgia;color:#aab8cb}footer a{display:inline-block;font:12px system-ui;margin-top:20px}dialog{width:min(720px,92vw);max-height:85svh;overflow:auto;background:#132039;color:#d3dce9;border:1px solid #c6ac75;border-radius:18px;padding:30px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#030713d9;backdrop-filter:blur(5px)}dialog>p{font-size:13px;color:#aebed2}.z-atlas-head{display:flex;justify-content:space-between;align-items:center}#atlas-close{border:0;font-size:28px;padding:0 9px}.z-atlas-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.z-atlas-entry{border-top:1px solid var(--line);padding:19px 0}.z-atlas-entry h3{font-size:24px;color:#eed9af;margin-top:0}.z-atlas-entry p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.z-atlas-entry small{font-size:10px;color:#b4a27b}.z-atlas-entry button{padding:6px 10px;font-size:10px}.z-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#e6d1a5;color:#132039;max-width:90vw;width:max-content;border-radius:30px;padding:12px 20px;font-size:12px;box-shadow:0 6px 25px #0004;opacity:0;pointer-events:none;z-index:20}.z-status.show{opacity:1}@media(max-width:950px){.z-explore{gap:24px;grid-template-columns:.9fr 1.1fr}.z-page{padding:24px}.z-sign>span{font-size:25px}.z-sign small{font-size:8px}.z-wheel-center em{font-size:16px}.z-notes{grid-template-columns:1fr}.z-wheel-center small{letter-spacing:1px;font-size:6px}}@media(max-width:700px){main{padding:0 18px}.z-top{padding:13px 18px}.z-top>span{display:none}.z-top button{padding:9px 12px}.z-intro{margin:30px auto 20px}.z-description{font-size:13px}.z-explore{grid-template-columns:1fr;gap:25px}.z-wheel-side{position:static;padding-top:0}.z-wheel-wrap{max-width:390px}.z-wheel-center em{font-size:18px}.z-sign>span{font-size:27px}.z-sign small{font-size:8px}.z-element-key{margin-top:18px}.z-wheel-hint{margin-top:16px}.z-page{padding:23px}.z-sign-title h2{font-size:42px}.z-element-cards{grid-template-columns:1fr 1fr}.z-notes{margin-top:38px}.z-page-actions button{width:100%}dialog{padding:23px}dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:white;color:#111}.z-stars,.z-top,.z-explore,.z-intro,.z-notes,footer,.z-status{display:none}dialog[open]{position:static;max-height:none;width:100%;border:0;background:white;color:#111}dialog::backdrop{display:none}.z-atlas-entry h3,dialog h2{color:#111}.z-atlas-head button,.z-atlas-actions,.z-atlas-entry button{display:none}}

/* Expanded portraits and optional five-step reflection journeys. */
.z-archetype{padding:2px 0 17px}.z-archetype h3{font-size:28px;color:#eed8ab;margin:9px 0 15px}.z-archetype p,.z-portrait-sections p{font-size:14px;line-height:1.85;color:#c5d0df}.z-traits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 22px}.z-traits>div{background:#d9bd8209;border:1px solid var(--line);border-radius:10px;padding:15px}.z-traits strong{display:block;color:#e4d2ae;font-size:13px;line-height:1.6;margin-top:9px;font-weight:500}.z-traits p{font-size:11px;color:#a8b9ce;line-height:1.7;margin-bottom:0}.z-portrait-sections details{border-top:1px solid var(--line)}.z-portrait-sections summary{position:relative;cursor:pointer;padding:17px 22px 17px 0;font:18px/1.4 Georgia;color:#ddceaE;list-style:none}.z-portrait-sections summary::-webkit-details-marker{display:none}.z-portrait-sections summary:after{content:'+';position:absolute;right:2px;color:var(--gold)}.z-portrait-sections details[open]>summary:after{content:'−'}.z-portrait-sections details>p{margin-top:0}.z-journey-progress{font-size:11px;letter-spacing:.5px;color:#d9bd82;background:#d9bd8209;border:1px solid var(--line);padding:11px 14px;border-radius:8px;margin:18px 0 22px}.z-journey-step{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}.z-step-label{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#d9bd82}.z-step-label span{display:grid;place-items:center;border:1px solid #d9bd8255;border-radius:50%;width:28px;height:28px;letter-spacing:0}.z-journey-step label{font:19px/1.55 Georgia;color:#eee0c3;margin:15px 0}.z-followup{margin:12px 0 15px}.z-followup summary{font-size:11px;color:#c1b1d1;cursor:pointer}.z-followup p{font-size:12px;color:#b1bed1;line-height:1.8;margin:10px 0;padding:0 0 0 13px;border-left:1px solid #bba3d955}.z-answer-hint{font-size:9px;color:#92a3bb;margin-top:7px}.z-atlas-entry blockquote{margin:12px 0;border-left:2px solid #d9bd8255;padding-left:14px}.z-atlas-entry blockquote strong{font-size:12px;color:#dfcba5;font-weight:500}.z-atlas-entry blockquote p{margin-top:6px}.z-atlas-entry details summary{font-size:12px;cursor:pointer;color:var(--gold)}@media(max-width:700px){.z-traits{grid-template-columns:1fr}.z-journey-step label{font-size:18px}.z-archetype h3{font-size:26px}}

/* Simpler positive sign portraits. */
.z-gifts{margin:24px 0}.z-gifts h3{font-size:28px;color:#eed8ab;margin:8px 0 12px}.z-gifts-intro{font-size:12px;color:#aebdd0;line-height:1.8}.z-gifts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.z-gifts-grid article{padding:18px;background:linear-gradient(130deg,#d9bd8210,#d9bd8204);border:1px solid #d9bd8240;border-radius:12px}.z-gifts-grid h4{font:20px/1.3 Georgia,serif;color:#ecd6a8;margin:0 0 10px}.z-gifts-grid p{font-size:12px;line-height:1.8;color:#becbdd;margin:0}.z-reflection-title{font-size:27px;line-height:1.35;color:#ecd6a8;margin:24px 0 12px}.z-archetype-note{font-size:12px;line-height:1.8;color:#b5c3d5;border-left:2px solid #d9bd8266;padding-left:16px}.z-mirror-note{font-size:15px}@media(max-width:440px){.z-gifts-grid{grid-template-columns:1fr}}
