:root{--bg:#070711;--surface:#171329;--fg:#f4eeff;--muted:#a9a3c1;--border:#32284f;--accent:#8b5cf6;--ai:#22d3ee;--cta:#f43f8c;--premium:#d6a84b;--inset:#0d0b19;--accent-soft:color-mix(in oklch, var(--accent) 14%, transparent);--ai-soft:color-mix(in oklch, var(--ai) 10%, transparent);--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--container:1240px;--gutter:clamp(20px, 4vw, 48px);--radius:12px;--radius-lg:20px;--shadow:0 24px 70px color-mix(in oklch, var(--bg) 68%, transparent)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100svh;color:var(--fg);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}button{color:inherit;cursor:pointer}p{text-wrap:pretty;margin:0}h1,h2,h3,h4{color:var(--fg);font-family:var(--font-display);text-wrap:balance;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(100%, var(--container));padding-inline:var(--gutter);margin-inline:auto}.container.narrow{max-width:880px}.section{border-top:1px solid color-mix(in oklch, var(--border) 58%, transparent);padding-block:clamp(72px,10vw,132px);position:relative}.eyebrow,.meta{color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.meta{color:var(--muted);letter-spacing:.06em}.lead{max-width:58ch;color:var(--muted);font-size:clamp(1rem,2vw,1.12rem)}.page-title{letter-spacing:-.035em;max-width:11ch;font-size:clamp(3rem,8vw,6.5rem);line-height:.94}.muted{color:var(--muted)}.topnav{z-index:50;border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent);background:color-mix(in oklch, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.logo{font-family:var(--font-display);align-items:center;gap:10px;font-size:21px;font-weight:650;display:inline-flex}.logo-mark{border:1px solid var(--border);width:26px;height:26px;color:var(--accent);font-family:var(--font-body);border-radius:50%;place-items:center;font-size:15px;display:grid}.topnav nav{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.topnav nav a{color:var(--muted);font-size:14px;transition:color .16s ease-out}.topnav nav a:hover{color:var(--fg)}.nav-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);place-items:center;width:44px;height:44px;display:none}.nav-toggle span{background:var(--fg);width:18px;height:1px}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 19px;font-size:14px;font-weight:700;transition:transform .16s ease-out,border-color .16s ease-out,background .16s ease-out,box-shadow .16s ease-out;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-primary{border-color:color-mix(in oklch, var(--cta) 45%, var(--accent));background:linear-gradient(120deg, var(--accent), var(--cta));box-shadow:0 12px 36px color-mix(in oklch, var(--accent) 24%, transparent);color:var(--fg)}.btn-secondary{border-color:var(--border);background:color-mix(in oklch, var(--surface) 76%, transparent);color:var(--fg)}.btn-secondary:hover{border-color:color-mix(in oklch, var(--accent) 65%, var(--border))}.page-hero{isolation:isolate;background-image:linear-gradient(90deg, var(--bg) 0%, color-mix(in oklch, var(--bg) 94%, transparent) 43%, transparent 78%), url(/assets/arcana-hero.png);background-position:50%,50%;background-size:cover;align-items:center;min-height:calc(100svh - 72px);padding-block:clamp(78px,12vw,150px) 76px;display:grid;position:relative;overflow:hidden}.compact-hero{text-align:center;background:radial-gradient(ellipse at 50% 0%, color-mix(in oklch, var(--accent) 16%, transparent), transparent 44%), radial-gradient(ellipse at 16% 100%, color-mix(in oklch, var(--ai) 9%, transparent), transparent 38%), var(--bg);min-height:auto}.page-hero:after{content:"";z-index:-1;background:linear-gradient(transparent, var(--bg));height:24%;position:absolute;inset:auto 0 0}.hero-copy{max-width:690px}.hero-eyebrow{border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);background:var(--accent-soft);width:fit-content;color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.72rem;display:inline-flex}.page-hero h1{letter-spacing:-.035em;max-width:10ch;font-size:clamp(3.2rem,8vw,7rem);font-weight:650;line-height:.92}.compact-hero h1{max-width:none;font-size:clamp(2.6rem,7vw,5.4rem)}.hero-lead{max-width:55ch;color:color-mix(in oklch, var(--fg) 72%, var(--muted));margin-top:24px;font-size:clamp(1.05rem,2vw,1.25rem)}.compact-hero .hero-lead{margin-inline:auto}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.compact-hero .hero-cta{justify-content:center}.section-head{grid-template-columns:.9fr 1.1fr;align-items:end;gap:clamp(28px,6vw,72px);margin-bottom:clamp(36px,6vw,70px);display:grid}.section-head h2,.reading-tool h2,.faq-section h2,.prose h2{letter-spacing:-.025em;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1}.feature-grid,.seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.history-card,.sidebar-card,.insight-card,.result-panel,.reading-tool,.empty-state{border:1px solid color-mix(in oklch, var(--border) 82%, var(--fg) 5%);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--surface) 88%, transparent);box-shadow:var(--shadow)}.feature-card{min-height:250px;padding:28px}.feature-card h3{margin-top:18px;font-size:1.35rem}.feature-card p{color:var(--muted);margin-top:10px}.reading-tool{margin-block:clamp(56px,8vw,100px);padding:clamp(24px,5vw,44px)}.reading-tool.compact{margin-block:40px}.reading-tool-head{gap:14px;margin-bottom:26px;display:grid}.spread-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.spread-tab{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:16px;flex-direction:column;justify-content:space-between;gap:10px;min-height:126px;padding:16px;transition:transform .16s ease-out,border-color .16s ease-out,background .16s ease-out;display:flex}.spread-tab:hover,.spread-tab[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklch, var(--surface) 92%, var(--accent));transform:translateY(-2px)}.spread-tab strong{font-family:var(--font-display);font-size:1.15rem}.spread-tab span{color:var(--muted);font-size:.78rem}.question-panel{gap:8px;margin-top:24px;display:grid;position:relative}.question-panel label,.field span{color:var(--muted);font-size:.85rem}.question-panel textarea,.field input{border:1px solid var(--border);background:var(--inset);width:100%;color:var(--fg);border-radius:16px}.question-panel textarea{resize:vertical;min-height:130px;padding:16px 16px 42px}.field input{min-height:48px;padding:12px 14px}.question-panel textarea:focus,.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent);outline:0}.question-meta{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;gap:12px;font-size:.68rem;display:flex;position:absolute;inset:auto 16px 12px}.action-bar{border:1px solid var(--border);background:color-mix(in oklch, var(--inset) 82%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.action-bar.inline{margin-top:18px}.action-bar p{color:var(--muted);font-size:.86rem}.consultation-shell{gap:22px;margin-top:24px;display:grid}.chat-panel{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklch, var(--inset) 92%, transparent), transparent), var(--inset);border-radius:18px;gap:14px;max-height:520px;padding:clamp(16px,3vw,24px);display:grid;overflow-y:auto}.chat-row{display:flex}.chat-row.user{justify-content:flex-end}.chat-bubble{border:1px solid color-mix(in oklch, var(--border) 86%, var(--fg) 6%);background:color-mix(in oklch, var(--surface) 88%, transparent);max-width:min(680px,92%);box-shadow:0 12px 34px color-mix(in oklch, var(--bg) 58%, transparent);border-radius:18px;padding:14px 16px;position:relative}.chat-row.user .chat-bubble{border-color:color-mix(in oklch, var(--accent) 48%, var(--border));background:color-mix(in oklch, var(--accent-soft) 72%, var(--surface))}.chat-bubble span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:.66rem;display:block}.chat-bubble p{white-space:pre-line}.chat-bubble i{background:radial-gradient(circle at 5px 50%, var(--ai) 0 3px, transparent 4px), radial-gradient(circle at 17px 50%, var(--ai) 0 3px, transparent 4px), radial-gradient(circle at 29px 50%, var(--ai) 0 3px, transparent 4px);width:34px;height:10px;margin-top:12px;animation:.9s ease-in-out infinite pulseDots;display:inline-flex}.tarot-table{gap:clamp(10px,2vw,18px);padding:6px 0 12px;display:flex;overflow-x:auto}.table-card{text-align:center;flex:0 0 clamp(112px,15vw,162px)}.table-card .card-face{transition:transform .22s ease-out,border-color .22s ease-out}.table-card[data-revealed=true] .card-face{border-color:color-mix(in oklch, var(--accent) 56%, var(--premium));transform:translateY(-4px)}.table-card h4{margin-top:10px;font-size:.92rem}.table-card p,.table-card small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.reading-session-panel{gap:18px;display:grid}.followup-panel{border:1px solid var(--border);background:color-mix(in oklch, var(--inset) 82%, transparent);border-radius:18px;gap:10px;margin-top:24px;padding:16px;display:grid}.followup-panel label{color:var(--muted);font-size:.85rem}.followup-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.followup-row textarea{resize:vertical;border:1px solid var(--border);background:var(--inset);width:100%;min-height:82px;color:var(--fg);border-radius:16px;padding:14px}.followup-row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent);outline:0}.question-meta.static{position:static;inset:auto}.session-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.cookie-banner{z-index:80;border:1px solid color-mix(in oklch, var(--border) 78%, var(--fg) 12%);background:color-mix(in oklch, var(--surface) 96%, var(--bg));width:min(720px,100vw - 32px);box-shadow:0 24px 80px color-mix(in oklch, var(--bg) 76%, transparent);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;position:fixed;bottom:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px)}.cookie-banner strong{font-family:var(--font-display);margin-bottom:6px;font-size:1.08rem;display:block}.cookie-banner p{color:var(--muted);font-size:.9rem}.cookie-banner a{color:var(--accent);margin-top:8px;font-size:.84rem;display:inline-flex}.cookie-actions{gap:10px;display:flex}.status{border:1px solid color-mix(in oklch, var(--accent) 42%, var(--border));background:color-mix(in oklch, var(--surface) 82%, transparent);border-radius:12px;margin-top:16px;padding:13px 15px}.status.error{border-color:color-mix(in oklch, var(--cta) 55%, var(--border));color:var(--cta)}.result-panel{margin-top:28px;padding:clamp(22px,4vw,34px)}.result-header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:.8rem;display:flex}.ai-label{color:var(--ai);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.ai-dot{background:var(--ai);width:7px;height:7px;box-shadow:0 0 18px color-mix(in oklch, var(--ai) 70%, transparent);border-radius:50%}.result-panel h3{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}.result-overview{max-width:76ch;color:var(--muted);margin-top:16px}.revealed-grid{gap:clamp(10px,2vw,20px);margin-block:28px;padding-bottom:10px;display:flex;overflow-x:auto}.revealed-card{text-align:center;flex:0 0 clamp(108px,16vw,170px)}.card-face{aspect-ratio:3/5;border:1px solid color-mix(in oklch, var(--premium) 54%, var(--border));background:linear-gradient(160deg, var(--surface), var(--inset));border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.card-face:before{content:"";aspect-ratio:1;border:1px solid color-mix(in oklch, var(--premium) 45%, transparent);width:62%;box-shadow:0 0 0 20px color-mix(in oklch, var(--premium) 4%, transparent);border-radius:50%;position:absolute}.card-face span{color:var(--premium);font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);position:relative}.revealed-card h4{margin-top:10px;font-size:.95rem}.revealed-card p,.revealed-card small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.insight-list{gap:12px;display:grid}.insight-card{box-shadow:none;padding:18px}.insight-card h4{margin-top:4px;font-size:1.2rem}.insight-card p:last-child{color:var(--muted);margin-top:8px}.summary-box{border:1px solid color-mix(in oklch, var(--accent) 36%, var(--border));background:var(--accent-soft);border-radius:16px;gap:12px;margin-block:18px;padding:18px;display:grid}.disclaimer{color:var(--muted);margin-bottom:18px;font-size:.82rem}@keyframes pulseDots{0%,to{opacity:.42}50%{opacity:1}}.article-band{background:radial-gradient(circle at 22% 30%, color-mix(in oklch, var(--accent) 7%, transparent), transparent 30%), linear-gradient(180deg, var(--bg), color-mix(in oklch, var(--surface) 42%, var(--bg)) 50%, var(--bg))}.article-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(28px,6vw,72px);display:grid}.prose{max-width:72ch}.prose h2{margin-top:1.6em;font-size:clamp(1.7rem,4vw,2.7rem)}.prose p{color:color-mix(in oklch, var(--fg) 84%, var(--muted));margin-top:.9em}.sidebar-card{box-shadow:none;gap:12px;padding:22px;display:grid;position:sticky;top:96px}.sidebar-card a{color:var(--muted)}.sidebar-card a:hover{color:var(--fg)}.faq-list{gap:12px;margin-top:28px;display:grid}.faq-item{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 70%, transparent);border-radius:16px}.faq-item summary{cursor:pointer;color:var(--fg);padding:18px;font-weight:700}.faq-item p{color:var(--muted);padding:0 18px 18px}.auth-shell{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);min-height:calc(100svh - 72px);display:grid}.auth-brand{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:center;min-height:calc(100svh - 72px);padding:clamp(28px,6vw,72px);display:flex}.auth-brand h1{letter-spacing:-.035em;max-width:10ch;margin-top:16px;font-size:clamp(3rem,7vw,6rem);line-height:.94}.auth-brand p{max-width:42ch;color:var(--muted);margin-top:22px}.auth-panel{place-items:center;padding:clamp(28px,7vw,86px);display:grid}.auth-wrap{width:min(100%,460px)}.auth-wrap h2{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1}.auth-form{gap:16px;margin-top:26px;display:grid}.field{gap:7px;display:grid}.legal{color:var(--muted);grid-template-columns:20px 1fr;align-items:start;gap:10px;font-size:.82rem;display:grid}.legal input{width:17px;height:17px;accent-color:var(--accent);margin:3px 0 0}.switch{color:var(--muted);text-align:center}.switch a{color:var(--fg);font-weight:700}.app-shell{padding-block:clamp(42px,8vw,92px)}.history-grid{gap:18px;margin-top:34px;display:grid}.history-card{padding:24px}.history-card h2{margin-top:8px;font-size:clamp(1.5rem,4vw,2.4rem)}.history-card p{color:var(--muted);margin-top:10px}.mini-cards{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mini-cards span{border:1px solid var(--border);color:var(--premium);font-family:var(--font-mono);border-radius:999px;padding:5px 9px;font-size:.68rem}.empty-state{gap:14px;max-width:620px;margin-top:34px;padding:28px;display:grid}.pagefoot{border-top:1px solid var(--border);color:var(--muted);padding-block:42px;font-size:.86rem}.footer-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.pagefoot .disclaimer{max-width:82ch;margin:18px 0 0}.legal-hero h1{max-width:12ch}.legal-updated{margin-top:22px}.legal-layout{grid-template-columns:minmax(0,760px);justify-content:center;display:grid}.legal-prose .status{margin:0 0 30px}@media (max-width:980px){.feature-grid,.seo-grid,.section-head,.article-grid,.spread-tabs,.auth-shell{grid-template-columns:1fr}.auth-brand{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.sidebar-card{position:static}}@media (max-width:820px){.topnav nav{padding:20px var(--gutter);border-bottom:1px solid var(--border);background:var(--bg);flex-direction:column;align-items:flex-start;gap:8px;display:none;position:fixed;inset:72px 0 auto}.topnav nav.is-open{display:flex}.topnav nav a{align-items:center;min-height:42px;font-size:1rem;display:flex}.nav-toggle{display:grid}.nav-cta{display:none}.page-hero{background-image:linear-gradient(0deg, var(--bg), color-mix(in oklch, var(--bg) 86%, transparent) 58%, color-mix(in oklch, var(--bg) 22%, transparent)), url(/assets/arcana-hero.png);background-position:50%,65%;min-height:calc(100svh - 72px)}.hero-copy{padding-top:34vh}.page-hero h1{font-size:clamp(3rem,15vw,5rem)}.action-bar,.followup-row,.cookie-banner,.footer-row{flex-direction:column;align-items:stretch}.followup-row{display:flex}.cookie-banner{width:auto;display:flex;left:16px;right:16px}.action-bar .btn,.followup-row .btn,.cookie-actions .btn,.hero-cta .btn{width:100%}.cookie-actions{flex-direction:column}}@media (max-width:560px){.reading-tool{padding:20px}.spread-tab{min-height:104px}.result-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}