*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page-bg);min-height:100%}body{min-width:320px;min-height:100%;color:var(--ink);background:radial-gradient(circle at 12% 10%, var(--aura-strong), transparent 26rem), radial-gradient(circle at 88% 0%, var(--aura-soft), transparent 24rem), var(--page-bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{max-width:100%;display:block}:root,[data-theme=pink-yellow]{--page-bg:#fff8e8;--surface:#fffdf7db;--surface-strong:#fffdf8;--ink:#312434;--muted:#7d6672;--line:#6f485b2e;--accent:#e9a93d;--accent-strong:#c95f89;--accent-soft:#ffe6a1;--button-ink:#2e2030;--shadow:0 24px 70px #7c4c512e;--card-glow:#eaa93d61;--aura-strong:#ffcf648a;--aura-soft:#ffaed55c}[data-theme=white-blue]{--page-bg:#eef7ff;--surface:#ffffffe0;--surface-strong:#fff;--ink:#17243b;--muted:#5c6b82;--line:#355e962e;--accent:#4a8fe7;--accent-strong:#265fb8;--accent-soft:#d8efff;--button-ink:#102039;--shadow:0 24px 70px #2a5b8e29;--card-glow:#4a8fe757;--aura-strong:#badeffb8;--aura-soft:#ffffffd1}.app-shell{width:min(100%,1100px);min-height:100vh;margin:0 auto;padding:10px 14px 40px}.site-header{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.brand-mark{color:var(--ink);align-items:center;gap:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;text-decoration:none;display:inline-flex}.brand-symbol{border:1px solid var(--line);width:34px;height:34px;color:var(--accent-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;place-items:center;display:grid}.segmented-control{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segment{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px}.segment[data-active=true]{color:var(--button-ink);background:linear-gradient(135deg, var(--accent-soft), var(--surface-strong));box-shadow:inset 0 0 0 1px var(--line)}.review-panel{border:1px dashed var(--line);background:#ffffff6b;border-radius:14px;flex-wrap:wrap;gap:8px;margin:6px 0 8px;padding:8px;display:flex}.review-group{color:var(--muted);flex:160px;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;display:flex}.ritual-panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), #ffffff70);box-shadow:var(--shadow);border-radius:24px;padding:14px 12px;position:relative;overflow:hidden}.ritual-panel:before{pointer-events:none;content:"";background-image:radial-gradient(circle, var(--accent) 0 1px, transparent 1.5px), radial-gradient(circle, var(--accent-strong) 0 1px, transparent 1.5px);opacity:.16;background-position:12px 18px,55px 72px;background-size:92px 92px,134px 134px;position:absolute;inset:0}.ritual-panel>*{position:relative}.eyebrow{color:var(--accent-strong);text-align:center;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{text-align:center;max-width:720px;margin:0 auto 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,6.4vw,2.75rem);line-height:1.12}.deck-stage{touch-action:manipulation;height:clamp(230px,36svh,340px);min-height:230px;margin:0 auto;position:relative;overflow:hidden}.deck-stage--fan{height:clamp(230px,32svh,300px);min-height:230px}.deck-stage--circle{height:clamp(320px,38svh,380px);min-height:320px}.deck{--fan-span:min(34vw, 160px);--circle-radius:min(31vw, 132px);position:absolute;inset:0}.deck-card{aspect-ratio:.6;cursor:pointer;filter:drop-shadow(0 8px 10px #181b2c3d);transform-origin:50% 128%;width:clamp(34px,8.8vw,58px);animation:.62s cubic-bezier(.18,.82,.26,1) both deal-in;animation-delay:var(--deal-delay);will-change:transform, opacity;background:0 0;border:0;border-radius:8px;padding:0;transition:transform .18s,filter .18s;position:absolute}.deck-card img{object-fit:cover;border-radius:8px;width:100%;height:100%;box-shadow:0 0 0 1px #ffffff38}.deck-card:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px;z-index:8}.deck--fan:before{border-top:1px solid var(--line);content:"";opacity:.48;background:radial-gradient(at 50% 100%,#ffffffa3,#0000 62%);border-radius:50% 50% 0 0/100% 100% 0 0;height:58%;position:absolute;bottom:10px;left:6%;right:6%}.deck--fan .deck-card{transform:translateX(-50%) translateX(calc(var(--fan-progress) * var(--fan-span))) translateY(var(--fan-y)) rotate(var(--fan-angle));bottom:36px;left:50%}.deck--fan .deck-card:hover,.deck--fan .deck-card:focus-visible{z-index:8;filter:drop-shadow(0 12px 18px #181b2c47);transform:translateX(-50%) translateX(calc(var(--fan-progress) * var(--fan-span))) translateY(calc(var(--fan-y) - 28px)) rotate(var(--fan-angle)) scale(1.06)}.deck--fan .deck-card[data-selected=true]{z-index:9;filter:drop-shadow(0 0 22px var(--card-glow));transform:translateX(-50%) translateX(calc(var(--fan-progress) * var(--fan-span))) translateY(calc(var(--fan-y) - 48px)) rotate(var(--fan-angle)) scale(1.12)}.deck--circle .deck-card{transform-origin:50%;width:clamp(28px,7.6vw,50px);transform:translate(-50%, -50%) rotate(var(--circle-angle)) translateY(calc(var(--circle-radius) * -1));top:50%;left:50%}.deck--circle:before{width:calc(var(--circle-radius) * 2 + 96px);aspect-ratio:1;border:1px solid var(--line);content:"";background:radial-gradient(circle,#ffffff8a,#0000 62%);border-radius:999px;max-width:92%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck--circle .deck-card:hover,.deck--circle .deck-card:focus-visible{z-index:8;filter:drop-shadow(0 12px 18px #181b2c47);transform:translate(-50%, -50%) rotate(var(--circle-angle)) translateY(calc((var(--circle-radius) + 20px) * -1)) scale(1.08)}.deck--circle .deck-card[data-selected=true]{z-index:9;filter:drop-shadow(0 0 22px var(--card-glow));transform:translate(-50%,-50%)rotate(0)scale(1.5)}.reading-controls{justify-items:center;gap:10px;margin:2px auto 0;display:grid}.hint-text,.trust-line,.disclaimer{color:var(--muted);text-align:center;margin:0;font-size:.88rem;line-height:1.45}.control-row,.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary-action,.secondary-action,.ghost-action{cursor:pointer;border-radius:999px;min-height:44px;font-weight:700;text-decoration:none}.primary-action{color:var(--button-ink);background:linear-gradient(135deg, var(--accent-soft), var(--accent));box-shadow:0 14px 34px var(--card-glow);border:0;padding:10px 18px}.primary-action:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.secondary-action,.ghost-action{border:1px solid var(--line);color:var(--ink);background:var(--surface);padding:9px 15px}.ghost-action{color:var(--muted);background:0 0}.as-link{justify-content:center;align-items:center;display:inline-flex}.trust-line{margin-top:10px;font-size:.82rem}.category-section{padding:22px 0 4px}.category-section h2{text-align:center;margin:0 0 12px;font-size:clamp(1.1rem,4.5vw,1.6rem)}.category-grid{gap:10px;display:grid}.category-item{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:72px;padding:12px;display:grid}.category-item>span{width:38px;height:38px;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;place-items:center;display:grid}.category-item h3,.category-item p{margin:0}.category-item h3{font-size:1rem}.category-item p{color:var(--muted);font-size:.88rem;line-height:1.45}.site-footer{padding:22px 4px 8px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12152285;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.modal-backdrop--nested{z-index:40;place-items:center;padding:18px}.fortune-modal,.small-modal,.preview-modal{width:min(100%,760px);color:var(--ink);background:radial-gradient(circle at 50% 0%, var(--aura-strong), transparent 24rem), var(--surface-strong);box-shadow:var(--shadow);position:relative}.fortune-modal{border-radius:26px 26px 0 0;gap:14px;max-height:100svh;padding:24px 18px 28px;display:grid;overflow-y:auto}.small-modal,.preview-modal{border:1px solid var(--line);text-align:center;border-radius:24px;max-height:min(92svh,820px);padding:22px;overflow-y:auto}.modal-close{border:1px solid var(--line);min-width:42px;min-height:36px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:999px;justify-self:end}.modal-card-reveal{perspective:1000px;width:min(50vw,260px);margin:0 auto}.modal-card-inner{aspect-ratio:.6;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.7,.2,1);position:relative}.modal-card-reveal[data-revealed=true] .modal-card-inner{transform:rotateY(180deg)}.modal-card-face{backface-visibility:hidden;object-fit:cover;border-radius:14px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 18px 50px #14192842}.modal-card-front{transform:rotateY(180deg)}.reveal-loading{color:var(--muted);text-align:center;margin:0;font-weight:700}.fortune-content{gap:12px;max-width:620px;margin:0 auto;display:grid}.fortune-content h2,.fortune-content h3,.fortune-content p{margin:0}.fortune-content h2{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,8vw,3rem)}.fortune-content h3{color:var(--accent-strong);text-align:center;font-size:clamp(1rem,4.8vw,1.35rem)}.fortune-content p{line-height:1.75}.line-contact{border:1px solid var(--line);min-height:46px;color:var(--ink);background:var(--surface);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;text-decoration:none;display:flex}.line-contact span{color:#0f2d15;background:#b9f4c8;border-radius:999px;padding:4px 8px;font-size:.78rem}.tip-symbol{width:62px;height:62px;color:var(--button-ink);background:linear-gradient(135deg, var(--accent-soft), var(--accent));border-radius:999px;place-items:center;margin:0 auto 8px;font-size:1.8rem;display:grid}.qr-image{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(68vw,300px);margin:10px auto}.account-box{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:4px;margin:12px auto;padding:12px;display:grid}.account-box span,.account-box small{color:var(--muted)}.preview-frame{border:1px solid var(--line);background:#ffffff70;border-radius:18px;place-items:center;min-height:360px;max-height:62svh;margin:14px auto;display:grid;overflow:auto}.preview-frame img{width:min(100%,360px);height:auto}@keyframes deal-in{0%{opacity:0;scale:.88;translate:var(--deal-x) var(--deal-y)}to{opacity:1;translate:0;scale:1}}@media (width>=720px){.app-shell{padding:22px 24px 56px}.review-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ritual-panel{padding:28px}.deck-stage--fan{height:350px}.deck-stage--circle{height:470px}.deck{--fan-span:min(39vw, 440px);--circle-radius:190px}.deck-card{width:clamp(44px,5.2vw,66px)}.deck--circle .deck-card{width:clamp(36px,4.5vw,54px)}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-item{text-align:center;grid-template-columns:1fr;align-content:start;min-height:150px}.category-item>span{margin:0 auto}.modal-backdrop{place-items:center;padding:28px}.fortune-modal{border:1px solid var(--line);border-radius:28px;max-height:min(92svh,900px)}}@media (width<=390px){.segment{padding-inline:9px;font-size:.82rem}.control-row{width:100%}.primary-action,.secondary-action,.ghost-action{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}