:root{--gold: #d4af37;--bronze: #cd7f32;--amber: #ffbf00;--radius: 20px;--transition: .6s cubic-bezier(.4, 0, .2, 1)}:root,:root[data-theme=dark]{--bg: linear-gradient(to bottom, #0a0e1a 0%, #1a1432 50%, #0f0e1e 100%);--surface: rgba(212, 175, 55, .08);--text: #f5f1e8;--text-muted: #c4b5a0;--shadow: 0 8px 32px rgba(0, 0, 0, .6);--card-back: linear-gradient(135deg, #2d1b4e 0%, #1a0f3a 100%);--card-back-border: rgba(212, 175, 55, .6);--card-front: linear-gradient(135deg, #faf8f3 0%, #f5f0e8 100%);--card-front-border: rgba(205, 127, 50, .4);--card-front-text: #2d1b4e;--modal-bg: linear-gradient(135deg, #2d1b4e 0%, #1a0f3a 100%);--glow-1: rgba(212, 175, 55, .15);--glow-2: rgba(138, 105, 180, .12);--accent: var(--gold);--accent-soft: rgba(212, 175, 55, .2)}:root[data-theme=light]{--bg: linear-gradient(to bottom, #faf8f5 0%, #f0ebe3 50%, #faf8f5 100%);--surface: rgba(212, 175, 55, .12);--text: #2d1b4e;--text-muted: #6d5a7a;--shadow: 0 8px 32px rgba(45, 27, 78, .15);--card-back: linear-gradient(135deg, #8a69b4 0%, #6a4c93 100%);--card-back-border: rgba(212, 175, 55, .5);--card-front: linear-gradient(135deg, #ffffff 0%, #faf8f3 100%);--card-front-border: rgba(138, 105, 180, .3);--card-front-text: #2d1b4e;--modal-bg: linear-gradient(135deg, #faf8f3 0%, #f5f0e8 100%);--glow-1: rgba(212, 175, 55, .2);--glow-2: rgba(138, 105, 180, .15);--accent: var(--bronze);--accent-soft: rgba(205, 127, 50, .2)}:root[data-theme=light] .modal-content{border:2px solid rgba(212,175,55,.3);box-shadow:0 24px 80px #2d1b4e40}:root[data-theme=light] .discard-section{border:2px solid rgba(212,175,55,.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);background-attachment:fixed;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,var(--glow-1),transparent 65%),radial-gradient(circle at 80% 70%,var(--glow-2),transparent 65%),radial-gradient(circle at 50% 50%,var(--glow-1),transparent 85%);pointer-events:none;animation:etherealGlow 40s ease-in-out infinite;opacity:.4}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(212,175,55,.25),transparent),radial-gradient(1.5px 1.5px at 60% 70%,rgba(255,191,0,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(212,175,55,.3),transparent),radial-gradient(1px 1px at 80% 10%,rgba(205,127,50,.25),transparent),radial-gradient(1.5px 1.5px at 90% 60%,rgba(212,175,55,.2),transparent),radial-gradient(1px 1px at 15% 90%,rgba(255,191,0,.25),transparent),radial-gradient(1px 1px at 10% 10%,rgba(212,175,55,.2),transparent),radial-gradient(1.5px 1.5px at 70% 40%,rgba(205,127,50,.22),transparent);background-size:200% 200%;background-position:0% 0%;pointer-events:none;animation:twinkleStars 35s ease-in-out infinite;opacity:.35}@keyframes twinkleStars{0%,to{opacity:.25;background-position:0% 0%}50%{opacity:.5;background-position:100% 100%}}@keyframes etherealGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.app{max-width:1800px;margin:0 auto;padding:clamp(16px,3vw,24px);min-height:100vh;display:flex;flex-direction:column;position:relative}.incense-smoke{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.smoke-wisp{position:absolute;width:100px;height:400px;filter:blur(2px)}.smoke-1{left:15%;bottom:-50px;animation:riseSmoke1 50s ease-in-out infinite}.smoke-2{right:20%;bottom:-50px;animation:riseSmoke2 55s ease-in-out infinite;animation-delay:8s}.smoke-3{left:60%;bottom:-50px;animation:riseSmoke3 52s ease-in-out infinite;animation-delay:16s}@keyframes riseSmoke1{0%{transform:translateY(0) translate(0) scaleY(1);opacity:0}15%{opacity:.15}50%{transform:translateY(-200px) translate(15px) scaleY(1.08);opacity:.12}85%{opacity:.08}to{transform:translateY(-400px) translate(-8px) scaleY(1.15);opacity:0}}@keyframes riseSmoke2{0%{transform:translateY(0) translate(0) scaleY(1);opacity:0}15%{opacity:.12}50%{transform:translateY(-220px) translate(-18px) scaleY(1.1);opacity:.1}85%{opacity:.06}to{transform:translateY(-420px) translate(12px) scaleY(1.18);opacity:0}}@keyframes riseSmoke3{0%{transform:translateY(0) translate(0) scaleY(1);opacity:0}15%{opacity:.1}50%{transform:translateY(-210px) translate(12px) scaleY(1.09);opacity:.08}85%{opacity:.05}to{transform:translateY(-410px) translate(-15px) scaleY(1.16);opacity:0}}.floating-mandalas{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.mandala{position:absolute;width:150px;height:150px;filter:blur(1px)}.mandala-1{top:10%;left:8%;animation:floatMandala1 60s ease-in-out infinite}.mandala-2{top:60%;right:10%;animation:floatMandala2 70s ease-in-out infinite;animation-delay:10s}.mandala-3{bottom:15%;left:50%;animation:floatMandala3 65s ease-in-out infinite;animation-delay:20s}@keyframes floatMandala1{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.15}50%{transform:translate(-20px,-30px) rotate(180deg) scale(1.1);opacity:.25}}@keyframes floatMandala2{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.12}50%{transform:translate(25px,20px) rotate(-180deg) scale(1.08);opacity:.22}}@keyframes floatMandala3{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.14}50%{transform:translate(-15px,25px) rotate(180deg) scale(1.12);opacity:.24}}.floating-petals{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.petal{position:absolute;width:30px;height:45px;filter:blur(.5px)}.petal-1{top:20%;right:15%;animation:driftPetal1 45s ease-in-out infinite}.petal-2{top:70%;left:12%;animation:driftPetal2 50s ease-in-out infinite;animation-delay:8s}.petal-3{top:40%;right:25%;animation:driftPetal3 48s ease-in-out infinite;animation-delay:16s}.petal-4{bottom:25%;left:20%;animation:driftPetal4 52s ease-in-out infinite;animation-delay:24s}@keyframes driftPetal1{0%,to{transform:translate(0) rotate(0);opacity:.06}50%{transform:translate(-40px,60px) rotate(180deg);opacity:.12}}@keyframes driftPetal2{0%,to{transform:translate(0) rotate(0);opacity:.05}50%{transform:translate(35px,-50px) rotate(-180deg);opacity:.1}}@keyframes driftPetal3{0%,to{transform:translate(0) rotate(0);opacity:.06}50%{transform:translate(30px,45px) rotate(180deg);opacity:.11}}@keyframes driftPetal4{0%,to{transform:translate(0) rotate(0);opacity:.04}50%{transform:translate(-25px,-40px) rotate(-180deg);opacity:.09}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:32px;gap:24px;position:relative}.decorative-lotus{filter:drop-shadow(0 4px 12px rgba(212,175,55,.3));animation:floatLotus 12s ease-in-out infinite}@keyframes floatLotus{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}.decorative-divider{filter:drop-shadow(0 2px 8px rgba(212,175,55,.3))}.title{font-family:Playfair Display,serif;font-size:clamp(2.25rem,7vw,4rem);font-weight:500;background:linear-gradient(135deg,var(--gold) 0%,var(--amber) 50%,var(--bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:shimmer 18s ease-in-out infinite;letter-spacing:.02em;line-height:1.2;text-shadow:0 0 40px rgba(212,175,55,.2)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:clamp(.8rem,2vw,1rem);color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;font-weight:400;opacity:.9}.home-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-muted);letter-spacing:.02em;margin-top:8px;margin-bottom:16px}.spread-container{display:flex;flex-direction:column;gap:20px;flex:1}.instruction{text-align:center;font-size:clamp(.9rem,2vw,1.05rem);color:var(--text-muted);animation:breathe 8s ease-in-out infinite;padding:0 80px;font-weight:400;letter-spacing:.02em}@keyframes breathe{0%,to{opacity:.6}50%{opacity:.9}}.main-layout{display:flex;flex-direction:column;align-items:center;gap:28px;flex:1}.discard-section{width:100%;max-width:1200px;margin:64px auto 0;padding:32px;background:var(--surface);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius);border:2px solid rgba(212,175,55,.15);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d;overflow:visible;position:relative}.discard-section:before{content:"";position:absolute;top:16px;left:16px;width:45px;height:45px;border-top:2px solid rgba(212,175,55,.35);border-left:2px solid rgba(212,175,55,.35);border-radius:10px 0 0;pointer-events:none;z-index:1}.discard-section:after{content:"";position:absolute;bottom:16px;right:16px;width:45px;height:45px;border-bottom:2px solid rgba(212,175,55,.35);border-right:2px solid rgba(212,175,55,.35);border-radius:0 0 10px;pointer-events:none;z-index:1}.first-card-hint{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#d4af37f2,#cd7f32f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2d1b4e;padding:14px 28px;border-radius:20px;font-size:.92rem;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #d4af3759,0 0 0 1px #fff3 inset,0 4px 12px #0003;white-space:nowrap;z-index:10;animation:fluidEntrance .6s cubic-bezier(.34,1.56,.64,1) forwards,gentleFloat 3s ease-in-out .6s infinite}.first-card-hint:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--gold),var(--amber),var(--bronze));border-radius:21px;z-index:-1;opacity:0;animation:pulseGlow 2s ease-in-out 1s infinite}.first-card-hint:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(205,127,50,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));animation:subtleBob 3s ease-in-out .6s infinite}.hint-icon{width:26px;height:26px;animation:smoothPoint 2.5s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(45,27,78,.4))}.hint-text{letter-spacing:.03em;position:relative}@keyframes fluidEntrance{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes gentleFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@keyframes smoothPoint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes subtleBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(2px)}}@keyframes pulseGlow{0%,to{opacity:0}50%{opacity:.4}}.discard-header{text-align:center;margin-bottom:24px}.discard-title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2rem);background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;letter-spacing:.02em}.card-count{font-size:.9rem;color:var(--text-muted);margin-top:8px;font-weight:400}.discard-hint{font-size:.85rem;color:var(--text-muted);opacity:.8;margin-top:6px}.share-buttons{display:flex;gap:8px;margin:12px auto 0;justify-content:center}.share-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:20px;color:var(--gold);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-button:hover{background:#d4af3733;border-color:var(--gold);transform:translateY(-2px)}.share-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.share-button svg{width:16px;height:16px}.share-button span{font-family:Inter,sans-serif}.instagram-story-button{background:linear-gradient(45deg,#833ab426,#fd1d1d26,#fcb04526);border-color:#e1306c66}.instagram-story-button:hover:not(:disabled){background:linear-gradient(45deg,#833ab440,#fd1d1d40,#fcb04540);border-color:#e1306c99}.discard-pile{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,110px));gap:clamp(14px,2vw,24px);justify-content:center;width:100%;overflow:hidden}@media(max-width:768px){.discard-pile{grid-template-columns:repeat(auto-fit,minmax(85px,95px));gap:14px}}@media(max-width:480px){.discard-pile{grid-template-columns:repeat(auto-fit,minmax(80px,90px));gap:12px}}.discard-card{width:100%;aspect-ratio:2/3;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent;max-width:110px;margin:0 auto}.deck-container{flex:1;display:grid;place-items:center;perspective:1500px;width:100%}.cards-spread{width:100%;display:flex;flex-direction:column;gap:20px;padding:20px 0}.card-row{position:relative;height:145px;width:100%;display:grid;place-items:center}@media(max-width:768px){.card-row{height:140px}}.card{position:absolute;width:72px;height:108px;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.card{width:82px;height:123px}}.card.selected{opacity:.25;pointer-events:none}.card-inner{width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card.flipped .card-front,.discard-card .card-inner.flipped .card-front{opacity:1;pointer-events:auto}.card.flipped .card-pattern,.discard-card .card-inner.flipped .card-pattern{opacity:0}.card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;box-shadow:var(--shadow)}.card-back{background:var(--card-back);border:2px solid var(--card-back-border);display:grid;place-items:center;padding:14px;position:absolute;inset:0;overflow:hidden}.card-back:before{content:"";position:absolute;inset:6px;border:1px solid rgba(212,175,55,.3);border-radius:10px;pointer-events:none}.card-pattern{width:44px;height:44px;opacity:.9;filter:drop-shadow(0 2px 8px rgba(212,175,55,.4));transition:opacity .3s ease}.card-pattern circle,.card-pattern path{stroke:var(--gold);fill:var(--gold)}.card-front{background:var(--card-front);border:2px solid var(--card-front-border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;text-align:center;position:absolute;z-index:1;inset:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.card-front:before{content:"";position:absolute;inset:6px;border:1px solid rgba(205,127,50,.2);border-radius:10px;pointer-events:none}.card-icon{width:100%;height:40px;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));display:flex;align-items:center;justify-content:center}.blessing-icon-svg{width:100%;height:100%;max-width:40px;max-height:40px}.card-title{font-size:.72rem;color:var(--card-front-text);font-weight:600;line-height:1.3;letter-spacing:.01em}@media(max-width:768px){.card-icon{height:45px}.blessing-icon-svg{max-width:45px;max-height:45px}.card-title{font-size:.78rem}}.reset-button{background:var(--surface);color:var(--text-muted);border:2px solid rgba(212,175,55,.2);padding:16px 40px;font-size:.95rem;border-radius:var(--radius);cursor:pointer;margin:28px auto 0;font-weight:500;transition:var(--transition);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:52px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px}.reset-icon{width:20px;height:20px;color:var(--text-muted);transition:var(--transition)}.reset-button:hover{background:var(--accent-soft);border-color:#d4af374d;transform:translateY(-1px);box-shadow:0 6px 20px #d4af3726}.reset-button:hover .reset-icon{color:var(--gold);transform:rotate(180deg)}.reset-button:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#0a0e1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:grid;place-items:center;padding:24px}.modal-content{background:var(--modal-bg);border-radius:var(--radius);padding:clamp(36px,6vw,52px);max-width:640px;width:100%;border:2px solid rgba(212,175,55,.25);box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1a;position:relative}.modal-content:before{content:"";position:absolute;top:16px;left:16px;width:50px;height:50px;border-top:2px solid rgba(212,175,55,.4);border-left:2px solid rgba(212,175,55,.4);border-radius:10px 0 0;pointer-events:none}.modal-content:after{content:"";position:absolute;bottom:16px;right:16px;width:50px;height:50px;border-bottom:2px solid rgba(212,175,55,.4);border-right:2px solid rgba(212,175,55,.4);border-radius:0 0 10px;pointer-events:none}.modal-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(212,175,55,.2)}.modal-icon{width:100%;height:clamp(80px,15vw,120px);display:flex;align-items:center;justify-content:center;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(212,175,55,.3))}.modal-blessing-icon{width:100%;height:100%;max-width:120px;max-height:120px}.modal-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,2.5rem);background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;line-height:1.3;letter-spacing:.02em}.modal-body{font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;color:var(--text-muted);margin-bottom:24px;text-align:center}.modal-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0 24px}.keyword-chip{display:inline-block;padding:6px 14px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:.85rem;color:var(--gold);font-weight:500;letter-spacing:.02em;transition:all .2s ease}.keyword-chip:hover{background:#d4af3733;border-color:var(--gold);transform:translateY(-1px)}.modal-enhanced-sections{display:flex;flex-direction:column;gap:12px;margin:24px 0 32px;width:100%}.enhanced-section{background:var(--surface);border:1px solid rgba(212,175,55,.15);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.enhanced-section:hover{border-color:#d4af374d}.section-header{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;text-align:left;transition:all .2s ease}.section-header:hover{background:#d4af370d}.section-icon{width:20px;height:20px;color:var(--gold);flex-shrink:0}.section-header span{flex:1;font-family:Inter,sans-serif}.expand-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.section-content{padding:0 16px 20px 48px;overflow:hidden}.section-content p{font-size:.95rem;line-height:1.7;color:var(--text-muted);margin:0;text-align:left}.modal-share-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.modal-share-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--surface);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent}.modal-share-btn:hover{background:#d4af3726;border-color:#d4af3780}.modal-share-btn:disabled{opacity:.6;cursor:not-allowed}.modal-share-btn svg{color:var(--gold)}.modal-story-btn{background:linear-gradient(45deg,#833ab426,#fd1d1d26,#fcb04526);border-color:#e1306c66}.modal-story-btn:hover{background:linear-gradient(45deg,#833ab440,#fd1d1d40,#fcb04540);border-color:#e1306c99}.modal-story-btn svg{color:#e1306c}.close-button{background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);color:#2d1b4e;border:none;padding:18px 44px;font-size:1.05rem;border-radius:var(--radius);cursor:pointer;margin:0 auto;font-weight:600;transition:var(--transition);box-shadow:0 8px 24px #d4af3766,inset 0 1px #ffffff4d;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:56px;width:100%;max-width:300px;display:block;letter-spacing:.03em}.close-button:hover{transform:translateY(-2px);box-shadow:0 10px 32px #d4af3780}.close-button:active{transform:translateY(0)}.menu-toggle{position:fixed;top:max(20px,env(safe-area-inset-top,20px));right:max(20px,env(safe-area-inset-right,20px));width:60px;height:60px;border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(212,175,55,.2);cursor:pointer;z-index:10001;box-shadow:var(--shadow);transition:var(--transition);display:grid;place-items:center;-webkit-tap-highlight-color:transparent;padding:0}.menu-toggle:hover{background:var(--accent-soft);border-color:#d4af374d;box-shadow:0 6px 20px #d4af3733}@media(max-width:768px){.menu-toggle{top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));width:56px;height:56px}}.hamburger{width:26px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2.5px;background:var(--accent);border-radius:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.hamburger.open span:nth-child(1){transform:translateY(8.75px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;background:#0a0e1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999}.menu-panel{position:fixed;top:0;right:0;width:min(360px,85vw);height:100vh;background:var(--modal-bg);border-left:2px solid rgba(212,175,55,.3);z-index:10000;padding:28px;padding-top:max(28px,env(safe-area-inset-top,28px));padding-bottom:max(28px,env(safe-area-inset-bottom,28px));box-shadow:-8px 0 32px #00000080;overflow-y:auto}.menu-title{font-family:Playfair Display,serif;font-size:1.75rem;background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:28px;padding-top:52px;font-weight:500;letter-spacing:.02em}.menu-items{display:flex;flex-direction:column;gap:14px}.menu-item{display:flex;align-items:center;gap:18px;padding:18px 20px;background:var(--surface);border:2px solid rgba(212,175,55,.15);border-radius:var(--radius);color:var(--text);font-size:1.05rem;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;width:100%;text-align:left;letter-spacing:.02em;text-decoration:none;font-family:Inter,system-ui,sans-serif}.menu-item:hover{background:var(--accent-soft);border-color:#d4af3740;transform:translate(-4px);box-shadow:3px 3px 12px #d4af3726}.menu-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.menu-svg{width:24px;height:24px;color:var(--text);transition:var(--transition)}.menu-item:hover .menu-svg{color:var(--gold);filter:drop-shadow(0 2px 6px rgba(212,175,55,.4));transform:scale(1.05)}footer{text-align:center;padding:28px;font-size:.9rem;color:var(--text-muted);margin-top:auto;opacity:.8;letter-spacing:.02em}.footer-blessing{margin:0 0 8px}.footer-instagram{display:inline-flex;align-items:center;gap:6px;margin:8px 0;color:var(--text-muted);text-decoration:none;font-size:.85rem;opacity:.7;transition:opacity .2s ease,color .2s ease}.footer-instagram:hover{opacity:1;color:var(--gold)}.footer-instagram svg{flex-shrink:0}.footer-disclaimer{margin:0;font-size:.75rem;opacity:.6;font-style:italic}.footer-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0;flex-wrap:wrap}.footer-link{background:none;border:none;padding:0;font-family:inherit;color:var(--text-muted);text-decoration:none;font-size:.85rem;opacity:.7;transition:opacity .2s ease,color .2s ease;cursor:pointer}.footer-link:hover{opacity:1;color:var(--gold)}.footer-divider{color:var(--text-muted);opacity:.3;font-size:.8rem}@media(max-width:768px){.app{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.home-container{min-height:70vh;padding:20px;gap:20px}.title{font-size:clamp(2rem,10vw,2.75rem)}.subtitle{font-size:.85rem;letter-spacing:.25em}.home-subtitle{font-size:.95rem;width:100%;max-width:340px}.instruction{font-size:.9rem;margin:14px 0;padding:0 70px}.deck-container{padding-top:14px}.cards-spread{gap:16px}.card-row{height:135px}.reset-button{padding:14px 36px;font-size:.95rem;min-height:52px;width:100%;max-width:340px}.reset-icon{width:18px;height:18px}.discard-section{padding:24px 18px;margin:48px auto 0}.first-card-hint{top:-54px;padding:12px 20px;font-size:.87rem;max-width:90%}.first-card-hint:after{bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(205,127,50,.95)}.hint-icon{width:22px;height:22px}.discard-title{font-size:1.5rem}.card-count{font-size:.85rem}.discard-hint{font-size:.8rem}.modal-overlay{padding:18px}.modal-content{padding:32px 26px}.modal-icon{height:90px}.modal-blessing-icon{max-width:90px;max-height:90px}.modal-title{font-size:1.75rem}.modal-body{font-size:1rem;line-height:1.7}.modal-keywords{margin:16px 0 20px;gap:6px}.keyword-chip{font-size:.8rem;padding:5px 12px}.section-header{padding:14px;font-size:.95rem}.section-icon{width:18px;height:18px}.section-content{padding:0 14px 16px 46px}.section-content p{font-size:.9rem}.close-button{padding:16px 40px;min-height:54px;width:100%}.menu-icon{width:32px;height:32px}.menu-svg{width:22px;height:22px}footer{padding:24px 18px;font-size:.85rem}}@media(max-width:480px){.app{padding:10px}.title{font-size:clamp(1.75rem,12vw,2.25rem)}.intro-container{gap:20px;padding:16px}.reset-button{padding:14px 32px;font-size:.95rem}.reset-icon{width:16px;height:16px}.card-row{height:125px}.modal-content{padding:28px 22px}.modal-title{font-size:1.5rem}.modal-icon{height:75px}.modal-blessing-icon{max-width:75px;max-height:75px}}.reading-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:1000px;margin-top:16px}.reading-option{background:var(--surface);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(212,175,55,.15);border-radius:var(--radius);padding:32px 24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.reading-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.05),transparent);opacity:0;transition:opacity .4s}.reading-option:hover{border-color:#d4af3766;box-shadow:0 12px 40px #d4af3740;transform:translateY(-4px)}.reading-option:hover:before{opacity:1}.reading-option-icon{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(212,175,55,.3))}.reading-option-title{font-family:Playfair Display,serif;font-size:1.5rem;background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;letter-spacing:.02em;margin:0}.reading-option-desc{font-size:.95rem;color:var(--text-muted);text-align:center;line-height:1.6;margin:0}.reading-option-badge{background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);color:#2d1b4e;padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:600;margin-top:8px;box-shadow:0 4px 12px #d4af374d}.three-card-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:600px;margin:0 auto}.three-card-position{display:flex;flex-direction:column;align-items:center;gap:12px}.three-card-label{font-family:Playfair Display,serif;font-size:1.1rem;background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;letter-spacing:.02em;text-align:center}@media(max-width:768px){.reading-options{grid-template-columns:1fr;gap:20px}.reading-option{padding:28px 20px}.reading-option-icon{width:70px;height:70px}.three-card-layout{gap:16px}.three-card-label{font-size:.95rem}}@media(max-width:480px){.reading-option-icon{width:60px;height:60px}.reading-option-title{font-size:1.3rem}.reading-option-desc{font-size:.9rem}}.content-page{min-height:100vh;padding:80px 20px 60px;display:flex;justify-content:center}.content-container{max-width:800px;width:100%}.content-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 50%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:40px;font-weight:600}.content-intro{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.7}.content-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.content-section h2{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--gold);margin-bottom:16px;font-weight:500}.content-section h3{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--gold-light);margin:24px 0 12px;font-weight:500}.content-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px;font-size:1rem}.content-section p:last-child{margin-bottom:0}.content-list{list-style:none;padding:0;margin:16px 0}.content-list li{color:var(--text-secondary);line-height:1.7;margin-bottom:12px;padding-left:24px;position:relative}.content-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);border-radius:50%}.content-list li strong{color:var(--text-primary)}.content-blessing{font-family:Playfair Display,serif;font-style:italic;color:var(--gold);text-align:center;margin-top:24px;font-size:1.1rem}.content-cta{display:block;margin:40px auto 0;padding:16px 40px;background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);color:#0a0e1a;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #d4af374d}.content-cta:hover{box-shadow:0 6px 30px #d4af3780}.menu-divider{height:1px;background:linear-gradient(90deg,transparent,var(--card-border),transparent);margin:8px 0}.meanings-page{padding-bottom:100px}.meanings-page .content-container{max-width:1200px}.meanings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.meaning-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.meaning-card:hover{border-color:var(--gold);box-shadow:0 8px 30px #d4af3733}.meaning-card-icon{width:50px;height:50px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.meaning-icon-svg{width:100%;height:100%}.meaning-card-title{font-family:Playfair Display,serif;font-size:1.25rem;color:var(--gold);text-align:center;margin-bottom:12px;font-weight:500}.meaning-card-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.6;text-align:center;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meaning-card-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.meaning-keyword{font-size:.75rem;padding:4px 10px;background:#d4af371a;color:var(--gold);border-radius:20px;border:1px solid rgba(212,175,55,.2)}@media(max-width:768px){.content-page{padding:60px 16px 40px}.content-section{padding:24px 20px}.content-section h2{font-size:1.3rem}.meanings-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.meaning-card{padding:20px}}@media(max-width:480px){.content-title{font-size:1.8rem;margin-bottom:30px}.content-section{padding:20px 16px}.meanings-grid{grid-template-columns:1fr}}