*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;--bg:#faf6f0;--ink:#302b37;--accent:#74536c;--soft:#ece0eb}body[data-theme=taro]{--bg:#f8f2f8;--ink:#36243e;--accent:#765086;--soft:#e5d5eb}body[data-theme=astrology]{--bg:#f1f4fa;--ink:#202f4d;--accent:#405d91;--soft:#d8e2f4}body[data-theme=psychology]{--bg:#f2f5ee;--ink:#304537;--accent:#526e52;--soft:#dce7d7}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:12px;z-index:10}header,main,footer{max-width:1240px;margin:auto;padding:32px 48px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #8883}.brand{font:28px Georgia,serif}.brand span{display:block;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:25px;font-size:14px}.cabinet{font-size:13px;border:1px solid #8885;padding:12px 18px;border-radius:25px}.hero{min-height:590px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px}.eyebrow,.section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}h1{font:clamp(40px,4.6vw,67px)/1.08 Georgia,serif;letter-spacing:-2px;margin:25px 0}h2{font:36px/1.15 Georgia,serif;font-weight:normal}p{line-height:1.7}.intro{max-width:490px;font-size:17px;color:var(--ink);opacity:.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--accent);border:0;border-radius:30px;color:white;padding:17px 25px;cursor:pointer;margin:15px 0}.button:hover{filter:brightness(1.1)}.micro{font-size:12px;opacity:.65}.art{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:360px;height:360px;border:1px solid #8884;border-radius:50%;box-shadow:0 0 0 35px var(--soft)}.card{position:absolute;width:190px;height:290px;border-radius:90px 90px 12px 12px;box-shadow:0 25px 55px #342a3920;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:30px 18px}.back{background:var(--accent);color:#fff;font-size:70px;transform:rotate(-17deg) translateX(-55px);justify-content:center}.front{background:var(--bg);border:1px solid var(--accent);transform:rotate(10deg) translateX(30px);animation:float 8s ease-in-out infinite}.front span{font-size:8px;letter-spacing:2px}.front b{font:100px Georgia;color:var(--accent)}.spark{position:absolute;right:5%;top:5%;font-size:55px;color:var(--accent)}.directions{padding:20px 0 60px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.tile{padding:32px;border-radius:8px;transition:transform .2s}.tile:hover{transform:translateY(-5px)}.tile span,.tile b{font-size:11px;letter-spacing:1px}.tile h2{font-size:30px;margin:28px 0 12px}.tile p{font-size:14px;min-height:65px}.tarot{background:#eee1ed;color:#54305e}.astro{background:#dfe7f3;color:#293e64}.psyche{background:#e2e9dc;color:#3c513c}.practice{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px 0;border-top:1px solid #8883;scroll-margin-top:20px}.practice-box{padding:32px;border-radius:10px;background:var(--soft)}label{display:block;margin-bottom:15px}select{width:100%;padding:13px;background:var(--bg);color:var(--ink);border:1px solid #8886;border-radius:6px}#result h3{font:28px Georgia}#result:empty{display:none}.about{padding:65px 0;max-width:660px}.faq{padding:20px 0 60px;max-width:800px}details{border-bottom:1px solid #8884;padding:20px 0}summary{cursor:pointer}footer{border-top:1px solid #8883;font-size:13px}@keyframes float{50%{transform:rotate(6deg) translate(30px,-14px)}}@media(max-width:760px){header,main,footer{padding:24px}header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:10px}.brand{font-size:24px}.cabinet{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;gap:0;padding-top:35px;min-height:auto}h1{font-size:43px}.art{height:340px}.orbit{width:250px;height:250px}.card{width:160px;height:240px}.grid,.practice{grid-template-columns:1fr}.practice{gap:20px;padding:35px 0}.tile p{min-height:0}.tile h2{margin-top:20px}.directions{padding-bottom:30px}.about{padding:35px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}