:root{color-scheme:dark;--night:#061e20;--text:#eeeee0;--muted:#a8bfb7;--gold:#e9d79e;--line:rgba(215,232,212,.16);font-family:'Cairo',sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 37%,#123e3c 0, #092a2c 35%,var(--night) 69%);color:var(--text)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:2px solid var(--gold);outline-offset:6px}[hidden]{display:none!important}.sky{position:absolute;inset:0;min-height:100vh;pointer-events:none;overflow:hidden;background-image:radial-gradient(1px 1px at 8% 24%,#e5d9ad 99%,transparent),radial-gradient(1px 1px at 19% 59%,#9cbbb0 99%,transparent),radial-gradient(1px 1px at 84% 18%,#d9cca7 99%,transparent),radial-gradient(1px 1px at 73% 78%,#c2d6bc 99%,transparent),radial-gradient(1px 1px at 48% 11%,#a8c6c0 99%,transparent),radial-gradient(1px 1px at 90% 65%,#e5d9ad 99%,transparent);background-size:650px 680px;opacity:.65}.site-header{position:relative;max-width:1320px;margin:auto;padding:25px 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;line-height:1.1}.brand small{display:block;font-family:Georgia,serif;font-size:13px;letter-spacing:3px;padding-top:4px}.brand-mark{font-size:43px;color:var(--gold);font-weight:400}.edition{font-size:11px;letter-spacing:.5px;color:var(--muted);display:flex;gap:13px;align-items:center}.edition i{width:3px;height:3px;background:var(--gold);border-radius:50%}.tools{display:flex;gap:8px}.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;height:39px;width:39px;color:var(--muted);display:grid;place-items:center}.icon-button:hover{border-color:var(--gold);color:var(--gold)}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.help{font-size:19px}.sound-waves{display:none}#sound[aria-pressed=true] .sound-waves{display:block}#sound[aria-pressed=true] .sound-off{display:none}#motion[aria-pressed=true]{color:var(--gold);background:#23413f}.experience{position:relative;text-align:center;padding:42px 20px 0;max-width:1100px;margin:auto}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--gold);font-size:11px;font-weight:500;letter-spacing:.5px;margin:0 0 15px}.eyebrow>span{width:22px;height:1px;background:#b9a46d}h1{font-family:'Noto Naskh Arabic',serif;font-weight:400;font-size:clamp(36px,4.3vw,55px);line-height:1.32;margin:0}h1 em{font-style:normal;color:var(--gold)}.intro-copy{font-size:12px;color:var(--muted);line-height:1.9;margin:13px 0 0}.mobile-break{display:none}.ritual{position:relative}.orb-scene{position:relative;width:min(440px,100%);height:298px;display:grid;place-items:center;margin:4px auto 0;isolation:isolate}.orb-scene:before{content:'';position:absolute;width:340px;height:230px;border-radius:50%;background:#60c5a326;filter:blur(45px)}.orb{position:relative;margin-top:-9px;isolation:isolate;border:1px solid #c3f8dc94;border-radius:50%;width:218px;height:218px;overflow:hidden;touch-action:manipulation;background:radial-gradient(circle at 30% 23%,#cbf2d95c 0,transparent 30%),radial-gradient(circle at 53% 75%,#c4eebd6e 0,#3b9c8240 25%,#134a49 58%,#08272c 95%);box-shadow:inset -13px -17px 30px #010c18aa,inset 7px 7px 18px #d7fbe939,0 0 45px #73d6b125,0 23px 40px #0006;transition:transform .7s,box-shadow .7s;animation:float 7s ease-in-out infinite}.orb:hover{box-shadow:inset -13px -17px 30px #010c18aa,inset 7px 7px 18px #d7fbe960,0 0 65px #91eadb60,0 23px 40px #0006}.orb-cloud{position:absolute;inset:-35%;border-radius:40%;filter:blur(17px);opacity:.65;background:conic-gradient(from 60deg,transparent 10%,#95e2c070 25%,transparent 40%,#a7cae07d 65%,transparent 85%);animation:swirl 18s linear infinite}.cloud-two{inset:-5%;animation-direction:reverse;animation-duration:25s;filter:blur(12px);background:conic-gradient(transparent,#acdab87d,transparent,#538090,transparent)}.orb-core{position:absolute;inset:34% 23% 18%;background:radial-gradient(ellipse,#f6f5bf 0,#ccf6d3a1 15%,#73dcb54f 40%,transparent 65%);filter:blur(11px);animation:breathe 5s ease-in-out infinite}.orb-gloss{position:absolute;inset:7% 16% 44% 10%;border-radius:50%;background:linear-gradient(145deg,#efffea8c,transparent 50%);transform:rotate(-28deg);filter:blur(2px)}.orb-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 28% 55%,#f7ffd8 90%,transparent),radial-gradient(2px 2px at 65% 69%,#f7ffd8 90%,transparent),radial-gradient(1px 1px at 75% 28%,#f7ffd8 90%,transparent),radial-gradient(1px 1px at 45% 37%,#f7ffd8 90%,transparent),radial-gradient(2px 2px at 39% 80%,#f7ffd8 90%,transparent);animation:swirl 45s linear infinite}.orb-emblem{position:absolute;inset:0;display:grid;place-items:center;color:#edffe7a6;font-size:49px;text-shadow:0 0 17px #ebffca;font-family:Georgia,serif}.orb-pedestal{position:absolute;bottom:16px;width:158px;height:22px;border-radius:50%;border-top:1px solid #bcab7180;background:radial-gradient(ellipse,#abbd9340,transparent 67%);box-shadow:0 10px 24px #0007}.orb-pedestal span{position:absolute;left:26px;right:26px;top:6px;bottom:6px;border:1px solid #cbb77b70;border-radius:50%}.orbit{position:absolute;border:1px solid #a6c7af20;border-radius:50%;width:300px;height:270px;transform:rotate(-25deg);z-index:-1}.orbit-two{width:355px;height:180px;transform:rotate(25deg)}.orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);top:25px;right:42px;box-shadow:0 0 9px #dfd098}.orbit-two i{top:auto;bottom:11px;right:74px}.sky-glyph{position:absolute;color:#dbce9b;font-size:25px}.glyph-one{top:35px;right:42px}.glyph-two{bottom:61px;left:46px;font-size:15px}.orb-note{position:absolute;color:#a9bcac;font-size:9px;writing-mode:vertical-rl;letter-spacing:2px}.note-one{right:4px;top:108px}.note-two{left:4px;top:95px}.ritual-controls{max-width:400px;margin:0 auto}.intent-picker{border:0;padding:0;margin:0 0 21px}.intent-picker legend{font-size:12px;color:#dbe2d4;margin:0 auto 14px;padding:0}.step-number{font-size:10px;color:var(--gold);margin-left:9px}.intent-options{display:flex;justify-content:center;gap:8px}.intent{position:relative;flex:1;min-width:0;cursor:pointer}.intent input{position:absolute;width:1px;height:1px;opacity:0}.intent span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px;transition:background .25s,border-color .25s}.intent b{font-weight:400;font-size:19px;color:var(--gold)}.intent input:checked+span{border-color:#ddcf9075;background:#d7c48512;color:#f3e8be}.intent input:disabled+span{opacity:.5}.primary-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:35px;border:1px solid #e0d293;background:linear-gradient(110deg,#d5c78d,#eee1b3);border-radius:9px;color:#132c28;font-size:13px;font-weight:700;padding:11px 24px;box-shadow:0 4px 20px #d4c7850c;transition:filter .2s,transform .2s}.ritual-controls>.primary-button{width:100%}.primary-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.primary-button:disabled{opacity:.7;transform:none}.orb-hint{color:var(--muted);font-size:10px;margin:13px 0 0}.closing{display:flex;justify-content:center;align-items:center;gap:20px;color:#819f96;margin:28px auto 23px;font-size:11px}.closing>span{color:#c6b87c;font-size:17px}footer{max-width:1228px;margin:0 auto;padding:18px 20px;border-top:1px solid var(--line);font-size:10px;color:#93ada4;display:flex;justify-content:space-between;gap:12px}.preview-label{color:#c4b686}.reading-wait{min-height:170px;padding:15px 0 0}.reading-wait p{font-size:13px;color:var(--gold)}.reading-wait .wait-detail{color:var(--muted);font-size:10px;margin-top:18px}.progress-track{width:170px;height:2px;margin:22px auto 0;background:#bed7c222;overflow:hidden}.progress-track span{display:block;height:100%;width:100%;background:var(--gold);transform-origin:right;animation:progress 3.6s linear forwards}[data-state=reading] .orb-cloud{animation-duration:3s}[data-state=reading] .orb{box-shadow:inset 0 0 28px #c2f0d450,0 0 80px #7cddbc70;animation:float 2s ease-in-out infinite}[data-state=reading] .orb-core{animation-duration:1s}[data-state=reading] .orb-emblem{animation:swirl 8s linear infinite}.result{position:relative;max-width:520px;margin:8px auto 0;padding:28px 34px 20px;border:1px solid #c1b7804f;background:linear-gradient(150deg,#163f3d,#0b282c);border-radius:18px;box-shadow:0 20px 70px #0003;animation:arrive .8s ease both}.result:before{content:'';position:absolute;inset:8px;border:1px solid #c9b5741c;border-radius:12px;pointer-events:none}.result-topline{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.result-seal{width:62px;height:62px;border:1px solid #d4c17c73;border-radius:50%;margin:23px auto 17px;color:var(--gold);font-family:Georgia,serif;font-size:34px;display:grid;place-items:center;background:#dfcd9420;box-shadow:0 0 32px #c9d29810}.result-eyebrow{font-size:10px;margin-bottom:10px}.result h2{font-family:'Noto Naskh Arabic',serif;font-size:37px;font-weight:400;color:#f3e3ac;margin:0 0 13px;line-height:1.4}.result h2:focus{outline:none}.result-lead{font-size:15px;line-height:1.9;margin:0 0 12px;color:#e7efdf}.result-body{font-size:12px;line-height:2.15;color:#b8cfc3;margin:0}.small-step{display:flex;gap:12px;text-align:right;margin:24px 0 19px;padding:15px 0;border-block:1px solid var(--line)}.small-step>span{color:var(--gold);padding-top:3px}.small-step h3{color:var(--gold);font-size:11px;font-weight:600;margin:0 0 6px}.small-step p{font-size:12px;color:#d5e1d2;margin:0;line-height:1.9}.result-signature{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9bb5a8}.result-signature>span:last-child{font-size:22px;color:var(--gold)}.result-actions{display:flex;gap:9px;margin-top:22px}.result-actions .primary-button{flex:1;font-size:12px;gap:10px}.secondary-button{border:1px solid #b3c0a740;border-radius:9px;background:transparent;color:#dce3cf;min-height:48px;font-size:12px;padding:10px 15px}.secondary-button:hover{background:#ffffff08}.reset-button{border:0;background:transparent;color:var(--gold);font-size:11px;padding:16px;min-height:44px;margin-top:4px}.notice{font-size:11px;color:var(--gold);margin:0;min-height:16px}#copy-fallback{text-align:right;font-size:11px}textarea{width:100%;margin-top:8px;background:#061e20;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}[data-state=result] .intro{display:none}[data-state=result] .orb-scene{height:115px;margin-top:-8px}[data-state=result] .orb{width:88px;height:88px;pointer-events:none}[data-state=result] .orb-emblem{font-size:25px}[data-state=result] .orb-pedestal,[data-state=result] .orbit,[data-state=result] .orb-note,[data-state=result] .sky-glyph{display:none}[data-state=result] .orb-scene:before{width:180px;height:100px}dialog{max-width:440px;width:calc(100% - 36px);background:#123433;color:var(--text);border:1px solid #c5b88566;border-radius:16px;padding:28px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#001716bb;backdrop-filter:blur(7px)}dialog h2{font-family:'Noto Naskh Arabic',serif;font-size:27px;color:var(--gold);font-weight:400;margin-top:0}dialog p{font-size:13px;line-height:2;color:#c5d8ca}dialog button{width:100%;margin-top:20px}.no-script{text-align:center;color:var(--gold)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes swirl{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.5;transform:scale(.85)}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
body.still *,body.still *:before,body.still *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1000px) and (min-height:850px){.experience{padding-top:55px}.orb-scene{height:330px;margin-top:12px}.orb{width:240px;height:240px}.closing{margin-top:35px}}
@media(max-width:600px){.site-header{padding:19px 22px}.brand{font-size:21px}.brand-mark{font-size:35px}.edition{display:none}.icon-button{width:36px;height:36px}.tools{gap:7px}.experience{padding:29px 20px 0}.eyebrow{font-size:10px;margin-bottom:12px}h1{font-size:39px}.intro-copy{font-size:11px;margin-top:11px}.mobile-break{display:block}.orb-scene{height:269px;margin-top:4px}.orb{width:202px;height:202px}.orbit{width:268px;height:242px}.orbit-two{width:300px;height:155px}.glyph-one{right:26px;top:33px}.glyph-two{left:30px;bottom:48px}.orb-note{font-size:8px;letter-spacing:1px}.note-one{right:0}.note-two{left:0}.orb-pedestal{bottom:9px}.intent-picker{margin-bottom:17px}.intent-options{gap:7px}.intent span{font-size:10px;gap:5px}.orb-hint{font-size:9px}.closing{margin:19px auto 15px;font-size:10px}footer{font-size:9px;padding:16px 20px}.result{padding:24px 23px 17px}.result h2{font-size:33px}.result-topline{font-size:9px}.result-lead{font-size:14px}.result-body{font-size:12px}.result-actions{gap:7px}.result-actions .primary-button,.secondary-button{font-size:11px;padding-inline:12px}}
@media(max-width:350px){.experience{padding-inline:14px}.orb-note{display:none}.orbit-two{width:280px}h1{font-size:35px}.result{padding-inline:18px}}
/* Share preview is explicit: nothing is published until the user chooses an app. */
.share-dialog { width:min(92vw,520px); max-height:90dvh; padding:22px; overflow-y:auto; box-sizing:border-box; }
.share-dialog h2 { font-size:1.5rem; margin:12px 0; clear:both; }
.share-close { float:left; }
.share-dialog #share-preview { display:block; width:min(100%,310px); height:auto; margin:16px auto; border-radius:16px; box-shadow:0 14px 46px #0007; }
.share-dialog #share-preview[hidden] { display:none; }
.share-actions { display:grid; gap:12px; }
.share-actions button { width:100%; font-size:.95rem; }
.share-actions [hidden] { display:none; }