:root{--ink:#26352f;--deep:#21433a;--green:#35675a;--sage:#849c8e;--cream:#f5f0e7;--paper:#fffdf8;--line:#d9d3c5;--gold:#bd8b45;--rust:#a9563d;--muted:#6e7770;--shadow:0 24px 70px #2f3d331c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #a9563d59}.app-shell{background:radial-gradient(circle at 50% 9%,#ffffffe6,#0000 31%),linear-gradient(90deg,#2f524305 1px,#0000 1px) 0 0/28px 28px;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f7f3ebd1;border-bottom:1px solid #50514224;align-items:center;height:78px;padding:0 max(28px,50vw - 580px);display:flex;position:relative}.brand{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{border:1px solid var(--deep);width:39px;height:39px;color:var(--deep);place-items:center;font-size:20px;display:grid;position:relative}.brand-mark:after{content:"";border:1px solid #21433a47;position:absolute;inset:3px}.brand b{letter-spacing:.12em;font-size:19px;display:block}.brand small{letter-spacing:.18em;color:#788079;font-family:Arial,sans-serif;font-size:8px}.desktop-nav{gap:36px;margin:auto;display:flex}.desktop-nav button{color:#657069;cursor:pointer;background:0 0;border:0;padding:28px 2px 24px;font-size:14px;position:relative}.desktop-nav button:after{content:"";background:var(--rust);height:2px;transition:all .2s;position:absolute;bottom:0;left:50%;right:50%}.desktop-nav button.active{color:var(--ink);font-weight:700}.desktop-nav button.active:after{left:0;right:0}.date-chip{color:#6d756e;align-items:center;gap:8px;font-size:13px;display:flex}.home-view{max-width:1060px;margin:0 auto;padding:66px 24px 84px}.hero{text-align:center;position:relative}.sun-disc{color:#fff4dd;background:linear-gradient(145deg,#d6b87f,#b77a3e);border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 24px;font-size:27px;display:grid;position:relative;box-shadow:0 12px 35px #a8743733}.sun-disc:before,.sun-disc:after{content:"";border:1px solid #b4894b45;border-radius:50%;position:absolute;inset:-10px}.sun-disc:after{border-style:dotted;inset:-17px}.eyebrow{color:#866d4d;letter-spacing:.22em;justify-content:center;align-items:center;gap:12px;margin:0 0 13px;font-size:12px;display:flex}.eyebrow i{background:#bca47e;width:27px;height:1px}.hero h1,.result-heading h1,.library-head h1{letter-spacing:.06em;margin:0;font-size:48px;font-weight:500;line-height:1.27}.hero h1 em{color:var(--rust);font-style:normal}.hero-copy{color:#6b746e;margin:18px 0 35px;font-size:15px;line-height:2}.ritual-card{box-shadow:var(--shadow);background:#fffdf8e6;border:1px solid #ded8cc;border-radius:4px;padding:34px 42px 27px;position:relative}.ritual-card:before,.ritual-card:after{content:"";width:20px;height:20px;position:absolute}.ritual-card:before{border-top:1px solid #bead91;border-left:1px solid #bead91;top:10px;left:10px}.ritual-card:after{border-bottom:1px solid #bead91;border-right:1px solid #bead91;bottom:10px;right:10px}.step-heading{align-items:center;gap:15px;margin-bottom:24px;display:flex}.step-heading>span{color:var(--rust);border-right:1px solid #d8d1c4;padding-right:15px;font-family:Georgia,serif;font-size:22px}.step-heading h2{letter-spacing:.08em;margin:0 0 4px;font-size:19px}.step-heading p{color:#858b85;margin:0;font-size:12px}.focus-grid{grid-template-columns:repeat(5,1fr);gap:11px;display:grid}.focus-card{min-height:121px;color:var(--ink);cursor:pointer;background:#faf8f2;border:1px solid #ddd8cd;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.focus-card:hover{border-color:#9da99f;transform:translateY(-2px)}.focus-card.selected{border:1.5px solid var(--green);background:#f1f5ef;box-shadow:inset 0 0 0 3px #fff}.focus-icon{color:var(--green);margin-bottom:9px}.focus-card b{letter-spacing:.1em;font-size:15px}.focus-card small{color:#8a8f89;margin-top:5px;font-size:11px}.radio-dot{border:1px solid #bbc1ba;border-radius:50%;width:13px;height:13px;position:absolute;top:9px;right:9px}.selected .radio-dot{border:4px solid var(--green)}.draw-area{align-items:center;gap:22px;max-width:710px;margin:29px auto 12px;display:flex}.draw-area .line{background:linear-gradient(90deg,#0000,#d0c8b9);flex:1;height:1px}.draw-area .line:last-child{background:linear-gradient(90deg,#d0c8b9,#0000)}.draw-button{color:#fff;background:var(--deep);cursor:pointer;letter-spacing:.1em;border:0;border-radius:2px;justify-content:center;align-items:center;gap:9px;min-width:232px;height:50px;transition:all .2s;display:flex;box-shadow:0 8px 20px #21433a30}.draw-button:hover{background:#19382f;transform:translateY(-1px)}.draw-button:disabled{cursor:wait}.ritual-note{text-align:center;color:#949991;margin:0;font-size:11px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}.reassurance{justify-content:center;align-items:center;gap:14px;margin:28px auto 0;display:flex}.reassurance>div{color:#a17650;border:1px solid #bcaa8d;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.reassurance p{flex-direction:column;margin:0;font-size:12px;line-height:1.8;display:flex}.reassurance p span{color:#8d938d}.error-banner{color:#78452e;text-align:center;background:#fff2e9;border-bottom:1px solid #e4c7b7;padding:10px 20px;font-size:13px}.error-banner button{cursor:pointer;color:inherit;background:0 0;border:0;margin-left:12px;text-decoration:underline}.toast{z-index:80;color:#fff;background:#23453c;border-radius:3px;align-items:center;gap:8px;padding:11px 17px;font-size:13px;animation:.25s ease-out drop;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.result-view{max-width:850px;margin:auto;padding:35px 24px 90px}.back-link{color:#69736c;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex}.result-heading{text-align:center;margin:26px 0 25px}.result-heading h1{font-size:30px}.reading-card{background:var(--paper);text-align:center;border:1px solid #cfc7b8;max-width:710px;margin:auto;padding:24px 50px 28px;position:relative;box-shadow:0 30px 80px #2d372f21}.reading-card:before{content:"";pointer-events:none;border:1px solid #e7e1d5;position:absolute;inset:8px}.card-topline,.card-footer{color:#8f8779;letter-spacing:.13em;z-index:1;justify-content:space-between;font-family:Arial,sans-serif;font-size:8px;display:flex;position:relative}.archetype-art{width:105px;height:105px;color:var(--green);background:#eef2ec;border-radius:50%;place-items:center;margin:27px auto 16px;font-size:38px;display:grid;position:relative}.orbit{border:1px solid #aab9ae;border-radius:50%;position:absolute;inset:9px}.orbit.one:before,.orbit.one:after{content:"";background:#b98a4b;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:3px}.orbit.one:after{inset:auto 6px 6px auto}.orbit.two{border-style:dashed;inset:20px;transform:rotate(20deg)}.archetype-label{color:#9a8260;letter-spacing:.3em;margin:0 0 5px;font-size:10px}.reading-card h2{letter-spacing:.28em;margin:0 0 9px;padding-left:.28em;font-size:35px;font-weight:500}.reading-card h3{color:var(--rust);letter-spacing:.12em;margin:0 0 26px;font-size:15px;font-weight:500}.tone{color:#878d87;margin:0 0 5px;font-size:12px}.interpretation{letter-spacing:.04em;max-width:520px;margin:auto;font-size:16px;line-height:2.05}.divider{color:#b6905d;align-items:center;gap:12px;margin:24px 0;font-size:9px;display:flex}.divider i{background:#e1dbcf;flex:1;height:1px}.guidance-grid{text-align:left;grid-template-columns:1fr 1fr;gap:28px;display:grid}.guidance-grid section{align-items:flex-start;gap:12px;display:flex}.section-icon{background:var(--deep);color:#fff;flex:0 0 30px;place-items:center;height:30px;font-size:12px;display:grid}.section-icon.muted{background:#9c765a}.guidance-grid small{color:#91836e;letter-spacing:.14em}.guidance-grid p{margin:4px 0 0;font-size:13px;line-height:1.75}.question-box{background:#f3efe6;margin:25px 0 23px;padding:16px 20px;position:relative}.question-box span{color:#88795e;letter-spacing:.18em;font-size:10px}.question-box p{color:var(--deep);margin:8px 0 0;font-size:15px}.result-actions{justify-content:center;gap:10px;margin:25px auto;display:flex}.result-actions button,.empty-state button{height:44px;color:var(--deep);cursor:pointer;background:#fffdf8;border:1px solid #bfc5bd;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:flex}.result-actions svg{width:17px}.result-actions button:nth-child(2),.empty-state button{background:var(--deep);color:#fff;border-color:var(--deep)}.result-actions button.saved{color:#a55b41;border-color:#caad9c}.result-actions .icon-action{width:44px;padding:0}.come-back{text-align:center;color:#959a94;font-size:11px}.library-view{max-width:880px;min-height:70vh;margin:auto;padding:65px 24px 100px}.library-head{text-align:center}.library-head .eyebrow{margin-bottom:10px;display:block}.library-head h1{font-size:38px}.library-head>p:last-child{color:#7c847e;margin:13px 0 35px;font-size:14px}.empty-state{text-align:center;background:#fffdf8bf;border:1px solid #ddd6c9;max-width:570px;margin:55px auto;padding:55px 30px}.empty-state>div{width:58px;height:58px;color:var(--green);background:#edf1eb;border-radius:50%;place-items:center;margin:auto;display:grid}.empty-state h2{margin:20px 0 8px;font-size:20px}.empty-state p{color:#7b837d;font-size:13px;line-height:1.7}.empty-state button{margin:25px auto 0}.reading-list{flex-direction:column;gap:12px;display:flex}.history-card{background:#fffdf8;border:1px solid #ddd7ca;align-items:center;display:flex;position:relative}.history-open{text-align:left;cursor:pointer;width:100%;min-width:0;color:inherit;background:0 0;border:0;align-items:center;gap:20px;padding:21px 58px 21px 22px;display:flex}.history-open:hover b{color:var(--rust)}.mini-symbol{width:56px;height:56px;color:var(--green);background:#edf2ec;border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.history-copy{min-width:0}.history-copy small{color:#928772;margin-bottom:6px;font-size:10px;display:block}.history-copy b{letter-spacing:.05em;font-size:16px;transition:all .2s}.history-copy p{white-space:nowrap;text-overflow:ellipsis;color:#7c837d;margin:7px 0 0;font-size:12px;overflow:hidden}.tiny-save{color:#9ca29c;cursor:pointer;background:0 0;border:0;position:absolute;right:20px}.tiny-save.on{color:#ae704d}.clear-history{color:#8a8f8a;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:25px auto;font-size:11px;display:flex}.draw-overlay{z-index:100;background:#f4efe5f5;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.draw-stage{text-align:center}.draw-stage h2{letter-spacing:.16em;margin:28px 0 8px;font-size:25px;font-weight:500}.draw-stage p{color:#7e8780;font-size:13px}.floating-card{background:var(--deep);border:1px solid #a8bdb4;place-items:center;width:130px;height:184px;margin:auto;animation:1.5s ease-in-out infinite float;display:grid;position:relative;box-shadow:0 25px 60px #21433a40}.floating-card:before{content:"";border:1px solid #ffffff52;position:absolute;inset:8px}.floating-card span{color:#d5b274;font-size:31px}.draw-rays{background:repeating-conic-gradient(from 0deg,#b78b4a21 0 1deg,transparent 1deg 17deg);border-radius:50%;width:280px;height:280px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}footer{text-align:center;color:#788079;border-top:1px solid #57584b1f;padding:34px 20px 95px}footer>span{color:#ad8048}footer p{margin:7px;font-size:13px}footer small{font-size:10px}.mobile-nav{display:none}.loading-screen{text-align:center;background:var(--cream);color:#777f79;place-content:center;height:100vh;display:grid}.orb{margin:auto}.small-orb{background:var(--deep);color:#d6b57e;border-radius:50%;place-items:center;width:48px;height:48px;animation:1.4s infinite pulse;display:grid}.loading-screen p{letter-spacing:.1em;font-size:12px}.clear-history:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes float{50%{transform:translateY(-8px)rotate(.5deg)}}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 0 12px #21433a14}}@media (max-width:700px){.topbar{height:64px;padding:0 18px}.brand-mark{width:34px;height:34px}.brand b{font-size:16px}.brand small{font-size:7px}.desktop-nav{display:none}.date-chip{margin-left:auto;font-size:11px}.home-view{padding:38px 16px 65px}.sun-disc{width:66px;height:66px;margin-bottom:21px;font-size:21px}.hero h1{font-size:35px}.hero-copy{font-size:13px;line-height:1.8}.desktop-only{display:none}.ritual-card{padding:25px 15px 23px}.step-heading{margin-left:4px}.step-heading h2{font-size:17px}.focus-grid{grid-template-columns:repeat(2,1fr);gap:8px}.focus-card{min-height:103px}.focus-card:last-child{grid-column:1/-1;min-height:85px}.draw-area{gap:9px;margin-top:23px}.draw-button{min-width:205px;height:48px}.reassurance{align-items:flex-start}.reassurance p{font-size:11px}.result-view{padding:20px 14px 75px}.result-heading{margin:18px 0}.result-heading h1{font-size:26px}.reading-card{padding:20px 23px 24px}.reading-card:before{inset:6px}.archetype-art{width:92px;height:92px;margin-top:23px}.reading-card h2{font-size:31px}.interpretation{font-size:14px;line-height:1.95}.guidance-grid{grid-template-columns:1fr;gap:18px}.card-footer span:first-child{text-align:left;max-width:68%}.result-actions{grid-template-columns:1fr 1fr 44px;display:grid}.result-actions button{padding:0 9px;font-size:13px}.library-view{padding:45px 14px 80px}.library-head h1{font-size:31px}.history-open{gap:13px;padding-left:14px}.mini-symbol{width:46px;height:46px}.history-copy b{font-size:14px}.mobile-nav{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:66px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf8f5;border-top:1px solid #d8d2c6;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#7e857f;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.mobile-nav svg{width:19px}.mobile-nav button.active{color:var(--deep);font-weight:700}.toast{white-space:nowrap;top:75px}footer{padding-bottom:95px}.draw-stage{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}