@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#101510;--panel:#171d17;--gold:#c7ad7c;--text:#eee9dc;--muted:#959d8e;--line:#ffffff18;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Manrope',sans-serif;background-image:radial-gradient(ellipse at 78% 16%,#63713b12,transparent 40%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{cursor:wait;opacity:.6}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.header{height:100px;max-width:1376px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:33px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.brand-mark{color:var(--gold);display:inline-block;margin-right:8px;font:38px Georgia;vertical-align:middle}.brand-dot{color:var(--gold)}nav{display:flex;gap:35px;align-items:center}nav a,nav button{font-size:12px;background:none;border:0;padding:8px 0;color:#a5ad9f}nav .nav-active{color:var(--text)}nav button span{margin-left:6px;color:var(--gold)}#history-count{font-size:10px;border:1px solid var(--line);padding:2px 5px;border-radius:50%}.header-note{font-size:10px;color:var(--muted);letter-spacing:.4px}.header-note i{display:inline-block;width:5px;height:5px;background:#b6c78d;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #c0ce9660}main{max-width:1280px;margin:auto;padding:0 48px}.hero{min-height:555px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px}.hero-copy{padding:40px 0}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:600;color:var(--gold)}.eyebrow span{font-size:14px;margin-right:9px}h1{font:500 clamp(44px,4.8vw,69px)/1.05 var(--serif);letter-spacing:-2px;margin:26px 0 23px}h1 em{font-weight:400;color:var(--gold)}.hero-copy>p{color:var(--muted);font-size:12px;line-height:1.9}.primary{background:var(--gold);color:#1c241b;border:1px solid var(--gold);padding:17px 23px;display:inline-flex;justify-content:space-between;align-items:center;gap:34px;font-size:11px;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:#dec391;transform:translateY(-2px)}.hero .primary{margin-top:22px}.primary span{font-size:17px;line-height:1}.hero-foot{display:flex;align-items:center;gap:9px;margin-top:30px;color:#828b7c;font-size:9px}.tiny-sun{color:var(--gold);font-size:21px}.hero-art{height:475px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #b99e5f20;border-radius:50%;width:390px;height:390px}.orbit-two{width:450px;height:450px;border-style:dashed;opacity:.6}.orbit-one:after{content:'';position:absolute;inset:22px;border:1px solid #b99e5f12;border-radius:50%}.orbit-star{position:absolute;color:var(--gold);font-size:28px}.s1{top:42px;left:64px}.s2{right:5px;top:210px;font-size:20px}.s3{left:12px;bottom:88px}.art-coordinate,.art-caption{position:absolute;font-size:8px;letter-spacing:4px;color:#8b927d}.art-coordinate{top:20px}.art-caption{bottom:14px}.hero-cards{position:relative;width:400px;height:300px;perspective:1000px}.hero-card{width:172px;position:absolute;top:18px;filter:drop-shadow(0 15px 20px #0008);transition:transform .6s}.hero-card:nth-child(1){left:0;transform:rotate(-17deg) translateY(22px)}.hero-card:nth-child(2){left:114px;top:0;z-index:2;transform:rotate(-2deg)}.hero-card:nth-child(3){right:0;transform:rotate(16deg) translateY(24px)}.hero-art:hover .hero-card:nth-child(1){transform:rotate(-23deg) translate(-10px,15px)}.hero-art:hover .hero-card:nth-child(3){transform:rotate(22deg) translate(10px,15px)}.hero-card svg{width:100%;display:block;border-radius:7px}.ritual-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;color:var(--gold);gap:15px}.ritual-line>span:not(:nth-child(2)):not(:nth-child(4)){font-size:8px;letter-spacing:1.8px;color:#9ba18b}.ritual-line p{margin:0;font:italic 19px var(--serif);color:#bbbfae}.spreads-section{padding:66px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font:500 42px/1.1 var(--serif);letter-spacing:-.8px;margin:15px 0 0}.section-heading>p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.filters{display:flex;gap:9px;margin:29px 0 25px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:3px;font-size:10px;color:#9ea691}.filters button.active{border-color:#a58d5a80;background:#b99e6011;color:#dac592}.filters button span{margin-left:9px;font-size:9px;color:#a58d5a}.spread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spread-option{position:relative;text-align:left;padding:25px 25px 20px;min-height:240px;background:linear-gradient(135deg,#1c241b,#151c15);border:1px solid var(--line);border-radius:4px;transition:border-color .2s,transform .2s}.spread-option:hover{border-color:#bda16b77;transform:translateY(-4px)}.spread-option.featured{border-color:#a58d5a65;background:radial-gradient(ellipse at top right,#6a77432b,transparent 70%),#1c241a}.spread-top{display:flex;justify-content:space-between;align-items:start;height:65px}.spread-symbol{color:#d2bd87;font:42px var(--serif)}.badge{font-size:8px;border:1px solid #b8a16a45;color:#c4b280;padding:5px 7px;border-radius:2px}.spread-option h3{font:500 27px var(--serif);margin:9px 0}.spread-option p{font-size:10px;color:var(--muted);line-height:1.8;max-width:240px;margin:0 0 20px}.spread-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#909a83;font-size:9px}.spread-bottom b{color:var(--gold);font-size:18px;font-weight:400}.quiet-note{margin:52px 0;display:flex;align-items:center;gap:25px;border:1px solid var(--line);padding:28px 35px;background:#89975d05}.quiet-note>span:first-child{font-size:44px;color:var(--gold)}.quiet-note h3{font:25px var(--serif);margin:0 0 8px}.quiet-note p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.note-moon{margin-left:auto;font:65px var(--serif);color:#b8a16a5c}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:27px 48px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:25px;color:#bfc6af}footer p,footer>span{font-size:9px;color:#7d8777}footer p{font-family:var(--serif);font-size:16px}.reading{padding-top:60px}.text-button{background:none;border:0;color:var(--gold);font-size:11px}#reading-form{margin-top:30px}#reading-form>label{display:block;font-size:12px;margin-bottom:12px}#reading-form>label span{color:var(--muted);font-size:10px;margin-left:7px}.question-row{display:flex;gap:12px}.question-row>input{background:#1a2119;border:1px solid #ffffff25;border-radius:3px;padding:16px;color:var(--text);flex:1;min-width:0;font-size:12px}input:focus,select:focus{outline:1px solid var(--gold)}.reading-options{display:flex;gap:25px;align-items:center;margin-top:15px;color:var(--muted);font-size:10px}.reading-options label{display:flex;gap:8px;align-items:center}input[type=checkbox]{accent-color:var(--gold)}select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:6px;font-size:10px}.reading-status{margin:30px 0;text-align:center;color:var(--gold);font:italic 21px var(--serif);min-height:26px}.reading-table{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;padding:15px 0 35px;perspective:1200px}.drawn-card{background:none;border:0;padding:0;width:150px;position:relative;animation:deal .7s both;animation-delay:var(--delay)}.flip{position:relative;aspect-ratio:180/300;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.25,.6,.2,1)}.drawn-card.revealed .flip{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #0005}.card-back{background:repeating-linear-gradient(45deg,transparent,transparent 8px,#bda56908 8px,#bda56908 9px),#222d23;border:1px solid #b69e66;display:flex;align-items:center;justify-content:center}.card-back:before{content:'';position:absolute;inset:9px;border:1px solid #a58e5855}.card-back:after{content:'✧';font:75px var(--serif);color:var(--gold);border:1px solid #a58e5855;width:100px;height:130px;display:grid;place-items:center;border-radius:50%}.card-front{transform:rotateY(180deg);background:#d6c499}.card-front svg{width:100%;height:100%;display:block}.card-front.reversed svg{transform:rotate(180deg)}.position-label{display:block;margin-top:14px;font-size:10px;color:var(--muted);min-height:28px;line-height:1.5}.drawn-card.revealed .position-label{color:var(--gold)}.reading-table.cross-layout{display:grid;grid-template-columns:repeat(6,105px);grid-template-rows:repeat(4,175px);gap:12px;justify-content:center}.cross-layout .drawn-card{width:100%;align-self:start}.cross-layout .position-label{font-size:8px;margin-top:4px}.cross-layout .drawn-card:nth-child(1){grid-area:2/2}.cross-layout .drawn-card:nth-child(2){grid-area:2/3}.cross-layout .drawn-card:nth-child(3){grid-area:3/2}.cross-layout .drawn-card:nth-child(4){grid-area:2/1}.cross-layout .drawn-card:nth-child(5){grid-area:1/2}.cross-layout .drawn-card:nth-child(6){grid-area:2/4}.cross-layout .drawn-card:nth-child(7){grid-area:4/6}.cross-layout .drawn-card:nth-child(8){grid-area:3/6}.cross-layout .drawn-card:nth-child(9){grid-area:2/6}.cross-layout .drawn-card:nth-child(10){grid-area:1/6}.interpretation{border-top:1px solid var(--line);padding:28px 0;animation:appear .6s}.interpretation h3{font:32px var(--serif);margin:0 0 20px}.interpretation h4{font:24px var(--serif);color:#ddc79a;margin:0 0 12px}.interpretation p{font-size:12px;color:#afb6a5;line-height:1.95}.result-question{font:italic 23px var(--serif)!important;color:var(--text)!important;overflow-wrap:anywhere}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}.result-card{border:1px solid var(--line);padding:24px;background:#c3b68004}.result-card small{color:var(--muted);font-size:9px;letter-spacing:1px}.result-card h4{margin-top:12px}.result-card p{margin-bottom:0}.result-summary{border-left:2px solid var(--gold);padding:6px 25px;margin:30px 0}.result-actions{display:flex;gap:20px;align-items:center}.saved-message{color:var(--muted);font-size:10px}dialog{background:#192119;color:var(--text);border:1px solid #b6a06d60;padding:30px;width:min(620px,90vw);max-height:85vh}dialog::backdrop{background:#020803bf;backdrop-filter:blur(8px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal-top button{font-size:28px;color:var(--gold);background:none;border:0}dialog h2{font-size:34px;margin-bottom:20px}dialog p,dialog li{color:#b8bfaf;font-size:12px;line-height:1.9}dialog li{margin:12px 0}dialog a{color:var(--gold);text-decoration:underline}.history-item{display:block;background:#ffffff04;border:1px solid var(--line);text-align:left;padding:18px;color:var(--text);width:100%;margin:10px 0}.history-item span{display:block;font-size:10px;color:var(--muted);margin-top:8px}.empty{padding:30px 0}.history-clear{color:#c6b086;background:none;border:0;margin-top:15px;font-size:11px}@keyframes deal{from{opacity:0;transform:translateY(-35px) rotate(-8deg) scale(.85)}to{opacity:1;transform:none}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:610px}}@media(max-width:1050px){.header-note{display:none}.hero{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.85);margin-left:-30px;margin-right:-30px}h1{font-size:53px}.header,main{padding-left:30px;padding-right:30px}.ritual-line>span:first-child,.ritual-line>span:last-child{display:none}.ritual-line{justify-content:center}.spread-option{padding:20px}.reading-table.cross-layout{grid-template-columns:repeat(6,85px);grid-template-rows:repeat(4,155px)}}@media(max-width:700px){.header{height:78px;padding:0 20px}.brand{font-size:29px}.brand-mark{font-size:30px}nav{gap:18px}nav a{display:none}nav button{font-size:10px}main{padding:0 20px}.hero{display:flex;flex-direction:column;gap:0;text-align:center}.hero-copy{padding:48px 0 0}h1{font-size:49px;letter-spacing:-1.8px}.hero-copy>p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-foot{justify-content:center}.hero-art{height:410px;width:400px;max-width:110vw;transform:scale(.8);margin-top:-20px;margin-bottom:-30px}.hero-cards{flex-shrink:0}.ritual-line{padding:19px 0}.ritual-line p{font-size:15px}.section-heading{align-items:start}.section-heading>p{display:none}.spreads-section{padding-top:42px}h2{font-size:34px}.filters{gap:7px;margin:24px 0 20px}.filters button{font-size:9px;padding:9px 10px}.spread-grid{grid-template-columns:repeat(2,1fr);gap:10px}.spread-option{min-height:233px;padding:17px 14px}.spread-option h3{font-size:24px}.spread-option p{font-size:9px}.spread-top{height:54px}.spread-symbol{font-size:36px}.badge{font-size:6px;padding:4px}.spread-bottom{font-size:8px}.quiet-note{margin:35px 0;padding:22px 18px;gap:15px}.quiet-note>span:first-child{font-size:30px}.quiet-note h3{font-size:22px}.quiet-note p{font-size:9px}.note-moon{display:none}footer{padding:24px 20px;flex-wrap:wrap}footer>span{width:100%;font-size:8px}.question-row{flex-direction:column}.question-row .primary{justify-content:center}.reading-options{flex-wrap:wrap;gap:12px}.drawn-card{width:calc((100% - 28px)/3)}.reading-table{gap:14px}.reading-table.cross-layout{display:flex;padding-bottom:20px}.cross-layout .drawn-card{width:calc((100% - 28px)/3)}.result-cards{grid-template-columns:1fr}.result-card{padding:20px}.result-actions{flex-wrap:wrap}.saved-message{width:100%}.reading .section-heading .text-button{font-size:9px;padding-top:23px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}