:root{--bg: #0a0c1e;--bg-soft: #10142e;--surface: rgba(24, 22, 44, .72);--surface-strong: rgba(30, 26, 54, .88);--line: rgba(217, 189, 143, .28);--line-soft: rgba(217, 189, 143, .14);--text: #efeaf6;--text-dim: rgba(215, 208, 233, .62);--text-faint: rgba(215, 208, 233, .38);--gold: #d9bd8f;--gold-soft: rgba(217, 189, 143, .5);--radius-card: 14px;--radius-pill: 999px;--shadow-card: 0 14px 40px rgba(0, 0, 0, .42), 0 1px 0 rgba(255, 255, 255, .06) inset;--shadow-lift: 0 22px 48px rgba(0, 0, 0, .5);--max-w: 780px;--content-pad: 22px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(120% 70% at 50% -8%,rgba(60,48,120,.55) 0%,transparent 62%),radial-gradient(90% 55% at 100% 0%,rgba(34,54,92,.55) 0%,transparent 58%),radial-gradient(70% 40% at 0% 100%,rgba(58,26,58,.35) 0%,transparent 60%),linear-gradient(180deg,#0a0c1e,#0e1230);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.85;background-image:radial-gradient(1.4px 1.4px at 7% 12%,rgba(255,255,255,.95) 50%,transparent 52%),radial-gradient(1px 1px at 18% 8%,rgba(255,255,255,.7) 50%,transparent 52%),radial-gradient(1.2px 1.2px at 28% 18%,rgba(255,255,255,.85) 50%,transparent 52%),radial-gradient(1px 1px at 42% 6%,rgba(255,255,255,.6) 50%,transparent 52%),radial-gradient(1.3px 1.3px at 56% 14%,rgba(255,255,255,.9) 50%,transparent 52%),radial-gradient(1px 1px at 68% 10%,rgba(255,255,255,.65) 50%,transparent 52%),radial-gradient(1.2px 1.2px at 82% 16%,rgba(255,255,255,.8) 50%,transparent 52%),radial-gradient(1px 1px at 92% 9%,rgba(255,255,255,.7) 50%,transparent 52%),radial-gradient(1px 1px at 12% 28%,rgba(255,255,255,.55) 50%,transparent 52%),radial-gradient(1.4px 1.4px at 88% 26%,rgba(255,255,255,.9) 50%,transparent 52%),radial-gradient(1px 1px at 6% 42%,rgba(255,255,255,.5) 50%,transparent 52%),radial-gradient(1.1px 1.1px at 94% 38%,rgba(255,255,255,.75) 50%,transparent 52%),radial-gradient(1px 1px at 22% 52%,rgba(255,255,255,.5) 50%,transparent 52%),radial-gradient(1.2px 1.2px at 78% 48%,rgba(255,255,255,.7) 50%,transparent 52%),radial-gradient(1px 1px at 8% 62%,rgba(255,255,255,.45) 50%,transparent 52%),radial-gradient(1.3px 1.3px at 91% 58%,rgba(255,255,255,.8) 50%,transparent 52%),radial-gradient(1px 1px at 16% 74%,rgba(255,255,255,.5) 50%,transparent 52%),radial-gradient(1px 1px at 84% 72%,rgba(255,255,255,.55) 50%,transparent 52%),radial-gradient(1.2px 1.2px at 32% 88%,rgba(255,255,255,.65) 50%,transparent 52%),radial-gradient(1px 1px at 62% 82%,rgba(255,255,255,.5) 50%,transparent 52%),radial-gradient(1.1px 1.1px at 48% 92%,rgba(255,255,255,.7) 50%,transparent 52%),radial-gradient(1px 1px at 74% 94%,rgba(255,255,255,.55) 50%,transparent 52%),radial-gradient(1px 1px at 38% 42%,rgba(255,255,255,.32) 50%,transparent 52%),radial-gradient(1px 1px at 64% 62%,rgba(255,255,255,.3) 50%,transparent 52%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:radial-gradient(1px 1px at 14% 22%,rgba(196,181,253,.9) 50%,transparent 52%),radial-gradient(1px 1px at 52% 18%,rgba(196,181,253,.7) 50%,transparent 52%),radial-gradient(1px 1px at 86% 32%,rgba(196,181,253,.6) 50%,transparent 52%),radial-gradient(1px 1px at 26% 68%,rgba(196,181,253,.5) 50%,transparent 52%),radial-gradient(1px 1px at 72% 78%,rgba(196,181,253,.55) 50%,transparent 52%)}#root{min-height:100vh;min-height:100dvh}a{color:inherit}button{font:inherit}.app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch}.page{width:100%;max-width:var(--max-w);margin:0 auto;padding-left:var(--content-pad);padding-right:var(--content-pad);padding-bottom:max(20px,env(safe-area-inset-bottom));position:relative}.kicker{margin:0;font-size:10px;letter-spacing:.38em;color:var(--gold);opacity:.9;font-family:Georgia,Songti SC,serif;text-align:center}.kicker--pale{opacity:.75}.btn{appearance:none;border:1px solid transparent;border-radius:999px;padding:15px 28px;font-size:16px;font-weight:600;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent;user-select:none}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn--primary{background:linear-gradient(180deg,#e8d5b4,#d9bd8f);color:#1a1330;border-color:#d9bd8fe6;box-shadow:0 10px 28px #00000059,0 1px #ffffff8c inset}.btn--primary:hover{box-shadow:0 14px 32px #0000006b,0 1px #ffffffb3 inset}.btn--ghost{background:#ffffff12;color:var(--text);border-color:#ffffff24;backdrop-filter:blur(10px)}.btn--ghost:hover{background:#ffffff1a;border-color:#fff3}.btn--quiet{opacity:.72}.disclaimer{font-size:10.5px;line-height:1.6;color:var(--text-faint);text-align:center;max-width:34em;margin:18px auto 0}.page--home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));gap:0;animation:fadeIn .6s ease both}.home__atmos{position:absolute;inset:0;pointer-events:none;overflow:hidden}.home__atmos-glow{position:absolute;left:50%;top:-8%;width:min(560px,150vw);height:min(420px,70vh);transform:translate(-50%);background:radial-gradient(52% 56% at 50% 42%,rgba(99,78,150,.48) 0%,rgba(58,46,110,.2) 42%,transparent 72%);filter:blur(8px)}.home__atmos-rings{position:absolute;left:50%;top:74%;width:min(520px,135vw);height:min(520px,135vw);transform:translate(-50%,-50%)}.home__atmos-rings span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.home__atmos-rings span:last-child{inset:11%;border-color:#d9bd8f2e}.home__atmos-moon{position:absolute;left:50%;top:74%;width:84px;height:84px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(58% 58% at 42% 38%,#f6f2e8,#e6dfcc 36%,#c8c6d8,#9fb0d6);box-shadow:0 0 48px #e8e1c873,0 0 92px #786eb440}.home__atmos-moon-shadow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(78% 78% at 68% 42%,rgba(16,20,46,.45) 0%,transparent 62%)}.home__atmos-arc{position:absolute;left:50%;top:74%;width:min(420px,112vw);height:min(420px,112vw);transform:translate(-50%,-50%) rotate(-18deg);border-radius:50%;border:1px dashed rgba(217,189,143,.18);mask:radial-gradient(circle,transparent 62%,black 76%)}.home__stars{list-style:none;margin:0;padding:0}.home__stars li{position:absolute;width:3px;height:3px;border-radius:50%;background:#f0ece2e6;box-shadow:0 0 8px #f0ece2b3}.home__stars li:nth-child(1){left:14%;top:18%;opacity:.9}.home__stars li:nth-child(2){left:78%;top:12%;opacity:.7}.home__stars li:nth-child(3){left:88%;top:42%;opacity:.5}.home__stars li:nth-child(4){left:10%;top:54%;opacity:.45}.home__stars li:nth-child(5){left:82%;top:68%;opacity:.5}.page--home .kicker{position:relative;z-index:1;margin-top:10px}.home__h1{position:relative;z-index:1;margin:14px 0;font-size:clamp(26px,7.2vw,34px);line-height:1.18;font-weight:500;letter-spacing:.06em;color:#f3eef8;text-shadow:0 2px 24px rgba(0,0,0,.35)}.home__h1 span{display:block;white-space:nowrap}.home__sub{position:relative;z-index:1;margin:0;font-size:14px;line-height:1.7;color:var(--text-dim);letter-spacing:.04em}.home__sub span{display:block}.home__hint{position:relative;z-index:1;margin:10px 0 0;font-size:13px;color:#e8ddc8eb;letter-spacing:.08em}.home__cta{position:relative;z-index:1;margin-top:18px;min-width:min(300px,84vw);font-size:16px;letter-spacing:.02em}.home__meta{position:relative;z-index:1;margin:14px 0 0;font-size:11px;letter-spacing:.08em;color:var(--text-faint)}.page--home .disclaimer{position:relative;z-index:1;margin-top:18px}.page--home{height:100vh;height:100dvh;min-height:0;overflow:hidden}@media (max-height: 780px){.page--home .home__h1{font-size:26px;margin:10px 0 8px}.page--home .disclaimer{font-size:9.5px;line-height:1.45;margin-top:10px}.home__atmos-moon{width:72px;height:72px}}@media (max-height: 700px){.page--home{justify-content:flex-start;padding-top:clamp(18px,4vh,28px)}.home__atmos-moon{width:68px;height:68px}.home__h1{margin-top:8px;margin-bottom:8px;font-size:clamp(23px,6.5vw,30px)}.home__hint{margin-top:6px}.home__cta,.page--home .disclaimer{margin-top:12px}}.page--ritual{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:max(18px,env(safe-area-inset-top));animation:fadeIn .5s ease both}.ritual__wrap{width:100%;max-width:420px;padding:28px 18px 22px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);position:relative;overflow:hidden}.ritual__halo{position:absolute;left:50%;top:-42%;width:120%;height:90%;transform:translate(-50%);background:radial-gradient(60% 70% at 50% 50%,rgba(217,189,143,.12),transparent 72%);pointer-events:none}.ritual__title{margin:10px 0 16px;font-size:24px;font-weight:500;letter-spacing:.12em;color:#f3eef8}.ritual__lines{margin:0;font-size:14px;line-height:1.9;color:var(--text-dim)}.ritual__lines span{display:block}.ritual__lines--accent{margin-top:10px;color:#e8ddc8f5;font-size:14px}.ritual__hint{margin:14px 0 0;font-size:12.5px;color:#e8ddc8e0;letter-spacing:.06em}.ritual__cta{margin-top:18px;min-width:200px}.page--select{height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom));animation:fadeIn .45s ease both}.page--select .disclaimer{flex-shrink:0;margin-top:8px;font-size:9.5px}.select__head{text-align:center;padding-top:6px;padding-bottom:14px}.select__title{margin:10px 0 6px;font-size:clamp(18px,4.8vw,22px);font-weight:600;letter-spacing:.04em;color:#f3eef8}.select__sub{margin:0;font-size:12.5px;color:var(--text-faint);letter-spacing:.05em;line-height:1.7}.select__sub span{display:block}.select__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;width:100%;max-width:420px;margin:0 auto}@media (min-width: 720px){.select__grid{max-width:620px;grid-template-columns:repeat(3,1fr);gap:14px}}.pick-card{appearance:none;border:none;background:transparent;padding:0;cursor:pointer;position:relative;aspect-ratio:200 / 300;border-radius:var(--radius-card);overflow:visible;-webkit-tap-highlight-color:transparent;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .32s ease,filter .32s ease;animation:cardIn .5s ease both;animation-delay:calc(var(--i, 0) * .06s)}.pick-card:focus-visible{outline:2px solid rgba(217,189,143,.9);outline-offset:3px}.pick-card__inner{width:100%;height:100%;border-radius:inherit;overflow:hidden;box-shadow:var(--shadow-card);position:relative}.card-back-wrap,.card-back-svg{width:100%;height:100%;display:block}.card-front{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:linear-gradient(158deg,#1a1636,#12102a)}.card-front__art{flex:1;overflow:hidden;display:flex}.card-front__art svg{width:100%;height:100%;display:block}.card-front__meta{padding:8px 8px 9px;text-align:center;background:#0a0c1eeb;border-top:1px solid rgba(217,189,143,.18);display:flex;flex-direction:column;gap:2px;align-items:center}.card-front__en{font-size:7.5px;letter-spacing:.14em;color:#d9bd8fd9;font-family:Georgia,serif}.card-front__name{font-size:14px;font-weight:600;letter-spacing:.14em;color:#f3eef8}.card-front__kw{font-size:9px;letter-spacing:.22em;color:#ffffff73}.pick-card.is-selected{transform:translateY(-8px) scale(1.04);z-index:2}.pick-card.is-selected .pick-card__inner{box-shadow:0 18px 42px #00000080,0 0 0 1px #d9bd8f73,0 0 22px #d9bd8f38}.pick-card.is-dimmed{opacity:.38;filter:saturate(.55) blur(.3px);transform:scale(.98);pointer-events:none}.page--reveal{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));position:relative;overflow:hidden;animation:fadeIn .5s ease both}.reveal__orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(18px)}.reveal__orb--a{width:360px;height:360px;left:50%;top:18%;transform:translate(-50%);background:radial-gradient(circle,var(--glow) 0%,transparent 68%);opacity:.9}.reveal__orb--b{width:520px;height:520px;left:50%;top:42%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 68%)}.reveal__wrap{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;animation:riseIn .6s cubic-bezier(.22,1,.36,1) both}.reveal-card{width:min(200px,52vw);aspect-ratio:200 / 300;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px #00000080,0 0 0 1px #ffffff14 inset;display:flex;flex-direction:column;animation:cardReveal .7s cubic-bezier(.22,1,.36,1) both}.reveal-card__art{flex:1;overflow:hidden}.reveal-card__art svg{width:100%;height:100%;display:block}.reveal-card__meta{padding:10px 10px 12px;background:#0a0c1eeb;border-top:1px solid rgba(217,189,143,.18);display:flex;flex-direction:column;align-items:center;gap:3px}.reveal-card__en{font-size:8px;letter-spacing:.16em;color:#d9bd8fd9;font-family:Georgia,serif}.reveal-card__name{font-size:16px;font-weight:600;letter-spacing:.14em;color:#f3eef8}.reveal-card__kw{font-size:10px;letter-spacing:.2em;color:#ffffff73}.reveal__label{margin:18px 0 0;font-size:11px;letter-spacing:.28em;color:var(--text-faint)}.reveal__name{margin:8px 0 0;font-size:30px;font-weight:600;letter-spacing:.14em;color:#f3eef8}.reveal__line{margin:10px 0 0;font-size:13.5px;line-height:1.7;color:var(--text-dim);max-width:20em}.reveal__window{margin-top:16px;width:100%;padding:14px 16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:4px;align-items:center}.reveal__window-label{font-size:11px;letter-spacing:.18em;color:var(--text-faint)}.reveal__window-text{font-size:18px;font-weight:600;letter-spacing:.04em;color:#f3eef8}.reveal__window-note{font-size:11px;color:var(--text-faint)}.reveal__cta{margin-top:18px;min-width:min(280px,82vw)}.reveal__hint{margin:14px 0 0;font-size:11px;color:var(--text-faint)}.page--result{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom));animation:fadeIn .5s ease both}.result__hero{text-align:center;padding-top:8px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:18px}.result__hero-card{width:min(220px,56vw);aspect-ratio:200 / 300;margin:14px auto 0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;position:relative}.result__hero-art{flex:1;overflow:hidden}.result__hero-art svg{width:100%;height:100%;display:block}.result__hero-meta{padding:10px 10px 12px;background:#0a0c1eeb;border-top:1px solid rgba(217,189,143,.18);display:flex;flex-direction:column;gap:3px;align-items:center}.result__hero-en{font-size:8px;letter-spacing:.16em;color:#d9bd8fd9;font-family:Georgia,serif}.result__hero-name{font-size:18px;font-weight:600;letter-spacing:.14em;color:#f3eef8}.result__hero-kw{font-size:10px;letter-spacing:.2em;color:#ffffff73}.result__hero-main{margin:14px 0 0;font-size:14px;line-height:1.7;color:#e8ddc8f2;font-style:italic}.result__body{display:flex;flex-direction:column;gap:16px}.result__section{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 14px;backdrop-filter:blur(10px)}.result__section--warn{border-color:#d9bd8f38;background:#201c34b8}.result__section--note{background:linear-gradient(165deg,#d9bd8f1f,#18162cc7);border-color:#d9bd8f33}.result__section--share{background:#ffffff0a}.result__section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.result__section-no{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--gold);background:#d9bd8f1f;border:1px solid rgba(217,189,143,.22)}.result__eyebrow{margin:0;font-size:10px;letter-spacing:.22em;color:var(--text-faint);font-family:Georgia,serif}.result__title{margin:4px 0 0;font-size:17px;font-weight:600;letter-spacing:.06em;color:#f3eef8}.result__section-body{display:flex;flex-direction:column;gap:14px}.result__block{display:flex;flex-direction:column;gap:8px}.result__label{margin:0;font-size:12px;letter-spacing:.14em;color:var(--text-faint)}.result__para{margin:0;font-size:13.5px;line-height:1.85;color:#efeaf6eb;white-space:pre-wrap}.window-box{text-align:center;padding:14px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.window-box__main{margin:0;font-size:20px;font-weight:600;letter-spacing:.04em;color:#f3eef8}.window-box__note{margin:6px 0 0;font-size:11px;color:var(--text-faint)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-pill);font-size:12.5px;letter-spacing:.04em;color:#efeaf6eb;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.tag-row--meet .tag{background:#d9bd8f1a;border-color:#d9bd8f2e}.pace{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}.pace__step{display:inline-flex;align-items:center;gap:8px}.pace__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #d9bd8f73;flex-shrink:0}.pace__text{font-size:13px;color:#efeaf6eb;white-space:nowrap}.pace__arrow{width:18px;height:1px;background:#ffffff38;position:relative;flex-shrink:0}.pace__arrow:after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1px solid rgba(255,255,255,.32);border-right:1px solid rgba(255,255,255,.32);transform:translateY(-50%) rotate(45deg)}.pace__note{margin:0;font-size:12px;color:var(--text-faint);line-height:1.6}.result__note-block{display:flex;gap:10px;align-items:flex-start}.result__note-mark{flex-shrink:0;margin-top:2px;color:var(--gold);font-size:14px}.result__share-sub{margin:0 0 12px;font-size:12.5px;color:var(--text-faint)}.result__share-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.result__share-actions .btn{width:100%}.result__share-tip{margin:10px 0 0;font-size:11px;color:var(--text-faint);text-align:center;line-height:1.5}.result__nav{display:flex;flex-direction:column;gap:10px;margin-top:6px}.result__nav .btn{width:100%}.share{display:flex;justify-content:center}.share__preview{width:min(100%,360px);aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;position:relative;box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.08)}.share__preview:before{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(217,189,143,.35);pointer-events:none}.share__preview:after{content:"";position:absolute;inset:16px;border-radius:10px;border:1px solid rgba(217,189,143,.14);pointer-events:none}.share__preview-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 16px 14px}.share__top{margin:0;font-size:15px;font-weight:600;letter-spacing:.14em;color:#f3eef8}.share__kicker{margin:4px 0 0;font-size:8px;letter-spacing:.28em;color:#d9bd8fd9;font-family:Georgia,serif}.share__art{width:120px;aspect-ratio:200 / 150;margin-top:10px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 22px #00000059}.share__art svg{width:100%;height:100%;display:block}.share__cardname{margin:10px 0 0;font-size:22px;font-weight:600;letter-spacing:.16em;color:#f3eef8}.share__keyword{margin-top:6px;display:inline-flex;padding:4px 14px;border-radius:999px;border:1px solid rgba(217,189,143,.4);font-size:11px;letter-spacing:.16em;color:var(--gold)}.share__info{margin:12px 0 0;display:flex;flex-direction:column;gap:8px;width:100%}.share__info div{display:flex;flex-direction:column;gap:2px}.share__info dt{font-size:9px;letter-spacing:.18em;color:var(--text-faint)}.share__info dd{margin:0;font-size:12px;font-weight:600;color:#f3eef8;letter-spacing:.04em}.share__quote{margin:12px 0 0;font-size:11px;font-style:italic;line-height:1.6;color:#e8ddc8e6;max-width:18em}.share__foot{margin:auto 0 0;padding-top:10px;font-size:8.5px;letter-spacing:.16em;color:var(--text-faint)}.reveal__echo{margin:16px 0 0;font-size:12.5px;line-height:1.8;color:#e8ddc8d9;letter-spacing:.06em;text-align:center}.result__part-head{text-align:center;padding:6px 0 4px}.result__part-head--psyche{padding-top:10px}.result__part-kicker{display:inline-block;font-size:11px;letter-spacing:.28em;color:var(--gold);font-family:Georgia,serif}.result__part-title{margin:8px 0 0;font-size:22px;font-weight:600;letter-spacing:.08em;color:#f3eef8}.result__part-sub{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:var(--text-faint)}.result__transition{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 0 10px}.result__transition-line{width:56px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,189,143,.45),transparent)}.result__transition-icon{width:36px;height:36px;border-radius:50%;border:1px solid rgba(217,189,143,.45);display:inline-flex;align-items:center;justify-content:center}.result__transition-icon span{width:7px;height:7px;border-radius:50%;display:block;box-shadow:0 0 10px #d9bd8f80}.result__transition-en{margin:0;font-size:10px;letter-spacing:.24em;color:var(--text-faint);font-family:Georgia,serif}.result__transition-sub{margin:0;font-size:12.5px;color:var(--text-dim);letter-spacing:.04em}.result__transition-sub2{margin:0;font-size:11px;color:var(--text-faint);letter-spacing:.03em}.result__section--psyche-hero{text-align:center;background:linear-gradient(165deg,#d9bd8f1a,#18162cc7);border-color:#d9bd8f2e}.psyche__eyebrow{margin:0;font-size:10px;letter-spacing:.22em;color:var(--text-faint);font-family:Georgia,serif}.psyche__keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.psyche__kw{display:inline-flex;padding:7px 14px;border-radius:999px;border:1px solid rgba(217,189,143,.4);font-size:13px;font-weight:600;letter-spacing:.08em;background:#ffffff0a}.psyche__keywords-sub{margin:10px 0 0;font-size:11px;letter-spacing:.12em;color:var(--text-faint)}.psyche__bars-note{margin:0 0 10px;font-size:11px;color:var(--text-faint);letter-spacing:.04em}.psyche-bars{display:flex;flex-direction:column;gap:12px}.psyche-bar__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.psyche-bar__label{font-size:12.5px;letter-spacing:.04em;color:#efeaf6e0}.psyche-bar__num{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.psyche-bar__track{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.psyche-bar__fill{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #d9bd8f59}.result__strong{color:#f3eef8;font-weight:700}.share-tabs{display:grid;gap:18px}.share-tabs__pane{display:flex;flex-direction:column;gap:10px}.share-tabs__label{margin:0;font-size:11px;letter-spacing:.16em;color:var(--text-faint);text-align:center}.share__preview--psyche .share__preview-inner{padding-top:16px}.share__psyche-block{margin-top:10px;width:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.share__psyche-label{margin:0;font-size:9px;letter-spacing:.16em;color:var(--text-faint)}.share__psyche-kw{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;color:#f3eef8}.share__psyche-phrase{margin:0;font-size:12px;font-style:italic;line-height:1.6;color:#e8ddc8f2;max-width:20em}.share__psyche-window{margin:2px 0 0;font-size:11px;font-weight:600;letter-spacing:.04em;color:#efeaf6e6}@media (min-width: 720px){.share-tabs{grid-template-columns:1fr 1fr;align-items:start}}.page--quiz{height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom));animation:fadeIn .45s ease both}.quiz__head{text-align:center;padding-top:4px;padding-bottom:8px;flex-shrink:0}.quiz__head .quiz__title{font-size:clamp(18px,4.8vw,21px)}.quiz__title{margin:10px 0 6px;font-size:clamp(19px,5vw,23px);font-weight:600;letter-spacing:.04em;color:#f3eef8}.quiz__sub{margin:0;font-size:12.5px;color:var(--text-faint);line-height:1.7;letter-spacing:.04em}.quiz__progress{display:flex;flex-direction:column;gap:8px;align-items:stretch;max-width:420px;width:100%;margin:0 auto 10px;flex-shrink:0}.quiz__progress-bar{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.quiz__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#e8d5b4,#d9bd8f);transition:width .4s cubic-bezier(.22,1,.36,1)}.quiz__steps{display:flex;gap:8px;justify-content:center}.quiz__dot{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-faint);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.quiz__dot.is-active{border-color:#d9bd8fa6;background:#d9bd8f24;color:var(--gold);transform:scale(1.06)}.quiz__dot.is-done{border-color:#d9bd8f59;background:#d9bd8f38;color:#1a1330}.quiz__dot.is-done.is-active{background:#d9bd8f47;color:var(--gold)}.quiz__dot.is-missed{border-color:#ff787859}.quiz__count{margin:0;text-align:center;font-size:11px;letter-spacing:.08em;color:var(--text-faint)}.quiz__card{width:100%;max-width:520px;margin:0 auto;padding:16px 16px 14px;border-radius:20px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);transition:transform .2s ease;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.quiz__card.is-shake{animation:quizShake .42s ease}.quiz__qno{margin:0;font-size:10px;letter-spacing:.22em;color:var(--gold);font-family:Georgia,serif}.quiz__stem{margin:8px 0 14px;font-size:16px;font-weight:600;line-height:1.55;letter-spacing:.04em;color:#f3eef8}.quiz__opts{display:flex;flex-direction:column;gap:10px}.quiz__opt{appearance:none;width:100%;text-align:left;display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.quiz__opt:hover{border-color:#ffffff29;background:#ffffff0f}.quiz__opt.is-selected{border-color:#d9bd8f8c;background:#d9bd8f1f}.quiz__opt-bullet{flex-shrink:0;margin-top:2px;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease}.quiz__opt.is-selected .quiz__opt-bullet{border-color:var(--gold);background:var(--gold)}.quiz__opt-bullet i{width:7px;height:7px;border-radius:50%;background:transparent;display:block;transition:background .18s ease}.quiz__opt.is-selected .quiz__opt-bullet i{background:#1a1330}.quiz__opt-label{font-size:13.5px;line-height:1.6;color:#efeaf6eb;letter-spacing:.02em}.quiz__hint{margin:10px 0 0;font-size:11px;color:var(--text-faint);text-align:center}.quiz__nav{display:flex;gap:10px;max-width:520px;width:100%;margin:10px auto 0;flex-shrink:0}.page--quiz .disclaimer{flex-shrink:0;margin-top:8px;font-size:9.5px;line-height:1.45}.quiz__foot-hint{flex-shrink:0;margin:6px 0 0;text-align:center;font-size:11px;color:#ffb4a0d9}.quiz__nav-btn{flex:1}.quiz__nav-btn--next{flex:1.15}@keyframes quizShake{0%,to{transform:translate(0)}18%{transform:translate(-5px)}36%{transform:translate(5px)}54%{transform:translate(-3px)}72%{transform:translate(3px)}}.result__hero-affinity{margin:14px auto 0;max-width:420px;padding:10px 14px;border-radius:12px;border:1px solid rgba(217,189,143,.22);background:#ffffff0a;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.result__hero-affinity-en{font-size:10px;letter-spacing:.22em;color:var(--gold);font-family:Georgia,serif}.result__hero-affinity-zh{font-size:13px;font-weight:600;letter-spacing:.08em;color:#f3eef8}.result__hero-affinity-hint{font-size:11px;line-height:1.6;color:var(--text-faint)}.result__section--quiz-summary{border-color:#d9bd8f2e;background:linear-gradient(165deg,#d9bd8f1a,#18162cc7)}.quiz-result__head{text-align:center}.quiz-result__badge{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid;font-size:10px;letter-spacing:.14em;background:#ffffff0a}.quiz-result__title{margin:10px 0 6px;font-size:22px;font-weight:700;letter-spacing:.08em;color:#f3eef8}.quiz-result__phrase{margin:0;font-size:13px;font-style:italic;color:#e8ddc8f2}.quiz-result__summary{margin:10px 0 0;font-size:12.5px;line-height:1.75;color:var(--text-dim)}.quiz-result__meta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.6;color:var(--text-dim)}.quiz-result__meta strong{color:#f3eef8;font-weight:700}.quiz-result__affinity{font-weight:600;letter-spacing:.04em}.quiz-result__hint,.quiz-result__runner{font-size:11px;color:var(--text-faint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.pick-card,.page--home,.page--ritual,.page--select,.page--reveal,.page--result,.reveal__wrap,.reveal-card{animation:none!important;transition:none!important}}@media (max-width: 359px){:root{--content-pad: 16px}.select__grid{gap:10px}}@media (min-width: 900px){.page{padding-left:28px;padding-right:28px}.result__share-actions{flex-direction:row}.result__share-actions .btn{flex:1}.result__nav{flex-direction:row}.result__nav .btn{flex:1}}