.app-shell{margin:0 auto;max-width:1120px;padding:clamp(24px,5vw,68px) clamp(18px,5vw,44px) clamp(72px,10vw,120px);display:flex;flex-direction:column;gap:clamp(40px,6vw,80px);position:relative}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(12px,3vw,18px) clamp(16px,4vw,24px);border-radius:24px;background:#ffffffe6;border:1px solid rgba(193,209,255,.45);box-shadow:0 22px 54px -40px #8a73d566}.site-header__brand{font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;letter-spacing:1px;color:#40326a;text-decoration:none}.language-toggle{display:inline-flex;align-self:flex-end;gap:8px;padding:4px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(196,184,255,.4);box-shadow:0 12px 30px -24px #8c63c666}.language-toggle__button{padding:6px 14px;border-radius:999px;border:0;background:transparent;color:#634da6c7;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.language-toggle__button:hover{background:#c4b8ff33;color:#5a45a6}.language-toggle__button.is-active{background:linear-gradient(135deg,#ffc3eb73,#a8c7ff66);color:#5a45a6;box-shadow:0 12px 28px -20px #9666b661}.language-toggle__button:focus-visible{outline:2px solid rgba(174,173,255,.85);outline-offset:3px}.app-main{display:flex;flex-direction:column;gap:clamp(32px,5vw,56px)}.app-shell--detail{max-width:820px;gap:clamp(28px,5vw,48px)}.hero{position:relative;display:grid;grid-template-columns:1fr;align-items:center;gap:clamp(28px,6vw,48px);padding:clamp(28px,7vw,44px);border-radius:40px;background:linear-gradient(140deg,#ffffffeb,#ffeffce6);border:1px solid rgba(255,181,218,.45);box-shadow:0 42px 120px -70px #8a56c273;overflow:hidden}.hero--home{background:linear-gradient(135deg,#fffffff0,#e6f5ffe0);border:1px solid rgba(193,209,255,.45)}.hero:before{content:"";position:absolute;inset:-40% 20% auto auto;width:360px;height:360px;background:radial-gradient(circle,#9edbff6b,#9edbff00);transform:rotate(18deg);filter:blur(.3px)}.hero:after{content:"";position:absolute;inset:auto auto -35% -20%;width:420px;height:420px;background:radial-gradient(circle,#ffd3f280,#ffd3f200);transform:rotate(-12deg)}.hero-copy{display:flex;flex-direction:column;gap:18px;text-align:center;align-items:center;position:relative;z-index:1}.secondary-button--outline{background:transparent;color:#5a45a6;border:1px solid rgba(150,135,220,.45);box-shadow:none}.secondary-button--outline:hover{box-shadow:0 18px 36px -24px #9687dc73}@media (min-width: 880px){.hero{grid-template-columns:minmax(0,1fr) minmax(260px,340px);text-align:left;padding:clamp(32px,6vw,52px) clamp(36px,6vw,60px)}.hero-copy{align-items:flex-start;text-align:left}.hero-highlights{justify-content:flex-start}.hero-card{width:min(340px,32vw)}}.tag{display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#ffc0e799,#aad1ff8c);color:#6b54a3;font-weight:700;font-size:14px;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 14px 40px -30px #9666b699}.title{margin:0;font-size:clamp(2.4rem,5vw,3.4rem);color:#402b67}.subtitle{margin:8px 0 0;font-size:16px;color:#433369c7;max-width:52ch}.subtitle--muted{color:#43336999}.hero-intro{display:grid;gap:14px;justify-items:center;text-align:center;position:relative;z-index:1}.hero-buttons{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap;justify-content:center}.hero-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:999px;background:linear-gradient(120deg,#8fd7ff,#ffb7e5);color:#fff;font-weight:700;letter-spacing:.5px;text-decoration:none;box-shadow:0 22px 48px -28px #789eff99;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.hero-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff73,#fff0);opacity:0;transition:opacity .25s ease}.hero-button span{position:relative;z-index:1}.hero-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 30px 64px -32px #789effa6}.hero-button:hover:after{opacity:1}.hero-button--ghost{background:#ffffffd9;color:#51438d;box-shadow:0 18px 36px -32px #788cff8c}.hero-button--ghost:after{background:linear-gradient(120deg,#a8d7ff73,#ffc0e773)}.hero--fortune{background:linear-gradient(140deg,#fffffff0,#ffecf9eb);border:1px solid rgba(255,180,222,.4)}.fortune-hero{gap:16px;text-align:center}.fortune-hero__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:6px 18px;border-radius:999px;background:linear-gradient(120deg,#ffc2e899,#b0d5ff8c);color:#5b409d;font-weight:700;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 14px 40px -32px #9666b68c}.fortune-hero__title{margin:8px 0 0;font-size:clamp(2.1rem,4vw,2.8rem);color:#402b67}.fortune-hero__description{margin:6px auto 0;max-width:60ch;color:#433369c2}.fortune-hero__steps{display:grid;gap:8px;margin:clamp(12px,3vw,20px) auto 0;padding:0;list-style:none;counter-reset:fortune-step;max-width:520px;text-align:left}.fortune-hero__steps li{position:relative;padding:12px 18px 12px 52px;border-radius:18px;background:#ffffffd9;color:#3e2d68d1;border:1px solid rgba(196,184,255,.45);box-shadow:0 16px 32px -28px #8a73d580;line-height:1.5}.fortune-hero__steps li:before{counter-increment:fortune-step;content:counter(fortune-step);position:absolute;inset:12px auto auto 16px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#90bdff66;color:#534097;font-weight:700}.fortune-hero__visual{position:relative;display:grid;place-items:center;padding:clamp(24px,5vw,40px)}.fortune-hero__visual img{display:block}.fortune-hero__glow{position:absolute;width:min(320px,60vw);filter:blur(6px);opacity:.8}.fortune-hero__shadow{position:absolute;width:min(340px,62vw);translate:0 18px;opacity:.68}.fortune-hero__jar{position:relative;width:min(220px,40vw);z-index:1;filter:drop-shadow(0 26px 60px rgba(120,140,255,.5));aspect-ratio:3 / 4;border-radius:120px;overflow:hidden;background:url(/fortune_lots/fortune_jar_filled.jpg) center/cover no-repeat}.fortune-hero__sparkles{position:absolute;width:min(220px,40vw);--sparkles-transform: translate(-42px, -54px);transform:var(--sparkles-transform);opacity:.85;animation:fortune-twinkle 6s ease-in-out infinite}.fortune-hero__lines{position:absolute;width:min(220px,42vw);--lines-transform: translate(48px, 18px);transform:var(--lines-transform);opacity:.7;animation:fortune-bob 3.5s ease-in-out infinite}.fortune-hero__visual.is-shaking .fortune-hero__jar{animation:fortune-shake .9s ease-in-out}.fortune-hero__visual.is-shaking .fortune-hero__sparkles{animation:fortune-twinkle 6s ease-in-out infinite,fortune-twinkle-pulse .9s ease-in-out}.fortune-hero__visual.is-shaking .fortune-hero__lines{animation:fortune-bob 3.5s ease-in-out infinite,fortune-bob-fast .9s ease-in-out}@keyframes fortune-twinkle{0%,to{opacity:.85;transform:var(--sparkles-transform) scale(1)}50%{opacity:.4;transform:var(--sparkles-transform) scale(1.08)}}@keyframes fortune-twinkle-pulse{0%,to{opacity:.85}50%{opacity:.5}}@keyframes fortune-bob{0%,to{transform:var(--lines-transform)}50%{transform:var(--lines-transform) translateY(-6px)}}@keyframes fortune-bob-fast{0%,to{transform:var(--lines-transform)}25%{transform:var(--lines-transform) translate(-4px,-4px)}75%{transform:var(--lines-transform) translate(4px,4px)}}@keyframes fortune-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}.fortune-play{display:grid;gap:clamp(24px,4vw,36px);padding:clamp(24px,6vw,40px);border-radius:34px;background:linear-gradient(150deg,#fffffff0,#e8f4fff0);border:1px solid rgba(193,209,255,.4);box-shadow:0 40px 96px -68px #788cff8c}.fortune-play__button{justify-self:center;padding:16px 46px;border-radius:999px;border:0;background:linear-gradient(120deg,#90ddff,#ffbde8);color:#fff;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 26px 60px -34px #789eff99;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.fortune-play__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 32px 68px -32px #789eff9e}.fortune-play__button:disabled{cursor:not-allowed;opacity:.72}.fortune-play__result{display:grid}.fortune-play__heading{margin:0 0 16px;text-align:center;font-size:1.2rem;color:#4a3b85}.fortune-breadcrumb{margin-bottom:clamp(12px,3vw,20px)}.fortune-breadcrumb ol{display:flex;gap:10px;align-items:center;margin:0;padding:0;list-style:none;font-size:.9rem;color:#4f3a90c2}.fortune-breadcrumb a{color:inherit;text-decoration:none}.fortune-breadcrumb a:hover{text-decoration:underline}.fortune-breadcrumb li:after{content:"›";margin-left:10px;color:#4f3a9073}.fortune-breadcrumb li:last-child:after{content:"";margin:0}.fortune-seo{display:grid;gap:14px;padding:clamp(24px,5vw,36px);border-radius:28px;background:linear-gradient(150deg,#fffffff5,#e6f2ffe6);border:1px solid rgba(193,209,255,.4)}.fortune-seo__heading{margin:0;font-size:clamp(1.4rem,3.6vw,1.9rem);color:#3f2d6f}.fortune-seo__paragraph{margin:0;color:#372b5fd1;line-height:1.7}.fortune-highlights{display:grid;gap:10px;padding:18px;border-radius:20px;background:#eff5ffe6;border:1px solid rgba(184,206,255,.45)}.fortune-highlights h3{margin:0;color:#4a3b85}.fortune-highlights ul{margin:0;padding-left:20px;color:#402d68d1;display:grid;gap:6px}.fortune-faq{display:grid;gap:16px;padding:clamp(24px,5vw,36px);border-radius:28px;background:#fffffff5;border:1px solid rgba(215,200,255,.4)}.fortune-faq__heading{margin:0;font-size:clamp(1.3rem,3.4vw,1.8rem);color:#3f2d6f}.fortune-faq__list{display:grid;gap:12px}.fortune-faq__item{border-radius:18px;background:#f4eeffc2;border:1px solid rgba(193,209,255,.45);padding:0 18px}.fortune-faq__item summary{cursor:pointer;padding:14px 0;font-weight:600;color:#4a3b85;list-style:none}.fortune-faq__item summary::-webkit-details-marker{display:none}.fortune-faq__item summary:after{content:"▼";float:right;transition:transform .2s ease;color:#493a78b3}.fortune-faq__item[open] summary:after{transform:rotate(-180deg)}.fortune-faq__item p{margin:0 0 16px;color:#372b5fd1;line-height:1.6}.fortune-faq__item:focus-within{outline:2px solid rgba(168,209,255,.8);outline-offset:3px}.fortune-placeholder{display:grid;gap:12px;justify-items:center;padding:clamp(32px,6vw,44px);border-radius:28px;border:1px dashed rgba(176,192,255,.6);background:#ffffffeb;color:#402d68c7;text-align:center}.fortune-placeholder__title{margin:0;font-size:clamp(1.6rem,3.5vw,2rem);color:#4a3b85}.fortune-placeholder__body{margin:0;max-width:54ch;line-height:1.6}.fortune-result{display:grid;gap:clamp(20px,4vw,32px);padding:clamp(28px,6vw,40px);border-radius:28px;background:#fffffff5;border:1px solid rgba(196,184,255,.45);box-shadow:0 40px 96px -60px #789eff99}.fortune-result__header{display:grid;gap:10px;text-align:center}.fortune-result__badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;padding:6px 18px;border-radius:999px;background:#a8d1ff59;color:#4f3a90;font-weight:600}.fortune-result__number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffc3eb80;font-weight:700}.fortune-result__tier{margin:0}.fortune-result__title{margin:0;font-size:clamp(1.7rem,3.2vw,2.3rem);color:#3f2d6f}.fortune-result__summary{margin:0;color:#3e2d68d1;line-height:1.6;white-space:pre-line}.fortune-result__summary-label{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;background:#a8d1ff59;color:#4a3b85;font-size:.85rem;font-weight:600}.fortune-result__body{display:grid;gap:clamp(18px,4vw,28px)}.fortune-result__aspects{display:grid;gap:14px}.fortune-result__section-title{margin:0;color:#4a3b85;font-size:1.1rem}.fortune-result__aspect-list{display:grid;gap:14px;margin:0;padding:0}.fortune-result__aspect-item{display:grid;gap:6px;padding:14px 18px;border-radius:18px;background:#eff5ffe6;border:1px solid rgba(193,209,255,.5)}.fortune-result__aspect-item dt{margin:0;color:#4f3a90;font-weight:600}.fortune-result__aspect-item dd{margin:0;color:#372b5fd1;line-height:1.6;white-space:pre-line}.fortune-result__footer{display:grid;gap:8px;padding:18px;border-radius:20px;background:#fff0fac7;border:1px solid rgba(255,195,235,.45)}.fortune-result__footer p{margin:0;color:#402d68d1;line-height:1.6;white-space:pre-line}@media (min-width: 840px){.fortune-hero__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}.fortune-hero__steps li{padding-left:48px}.hero--fortune{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.fortune-result__body{grid-template-columns:minmax(0,1fr)}}.hero-showcase{position:relative;display:grid;gap:18px;align-items:center;justify-items:center;width:min(360px,80vw);margin:0 auto;padding:32px}.hero-showcase__halo{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle,#ffffff6b,#e3eeff00);filter:blur(18px)}.hero-showcase__orb{position:absolute;border-radius:50%;filter:blur(24px);opacity:.65;animation:heroFloat 10s ease-in-out infinite}.hero-showcase__orb--one{width:260px;height:260px;background:radial-gradient(circle,#94d2ff99,#94d2ff00);animation-delay:-2s}.hero-showcase__orb--two{width:200px;height:200px;background:radial-gradient(circle,#ffb3df99,#ffb3df00);animation-delay:-4s}.hero-showcase__card{position:relative;width:100%;padding:28px 24px;border-radius:26px;background:#ffffffeb;box-shadow:0 28px 70px -44px #6e7ed68c;text-align:center;display:grid;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-showcase__card p{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;color:#5e558cbf;font-weight:600}.hero-showcase__card h3{margin:0;font-size:1.15rem;color:#3f2f72}.hero-showcase__card--fortune{margin-top:12px}.hero-showcase__card--tarot{animation:heroFloat 8s ease-in-out infinite}.hero-visual{position:relative;display:grid;place-items:center;width:min(340px,75vw);margin:0 auto;aspect-ratio:3 / 4}.hero-visual__orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.7;animation:heroFloat 10s ease-in-out infinite}.hero-visual__orb--one{width:280px;height:280px;background:radial-gradient(circle,#94d2ffa6,#94d2ff00);animation-delay:-2s}.hero-visual__orb--two{width:220px;height:220px;background:radial-gradient(circle,#ffb3df99,#ffb3df00);animation-delay:-5s}.hero-visual__card{position:relative;padding:32px 28px;border-radius:28px;background:linear-gradient(140deg,#ffffffeb,#e3eeffeb);box-shadow:0 28px 70px -45px #8880d88c;text-align:center;display:grid;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-visual__card p{margin:0;font-size:.75rem;letter-spacing:.6px;text-transform:uppercase;color:#5e558cc7;font-weight:600}.hero-visual__card h3{margin:0;font-size:1.2rem;color:#40326a}.draw-button{padding:14px 32px;border-radius:999px;border:none;font-weight:700;background:linear-gradient(135deg,#ff9ad6,#9f87ff);color:#fff;cursor:pointer;letter-spacing:.5px;box-shadow:0 18px 38px -20px #9f87ff99;transition:transform .2s ease,box-shadow .2s ease}.draw-button:hover{transform:translateY(-1px);box-shadow:0 28px 60px -26px #9f87ff99}.share-button{padding:12px 28px;border-radius:999px;border:none;font-weight:600;background:linear-gradient(135deg,#9d8cff,#ffb7e5);color:#fff;cursor:pointer;letter-spacing:.4px;box-shadow:0 18px 42px -26px #a78cff8c;transition:transform .2s ease,box-shadow .2s ease}.share-button:hover{transform:translateY(-1px);box-shadow:0 24px 56px -28px #a78cff99}.share-button:focus-visible{outline:2px solid rgba(173,173,255,.85);outline-offset:4px}.share-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.main-menu{display:grid;gap:clamp(18px,4vw,28px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:clamp(28px,6vw,44px) 0}.main-menu__card{position:relative;display:block;border-radius:28px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 32px 96px -70px #8a73d58c;transition:transform .25s ease,box-shadow .25s ease;background:linear-gradient(180deg,#ffffff1a,#fff6)}.main-menu__card:hover,.main-menu__card:focus-visible{transform:translateY(-4px);box-shadow:0 42px 110px -60px #8a73d5a6;outline:none}.main-menu__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,#94d2ff73,#ffc0e740);mix-blend-mode:soft-light;opacity:0;transition:opacity .25s ease}.main-menu__card:hover:before,.main-menu__card:focus-visible:before{opacity:1}.main-menu__image{width:100%;height:clamp(220px,28vw,260px);object-fit:cover;display:block;transform:scale(1.05);transition:transform .3s ease}.main-menu__card:hover .main-menu__image,.main-menu__card:focus-visible .main-menu__image{transform:scale(1.12)}.main-menu__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:end;padding:clamp(18px,5vw,32px);background:linear-gradient(180deg,#22184800 35%,#221848bf);gap:10px}.main-menu__eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:#ffffffd1}.main-menu__title{margin:0;font-size:clamp(1.5rem,4vw,2rem);color:#fff;text-shadow:0 8px 24px rgba(30,20,70,.45)}.feature-block{margin:clamp(36px,7vw,56px) 0}.secondary-button{padding:12px 26px;border-radius:999px;border:none;font-weight:600;background:linear-gradient(135deg,#9af0de,#74c0ff);color:#fff;cursor:pointer;letter-spacing:.4px;box-shadow:0 18px 42px -28px #71bfdb99;transition:transform .2s ease,box-shadow .2s ease}.secondary-button:hover{transform:translateY(-1px);box-shadow:0 26px 56px -28px #71bfdb9e}.secondary-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.secondary-button:focus-visible{outline:2px solid rgba(116,198,239,.9);outline-offset:4px}.result{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,3vw,28px);align-items:start;justify-items:center;padding:clamp(16px,4vw,24px);border-radius:28px;background:linear-gradient(160deg,#fffffff2,#eaf4ffdb);border:1px solid rgba(196,184,255,.32);box-shadow:0 32px 90px -58px #8c63c673;max-width:720px;margin:0 auto}.detail-shell{position:relative;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .45s ease}.detail-shell--animating{will-change:transform,opacity}.detail-shell--enter{transform:none!important;opacity:1!important}.card-art img{width:min(240px,56vw);border-radius:20px;box-shadow:0 34px 70px -50px #9774d3ad}.card-label{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#5842858c}.result h2{margin:6px 0 10px;font-size:clamp(1.7rem,3.4vw,2.2rem);color:#5a45a6}.drawn-at{margin:0 0 14px;font-size:13px;color:#5842858c}.reading{width:min(400px,80vw)}.reading-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px}.reading-tab{border:1px solid rgba(176,173,255,.6);background:#ffffffd1;color:#634da6d9;padding:8px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.reading-tab.is-active{background:linear-gradient(135deg,#ffb6e8f2,#a8c7ffe6);color:#fff;box-shadow:0 22px 45px -30px #9666b699}.reading-tab:focus-visible{outline:2px solid rgba(174,173,255,.85);outline-offset:4px}.reading-section{padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,#fff7ffe0,#e5f1ffe0);border:1px solid rgba(201,198,255,.3);box-shadow:0 16px 40px -28px #9666b661;text-align:left}.reading-section h3{margin:0 0 10px;font-size:16px;color:#5a45a6}.reading-section p{margin:0;color:#493a76d1;line-height:1.6;font-size:15px;white-space:pre-line}.reading-expanded{display:grid;gap:clamp(18px,3.5vw,24px);margin-top:clamp(18px,3vw,28px)}.reading-keywords{display:grid;gap:10px}.reading-keywords__label{margin:0;font-weight:600;color:#402d68d1}.reading-keywords ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.reading-keywords li{padding:6px 12px;border-radius:999px;background:#c1d1ff66;color:#4a3b85;font-size:.9rem;font-weight:600}.reading-expanded__grid,.reading-expanded__meta{display:grid;gap:12px}.reading-expanded__item{padding:clamp(14px,3vw,18px);border-radius:18px;background:#eff5ffe6;border:1px solid rgba(193,209,255,.45);display:grid;gap:6px}.reading-expanded__item h4{margin:0;color:#4a3b85;font-size:1rem}.reading-expanded__item p{margin:0;color:#372b5fd1;line-height:1.6;white-space:pre-line}@media (min-width: 720px){.reading-expanded__grid,.reading-expanded__meta{grid-template-columns:repeat(3,minmax(0,1fr))}}.selection{padding:clamp(24px,6vw,36px);max-width:720px;margin:0 auto;border-radius:28px;background:linear-gradient(150deg,#fffffff0,#ffecfae6);border:1px solid rgba(255,189,232,.35);box-shadow:0 30px 84px -62px #ab76d973}.selection-hero{max-width:720px;margin:0 auto;padding:clamp(22px,6vw,32px);border-radius:28px;background:radial-gradient(circle at top left,#ffc2f059,#a6d7ff4d);border:1px solid rgba(194,182,255,.3);text-align:center;box-shadow:0 28px 70px -50px #946fc266}.selection-hero__eyebrow{margin:0;font-weight:700;color:#634da6e6;letter-spacing:.4px}.selection-hero__title{margin:8px 0 16px;font-size:clamp(1.6rem,4vw,2rem);color:#4a3579}.selection-hero__steps{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:#493a76c7;font-size:15px}.selection-hero__steps li{position:relative;padding:6px 14px;border-radius:999px;background:#ffffffc7;box-shadow:0 16px 36px -28px #9666b659}.selection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.selection-subtitle{margin:12px 0 0;color:#493a76ad;max-width:50ch}.selection-grid{margin-top:clamp(20px,5vw,28px);display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(90px,12vw,140px),1fr));gap:clamp(18px,4vw,28px);justify-items:center}.selection-empty{width:100%;text-align:center;margin:0;color:#493a7699}.selection-card{position:relative;padding:0;border:none;background:transparent;cursor:pointer;perspective:1200px;transition:transform .2s ease}.selection-card:disabled{cursor:not-allowed;opacity:.8}.selection-card:focus-visible{outline:2px solid rgba(174,173,255,.85);outline-offset:6px}.selection-card--grid{position:relative;width:clamp(84px,16vw,140px);opacity:0;animation:dealIn .4s ease forwards;animation-delay:calc(var(--card-index, 0) * 45ms);z-index:calc(200 - var(--card-index, 0))}.selection-card__inner{position:relative;width:100%;aspect-ratio:2.35 / 3.6;transform-style:preserve-3d;transform-origin:center;border-radius:16px;box-shadow:0 18px 40px -34px #8a56c26b;transition:transform .7s cubic-bezier(.6,-.28,.735,.045),box-shadow .3s ease;transform:rotate(var(--card-tilt, 0deg))}.selection-card--flipping .selection-card__inner{transform:rotate(var(--card-tilt, 0deg)) rotateY(180deg)}.selection-card:hover .selection-card__inner{box-shadow:0 26px 50px -30px #8a56c280;transform:rotate(var(--card-tilt, 0deg)) translateY(-3px)}.selection-card:disabled .selection-card__inner{transform:rotate(var(--card-tilt, 0deg));box-shadow:0 16px 32px -28px #8a56c252}.selection-card__pulse{position:absolute;top:50%;left:50%;width:clamp(78px,14vw,132px);height:clamp(78px,14vw,132px);transform:translate(-50%,-50%);border-radius:40%;background:radial-gradient(circle,#ffc1eb40,#adcdff00);opacity:.65;filter:blur(.5px);animation:cardPulse 3.2s ease-in-out infinite;pointer-events:none}.selection-card--toneA .selection-card__pulse{background:radial-gradient(circle,#ffcdee4d,#fff0)}.selection-card--toneB .selection-card__pulse{background:radial-gradient(circle,#a8c7ff4d,#fff0)}.selection-card--toneC .selection-card__pulse{background:radial-gradient(circle,#b4ffe647,#fff0)}.selection-card__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:18px;overflow:hidden;backface-visibility:hidden;display:grid;place-items:center}.selection-card__face img{width:100%;height:100%;object-fit:cover}.selection-card__back{background:radial-gradient(circle at top,#ffd0f133,#7c6fb8d9)}.selection-card__front{transform:rotateY(180deg);background:#fff}.selection-card__glow{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:14px;background:linear-gradient(135deg,#ffc3eb59,#a8c7ff4d);opacity:0;transition:opacity .3s ease}.selection-card:hover .selection-card__glow{opacity:1}.selection-card--toneA .selection-card__inner{animation:floatA 5s ease-in-out infinite}.selection-card--toneB .selection-card__inner{animation:floatB 5.4s ease-in-out infinite}.selection-card--toneC .selection-card__inner{animation:floatC 4.8s ease-in-out infinite}.placeholder{padding:clamp(24px,6vw,36px);text-align:center;border-radius:24px;border:1px dashed rgba(196,184,255,.5);background:#ffffffc7;color:#493a76b8;font-size:18px}.placeholder span{font-weight:700;color:#ff96d5}.history{padding:clamp(20px,5vw,28px);border:1px solid rgba(196,184,255,.32);border-radius:28px;background:linear-gradient(150deg,#ffffffe6,#eef6ffe6);max-width:720px;margin:0 auto}.history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;text-align:left}.history h2{margin:0}.history ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.history-empty{margin:0;color:#493a769e}.history li{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#a8c7ff24}.history img{width:100%;border-radius:12px}.history-title{margin:0;font-weight:600;color:#5a45a6}.history-label{margin:4px 0;font-size:14px;color:#493a76a6}.history-date{margin:0 0 8px;font-size:12px;color:#493a768c}.history-reading{margin:0;font-size:14px;color:#493a76cc;line-height:1.6}.result-actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@keyframes bubbleFloat{0%,to{transform:translateY(0) translate(0);opacity:.85}50%{transform:translateY(-12px) translate(6px);opacity:1}}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04)}}@keyframes cardPulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.85}}@keyframes dealIn{0%{opacity:0;transform:rotate(var(--card-tilt, 0deg)) translateY(24px)}60%{opacity:1;transform:rotate(var(--card-tilt, 0deg)) translateY(-6px)}to{opacity:1;transform:rotate(var(--card-tilt, 0deg)) translateY(0)}}@keyframes shuffleWave{0%{transform:rotate(var(--card-tilt, 0deg)) translateY(0)}50%{transform:rotate(calc(var(--card-tilt, 0deg) + 4deg)) translateY(-6px)}to{transform:rotate(calc(var(--card-tilt, 0deg) - 4deg)) translateY(4px)}}@keyframes floatA{0%,to{transform:rotateY(0) translateY(0)}50%{transform:rotateY(0) translateY(-6px)}}@keyframes floatB{0%,to{transform:rotateY(0) translateY(0)}50%{transform:rotateY(2deg) translateY(-4px)}}@keyframes floatC{0%,to{transform:rotateY(0) translateY(0)}50%{transform:rotateY(-2deg) translateY(-5px)}}.clear-button{padding:12px 26px;border-radius:999px;border:1px solid rgba(196,184,255,.4);background:#ffffffd1;color:#634da6c7;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.clear-button:hover:enabled{background:linear-gradient(135deg,#ffc3eb59,#cfe0ff59);color:#5a45a6;box-shadow:0 20px 46px -32px #9666b666}.clear-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.footer{text-align:center;color:#493a76a6;font-size:14px}.footer-note{margin:8px 0 0;color:#8765bebf;font-size:13px}@media (min-width: 900px){.subtitle{max-width:50ch}.result{grid-template-columns:clamp(200px,28%,240px) 1fr;justify-items:start;align-items:start;text-align:left}.reading{max-width:46ch}.result-actions{justify-content:flex-start}}@media (max-width: 720px){.language-toggle{align-self:center}.selection{padding:clamp(20px,7vw,32px)}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(68px,26vw,112px),1fr));gap:clamp(14px,6vw,24px)}.selection-card--grid{width:clamp(68px,28vw,110px)}.selection-card__inner{border-radius:18px}}@media (max-width: 480px){.selection-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(60px,42vw,92px),1fr));gap:clamp(14px,8vw,24px)}.selection-card--grid{width:clamp(60px,36vw,92px)}.selection-card__pulse{width:clamp(66px,32vw,112px);height:clamp(66px,32vw,112px)}}@media (min-width: 1200px){.selection{max-width:880px}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:28px}.selection-card--grid{width:clamp(110px,12vw,140px)}.selection-card__pulse{width:clamp(108px,12vw,150px);height:clamp(108px,12vw,150px)}}@media (max-width: 600px){.history-header{justify-content:center;text-align:center}.history li{grid-template-columns:48px 1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.selection--shuffling .selection-card--grid{animation:shuffleWave .6s ease-in-out infinite alternate;animation-delay:calc(var(--card-index, 0) * 40ms);opacity:1}.selection--shuffling .selection-card{pointer-events:none}:root{font-family:Noto Sans Thai,Prompt,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#402b67;background:#fef8ff;min-height:100vh}body{margin:0;min-height:100vh;color:#402b67;background:linear-gradient(180deg,#fff7fb,#f5f9ff 55%,#fff);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;width:520px;height:520px;border-radius:50%;z-index:-1;pointer-events:none}body:before{top:-160px;left:-120px;background:radial-gradient(circle,#ffc1eb52,#ffc1eb00)}body:after{bottom:-220px;right:-160px;background:radial-gradient(circle,#aad1ff47,#aad1ff00)}*{box-sizing:border-box}a{color:inherit}button{font:inherit}#root{min-height:100vh;position:relative;z-index:0}