@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Prata&display=swap";:root{color:#f5f0e8;font-synthesis:none;--ink:#100f21;--surface:#19162d;--surface-soft:#211d39;--gold:#c7a56a;--gold-soft:#e3cc9e;--lilac:#a996c8;--muted:#aaa3b9;--line:#dac39538;background:#100f21;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{background:radial-gradient(circle at 80% 5%, #77569d2e, transparent 30%), radial-gradient(circle at 0% 40%, #36487e29, transparent 32%), var(--ink);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{width:min(100%,520px);min-height:100vh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));margin:0 auto;overflow:hidden}.brand{color:var(--gold-soft);letter-spacing:.04em;align-items:center;gap:10px;font-family:Prata,serif;font-size:19px;display:flex}.brand.compact{margin-bottom:36px}.brand-mark{color:var(--gold);font-size:15px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar .brand.compact{margin-bottom:0}.text-button{color:var(--gold);background:0 0;border:0;padding:7px 0;font-size:12px}.hero{padding:66px 0 30px;position:relative}.hero-card{z-index:0;aspect-ratio:2/3;opacity:.72;border-radius:12px;width:128px;position:absolute;top:18px;right:-49px;overflow:hidden;transform:rotate(8deg);box-shadow:0 24px 60px #00000073,0 0 36px #8f71be21}.hero-card:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e3cc9e52}.hero-card img{object-fit:cover;width:100%;height:100%;display:block}.eyebrow{z-index:1;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600;position:relative}h1,h2{font-family:Prata,serif;font-weight:400}h1{z-index:1;letter-spacing:-.02em;max-width:370px;margin:0;font-size:clamp(34px,10vw,48px);line-height:1.12;position:relative}.lead{z-index:1;max-width:390px;color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.65;position:relative}form{margin-top:22px}fieldset{border:0;margin:0;padding:0}legend,.question-label{color:var(--gold-soft);font-size:13px;font-weight:600}.topic-grid{gap:9px;margin-top:12px;display:grid}.topic{color:#e9e3ed;text-align:left;background:#1f1c34b8;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:13px;width:100%;padding:13px 15px;transition:border-color .2s,background .2s,transform .2s;display:flex}.topic:active{transform:scale(.985)}.topic.selected{background:#3a2d4ecc;border-color:#c7a56aa6}.topic-symbol{width:31px;height:31px;color:var(--gold);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.topic strong,.topic small{display:block}.topic strong{font-size:13px;font-weight:600}.topic small{color:var(--muted);margin-top:2px;font-size:11px}.question-label{margin-top:24px;display:block;position:relative}textarea{resize:vertical;color:#f6f0f4;background:#19162dd6;border:1px solid #ffffff1a;border-radius:15px;outline:none;width:100%;margin-top:10px;padding:15px 15px 28px;line-height:1.5;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:#c7a56ab3;box-shadow:0 0 0 3px #c7a56a14}textarea::placeholder{color:#777083}.counter{color:#777083;font-size:10px;font-weight:400;position:absolute;bottom:11px;right:13px}.primary-button{color:#1a1525;background:linear-gradient(135deg,#ead7aa,#b99459);border:0;border-radius:15px;width:100%;min-height:54px;margin-top:18px;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 13px 34px #a57e4433}.primary-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.primary-button:disabled{opacity:.38;box-shadow:none}.error{color:#f3a7ad;margin:12px 2px 0;font-size:12px}footer,.fine-print{color:#777183;text-align:center;margin-top:18px;font-size:10px;line-height:1.5}.footer-links{justify-content:center;gap:18px;margin-top:8px;display:flex}.footer-links button{color:var(--gold);background:0 0;border:0;padding:4px;font-size:10px}.result-intro{margin-bottom:24px}.result-intro h1{font-size:38px}.question{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.result-summary{color:#cbc4d2;margin:15px 0 0;font-size:12px;line-height:1.6}.cards{gap:13px;display:grid}.tarot-card{opacity:0;background:radial-gradient(circle at 82% 15%,#9780c42e,#0000 30%),linear-gradient(150deg,#211c39,#151328);border:1px solid #c7a56a47;border-radius:19px;min-height:226px;padding:21px;animation:.55s cubic-bezier(.2,.7,.2,1) forwards reveal;position:relative;overflow:hidden;transform:translateY(18px)rotateX(8deg);box-shadow:0 18px 42px #0000002e}.tarot-card:before{content:"";pointer-events:none;border:1px solid #c7a56a1f;border-radius:14px;position:absolute;inset:7px}.card-number{color:#e3cc9e85;letter-spacing:.16em;font-family:Prata,serif;font-size:11px}.card-orbit{width:70px;height:70px;color:var(--gold);border:1px solid #c7a56a40;border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;right:22px}.card-orbit:before,.card-orbit:after{content:"";border:1px solid #a996c82e;border-radius:50%;position:absolute;inset:9px}.card-orbit:after{inset:22px}.card-copy{max-width:78%;margin-top:40px;position:relative}.card-position{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.card-copy h2{margin:7px 0 3px;font-size:27px}.card-copy small{color:var(--lilac);font-size:10px}.card-copy p{color:#bcb5c6;margin:13px 0 0;font-size:12px;line-height:1.55}.reflection{color:var(--gold-soft);background:#c7a56a12;border:1px solid #c7a56a24;border-radius:14px;gap:12px;margin-top:17px;padding:15px 16px;display:flex}.reflection p{margin:0;font-size:12px;line-height:1.55}.reflection strong{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}.reflection span{color:var(--gold)}.reflection.grounding{background:#a996c812;border-color:#a996c829;margin-top:9px}.history-intro{padding:62px 0 24px}.history-intro h1{font-size:38px}.history-list{gap:10px;display:grid}.history-item{background:#19162dd1;border:1px solid #ffffff14;border-radius:15px;padding:17px}.history-item>div{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:9px;display:flex}.history-item time{color:#777183;letter-spacing:0}.history-item h2{margin:12px 0 8px;font-family:Manrope,sans-serif;font-size:13px;line-height:1.45}.history-item p,.empty-state{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:15px;padding:30px 15px}.legal-copy{padding-top:62px}.legal-copy h1{margin-bottom:25px;font-size:37px}.legal-copy p:not(.eyebrow){color:#bdb6c6;font-size:13px;line-height:1.75}.legal-copy code{color:var(--gold-soft)}@keyframes reveal{to{opacity:1;transform:none}}@media (width>=430px){.app{padding-left:28px;padding-right:28px}.hero-card{width:144px;right:-20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}