@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600&family=Nanum+Myeongjo:wght@400;700&family=Shippori+Mincho:wght@400;500;600&display=swap";:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a5a}::selection{background:#8b5cf64d;color:#fff}.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.home-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(70px + var(--spacing-xl)) var(--spacing-md) var(--spacing-xl);position:relative;z-index:1;max-width:520px;margin:0 auto;width:100%}.home-hero{text-align:center;margin-bottom:var(--spacing-2xl)}.hero-icon{font-size:4rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 30px rgba(201,162,39,.5))}.hero-title{font-family:var(--font-display);font-size:2.8rem;font-weight:600;color:var(--color-accent-gold);letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:1.1rem;color:var(--color-text-secondary);letter-spacing:.05em}.spread-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.spread-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg) var(--spacing-md);text-decoration:none;color:inherit;transition:all .3s ease}.spread-card:hover{border-color:var(--color-accent-gold);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.spread-info{flex:1;min-width:0}.spread-info h3{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.spread-info p{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.spread-count{font-family:var(--font-display);font-size:2rem;color:var(--color-accent-gold);opacity:.8;flex-shrink:0}.home-footer{padding:var(--spacing-lg) var(--spacing-md);text-align:center;position:relative;z-index:1}.home-footer p{font-size:.8rem;color:var(--color-text-muted);letter-spacing:.02em}@media(max-width:480px){.home-content{padding-top:calc(60px + var(--spacing-lg))}.hero-title{font-size:2.2rem}.hero-icon{font-size:3rem}.spread-info h3{font-size:1.1rem}}.tarot-card{perspective:1000px;cursor:pointer;position:relative}.tarot-card.small{width:clamp(60px,12vw,90px)}.tarot-card.normal{width:clamp(100px,18vw,140px)}.tarot-card.large{width:clamp(140px,24vw,200px)}.tarot-card:before{content:"";display:block;padding-top:154%}.card-inner{position:absolute;inset:0;transition:transform .5s ease;transform-style:preserve-3d}.tarot-card.flipped .card-inner{transform:rotateY(180deg)}.tarot-card.reversed.flipped .card-inner{transform:rotateY(180deg) rotate(180deg)}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:6px;overflow:hidden;box-shadow:0 4px 15px #0006;border:2px solid var(--color-accent-gold)}.card-front{transform:rotateY(180deg);background:#000}.card-front img{width:100%;height:100%;object-fit:cover}.card-back{background:linear-gradient(145deg,#1c1c2e,#0c0c14)}.card-back-design{position:absolute;inset:5px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,162,39,.25);border-radius:4px}.card-back-design span{font-size:clamp(1rem,3vw,2rem);color:var(--color-accent-gold);opacity:.7}.tarot-card:not(.flipped):hover .card-back{box-shadow:0 6px 20px #00000080,0 0 15px #7c5cbf4d}.reading{min-height:100vh;min-height:100dvh;overflow:hidden}.reading-content{min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);padding:calc(60px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;max-width:900px;margin:0 auto;width:100%}.phase{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.phase-hint{font-size:1rem;color:var(--color-text-secondary);text-align:center;line-height:1.6}.phase-hint strong{color:var(--color-accent-gold);font-size:1.1rem;font-weight:600}.question-phase{max-width:500px;justify-content:center;min-height:calc(100vh - 180px);padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);gap:var(--spacing-xl)}.question-icon{font-size:4rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 30px rgba(201,162,39,.5))}.question-input{width:100%;background:#ffffff08;border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg);font-size:1rem;color:var(--color-text-primary);font-family:var(--font-body);resize:none;line-height:1.6;margin-bottom:var(--spacing-md)}.question-input:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 20px #c9a22733}.question-input::placeholder{color:var(--color-text-muted)}.btn-glow{box-shadow:0 0 20px #c9a22766}.shuffle-phase{justify-content:center;min-height:350px;padding-top:80px}.shuffle-container{position:relative;width:120px;height:160px;perspective:1000px}.shuffle-card{position:absolute;width:80px;height:120px;left:50%;top:50%;margin-left:-40px;margin-top:-60px;background:linear-gradient(145deg,#252540,#1a1a30);border:2px solid var(--color-accent-gold);border-radius:8px;box-shadow:0 4px 20px #0006}.shuffle-card:after{content:"✦";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-accent-gold);font-size:1.5rem;opacity:.6}.shuffle-text{color:var(--color-accent-purple-light);font-size:1rem;margin-top:var(--spacing-xl)}.selected-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:var(--spacing-md);max-width:600px;margin:0 auto var(--spacing-xl);width:100%;justify-items:center;position:relative}.selected-slots.slots-1{grid-template-columns:1fr!important;max-width:120px!important;width:120px!important;min-width:120px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;justify-items:center!important;justify-content:center!important;box-sizing:border-box!important}.selected-slots.slots-1>.slot{justify-self:center!important;margin:0 auto!important}.selected-slots.slots-10{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:600px;width:100%}.slot{width:clamp(60px,12vw,90px);aspect-ratio:2 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.slot-empty{position:absolute;inset:0;width:100%;height:100%;border:2px dashed rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff08;box-sizing:border-box}.slot-num{width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px);min-width:28px;min-height:28px;flex-shrink:0;border-radius:50%;background:var(--color-accent-gold);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:clamp(.85rem,2vw,1rem);font-weight:600;aspect-ratio:1;box-sizing:border-box}.slot-card{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slot-card .tarot-card{width:100%!important;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:2 / 3!important}.slot-card .tarot-card:before{display:none!important}.slot-card .tarot-card .card-inner{width:100%;height:100%;position:absolute;inset:0}.slot-card .tarot-card .card-front,.slot-card .tarot-card .card-back{width:100%;height:100%}.selected-slots.slots-10 .slot{width:100%;aspect-ratio:2 / 3}.selected-slots.slots-10 .slot-num{width:clamp(24px,5vw,28px);height:clamp(24px,5vw,28px);min-width:24px;min-height:24px;font-size:clamp(.75rem,1.8vw,.9rem);aspect-ratio:1}.selecting-phase{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md) 0;overflow:hidden}.card-fan-container{position:relative;width:100%;height:400px;margin-top:var(--spacing-sm);overflow:visible;padding-top:140px;margin-top:calc(var(--spacing-sm) - 140px)}.card-fan-scroll{position:relative;width:100%;height:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.card-fan-scroll:active{cursor:grabbing}.card-fan-scroll::-webkit-scrollbar{display:none!important;width:0;height:0;background:transparent}.card-fan-inner{position:relative;width:2695px;min-width:100%;height:100%;padding:0;box-sizing:border-box}.card-fan-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:var(--color-text-secondary);font-size:.9rem;pointer-events:none;z-index:10}.fan-card-wrapper{position:absolute;pointer-events:auto;will-change:transform;user-select:none;-webkit-user-select:none}.fan-card-wrapper:active{cursor:grabbing!important}.fan-card-wrapper.selected{opacity:0;pointer-events:none}.fan-card-wrapper .tarot-card{width:clamp(60px,12vw,90px)!important}.fan-card-wrapper.selected{opacity:.3;pointer-events:none}.fan-card-wrapper.disabled:not(.selected){opacity:.5;pointer-events:none}.select-hint{margin-bottom:var(--spacing-md);margin-top:0}.preload-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);background:#7c5cbf26;border:1px solid rgba(124,92,191,.3);border-radius:10px;color:var(--color-accent-purple-light);font-size:.85rem}.preload-spinner{width:16px;height:16px;border:2px solid rgba(160,139,212,.3);border-top-color:var(--color-accent-purple-light);border-radius:50%;animation:spin .8s linear infinite}.revealing-phase{max-width:700px;justify-content:flex-start;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);gap:var(--spacing-xl)}.reveal-actions{min-height:56px;display:flex;justify-content:center;margin-top:var(--spacing-lg)}.reveal-grid{display:grid;gap:var(--spacing-md);justify-content:center;width:100%}.reveal-grid.grid-1{grid-template-columns:1fr;max-width:clamp(120px,25vw,200px);margin:0 auto}.reveal-grid.grid-3{grid-template-columns:repeat(3,1fr);max-width:clamp(600px,90vw,900px);margin:0 auto}.reveal-grid.grid-10{grid-template-columns:repeat(5,1fr);max-width:clamp(600px,90vw,900px);margin:0 auto;gap:12px}.reveal-item{display:flex;flex-direction:column;align-items:center;gap:8px}.reveal-item .tarot-card{width:100%!important;height:auto!important;aspect-ratio:2 / 3!important}.reveal-grid.grid-1 .reveal-item .tarot-card{width:clamp(100px,20vw,180px)!important}.reveal-grid.grid-3 .reveal-item .tarot-card{width:clamp(120px,15vw,200px)!important}.reveal-grid.grid-10 .reveal-item .tarot-card{width:clamp(80px,12vw,140px)!important}.reveal-label{font-size:.75rem;color:var(--color-accent-purple-light);text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reveal-grid.grid-10 .reveal-label{font-size:.65rem;max-width:90px}@media(max-width:768px){.reading-content{padding:calc(60px + var(--spacing-md)) var(--spacing-md) var(--spacing-md)}.card-fan-container{height:380px;padding-top:130px;margin-top:calc(var(--spacing-sm) - 130px)}.card-fan-inner{padding:0}.fan-card-wrapper .tarot-card{width:clamp(60px,12vw,90px)!important}.selected-slots{gap:var(--spacing-md)}.selected-slots.slots-1{grid-template-columns:1fr!important;gap:var(--spacing-md);width:120px!important;max-width:120px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;justify-items:center!important}.selected-slots.slots-10{max-width:500px;gap:12px}.reveal-grid,.reveal-grid.grid-1,.reveal-grid.grid-3{gap:var(--spacing-md)}.reveal-grid.grid-10{max-width:500px;gap:12px}}@media(max-width:600px){.reading-content{padding:calc(60px + var(--spacing-md)) var(--spacing-md) var(--spacing-md)}.card-fan-container{height:350px;padding-top:120px;margin-top:calc(var(--spacing-sm) - 120px)}.card-fan-inner{padding:0}.fan-card-wrapper .tarot-card{width:clamp(60px,12vw,90px)!important}.selected-slots{gap:var(--spacing-md);padding:var(--spacing-md)}.selected-slots.slots-1{grid-template-columns:1fr!important;max-width:120px!important;width:120px!important;gap:var(--spacing-md);margin-left:auto!important;margin-right:auto!important;padding:0!important;justify-items:center!important}.selected-slots.slots-10{max-width:calc(100% - var(--spacing-md) * 2);gap:8px;padding:var(--spacing-sm);margin-left:auto;margin-right:auto}.reveal-grid,.reveal-grid.grid-1,.reveal-grid.grid-3{gap:var(--spacing-md)}.slot{width:clamp(60px,12vw,90px);aspect-ratio:2 / 3}.selected-slots.slots-10 .slot{width:100%;min-width:0}.slot-empty{width:100%;height:100%}.reveal-grid.grid-10{max-width:calc(100% - var(--spacing-md) * 2);gap:8px;margin-left:auto;margin-right:auto}.reveal-grid.grid-3 .reveal-item .tarot-card{width:clamp(80px,28vw,150px)!important}.reveal-grid.grid-10 .reveal-item .tarot-card{width:clamp(50px,17vw,100px)!important}.reveal-grid.grid-10 .reveal-label{font-size:.6rem;max-width:70px}.phase-hint{font-size:.95rem}.phase-hint strong{font-size:1.05rem}}.result{min-height:100vh;min-height:100dvh}.result-content{min-height:calc(100vh - 60px);padding:calc(60px + var(--spacing-lg)) var(--spacing-md) var(--spacing-xl);max-width:900px;margin:0 auto;position:relative;z-index:1}.result-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.result-question{text-align:center;font-style:italic;color:var(--color-accent-purple-light);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#7c5cbf1a;border-radius:12px;border:1px solid rgba(124,92,191,.2)}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:0;background:#00000040;border-radius:16px;max-width:clamp(600px,90vw,900px);margin-left:auto;margin-right:auto;width:100%}.result-cards.cards-1{grid-template-columns:1fr;max-width:clamp(120px,25vw,200px);width:auto;margin-left:auto;margin-right:auto}.result-cards.cards-10{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:clamp(600px,90vw,900px);margin-left:auto;margin-right:auto}.result-card-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s}.result-card-item .tarot-card{width:100%!important;height:auto!important;aspect-ratio:2 / 3!important}.result-cards.cards-1 .result-card-item .tarot-card{width:clamp(100px,20vw,180px)!important}.result-cards.cards-3 .result-card-item .tarot-card{width:clamp(120px,15vw,200px)!important}.result-cards.cards-10 .result-card-item .tarot-card{width:clamp(80px,12vw,140px)!important}.result-card-item:hover{transform:scale(1.08)}.result-card-label{font-size:.75rem;color:var(--color-text-muted);max-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-cards.cards-10 .result-card-label{font-size:.65rem;max-width:90px}.card-tap-hint{text-align:center;font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.5}.result-reading{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:200px}.loading{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--color-text-secondary);font-size:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:var(--spacing-xl)}.error p{color:#e57373;margin-bottom:var(--spacing-md);font-size:1rem}.reading-text{line-height:2}.md-h2{font-size:1.15rem;color:var(--color-accent-gold);margin:var(--spacing-lg) 0 var(--spacing-md);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.md-h2:first-child{margin-top:0}.md-h3{font-size:1rem;color:var(--color-accent-purple-light);margin:var(--spacing-md) 0 var(--spacing-sm)}.md-p{color:var(--color-text-primary);font-size:.95rem;margin-bottom:8px}.md-p strong{color:var(--color-accent-gold)}.md-li{color:var(--color-text-primary);font-size:.95rem;margin-left:var(--spacing-md);margin-bottom:6px}.md-space{height:12px}.result-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.disclaimer{font-size:.8rem;color:var(--color-text-muted);text-align:center;line-height:1.6}.modal-overlay{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);overflow-y:auto}.modal-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:6px 12px;border-radius:8px}.modal-close:hover{background:#fff3;color:var(--color-text-primary)}.card-detail-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);position:relative;max-width:clamp(320px,40vw,450px);text-align:center}.card-detail-modal .modal-close{top:16px;right:16px}.card-detail-img{width:clamp(220px,28vw,320px);margin:var(--spacing-sm) auto var(--spacing-lg);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00000080;aspect-ratio:2 / 3}.card-detail-img.reversed{transform:rotate(180deg)}.card-detail-img img{width:100%;display:block}.card-detail-info h3{font-size:1.3rem;color:var(--color-accent-gold);margin-bottom:8px}.card-detail-position{font-size:1rem;color:var(--color-accent-purple-light);margin-bottom:12px}.reversed-badge{display:inline-block;background:#e5737333;color:#e57373;padding:4px 14px;border-radius:12px;font-size:.85rem}.share-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg);position:relative;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;align-items:center}.share-modal::-webkit-scrollbar{display:none!important;width:0;height:0;background:transparent}.share-modal .modal-close{top:16px;right:16px}.share-card{width:300px;margin:0 auto var(--spacing-md);background:linear-gradient(165deg,#1a1a2e,#0f0f1a);border-radius:12px;overflow:hidden;border:1px solid rgba(201,162,39,.4);box-shadow:0 8px 30px #00000080;min-height:auto;display:flex;flex-direction:column;position:static}.share-header{background:linear-gradient(135deg,#7c5cbf33,#c9a22733);padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid rgba(201,162,39,.15)}.share-header span:first-child{font-size:16px}.share-header span:last-child{font-family:var(--font-display);font-size:14px;color:#c9a227;font-weight:600;letter-spacing:.05em}.share-body{padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;min-height:auto}.share-spread{font-size:13px;color:#a08bd4;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em;text-align:center;width:100%}.share-question{font-style:italic;color:#b8b5ae;font-size:12px;margin-bottom:14px;line-height:1.4;padding:8px 10px;background:#7c5cbf1a;border-radius:8px;text-align:center;width:100%}.share-cards-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-bottom:12px;width:100%}.share-cards-row.cards-10{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;max-width:220px;width:100%;margin-left:auto;margin-right:auto;justify-items:center}.share-cards-row.cards-1{display:grid;grid-template-columns:1fr;max-width:60px;width:100%;margin-left:auto;margin-right:auto;justify-items:center}.share-cards-row.cards-3{display:grid;grid-template-columns:repeat(3,1fr);max-width:200px;width:100%;margin-left:auto;margin-right:auto;justify-items:center}.share-card-img{width:40px;aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;border:1px solid rgba(201,162,39,.5);box-shadow:0 2px 8px #0000004d;position:relative}.share-cards-row.cards-10 .share-card-img{width:100%;aspect-ratio:2 / 3}.share-cards-row.cards-1 .share-card-img{width:100%;max-width:60px;aspect-ratio:2 / 3}.share-cards-row.cards-3 .share-card-img{width:100%;aspect-ratio:2 / 3}.share-card-img.reversed{transform:rotate(180deg)}.share-card-img img{width:100%;height:100%;display:block;object-fit:cover}.share-card-names{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:12px}.share-card-name{font-size:9px;color:#c9a227;background:#c9a2271a;padding:2px 6px;border-radius:8px;border:1px solid rgba(201,162,39,.3)}.share-card-name.reversed{color:#e57373;background:#e5737326;border-color:#e573734d}.share-message{color:#f0ede6;font-size:11px;line-height:1.7;text-align:left;padding:10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.share-footer{background:linear-gradient(135deg,#c9a22726,#7c5cbf26);padding:8px;text-align:center;font-size:10px;color:#c9a227;letter-spacing:.03em;border-top:1px solid rgba(201,162,39,.2);flex-shrink:0}.share-buttons{display:flex;gap:var(--spacing-sm)}.share-buttons .btn{flex:1;font-size:.95rem;padding:14px}.generating{text-align:center;color:var(--color-text-muted);font-size:.95rem;width:100%;padding:var(--spacing-md)}@media(max-width:600px){.result-content{padding:calc(60px + var(--spacing-md)) var(--spacing-md) var(--spacing-lg)}.result-reading{padding:var(--spacing-md)}.result-cards,.result-cards.cards-1,.result-cards.cards-3{gap:var(--spacing-md)}.result-cards.cards-10{grid-template-columns:repeat(5,1fr);gap:8px;max-width:calc(100% - var(--spacing-md) * 2);margin-left:auto;margin-right:auto}.result-cards.cards-3 .result-card-item .tarot-card{width:clamp(80px,28vw,150px)!important}.result-cards.cards-10 .result-card-item .tarot-card{width:clamp(50px,17vw,100px)!important}.result-cards.cards-10 .result-card-label{font-size:.6rem;max-width:70px}.share-modal{padding:var(--spacing-md) var(--spacing-sm);max-width:340px}.share-card{width:100%;max-width:280px}.share-cards-row.cards-10{max-width:180px}}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none!important;width:0;height:0;background:transparent}:root{--color-bg-primary: #0c0c14;--color-bg-secondary: #141420;--color-bg-card: #1c1c2e;--color-accent-gold: #c9a227;--color-accent-gold-light: #e6c65a;--color-accent-purple: #7c5cbf;--color-accent-purple-light: #a08bd4;--color-text-primary: #f0ede6;--color-text-secondary: #b8b5ae;--color-text-muted: #706d66;--color-border: rgba(201, 162, 39, .15);--gradient-gold: linear-gradient(135deg, #c9a227 0%, #e6c65a 50%, #c9a227 100%);--gradient-card: linear-gradient(145deg, #1c1c2e 0%, #141420 100%);--font-display: "Playfair Display", serif;--font-ko: "Nanum Myeongjo", serif;--font-en: "Cormorant Garamond", serif;--font-ja: "Shippori Mincho", serif;--font-body: var(--font-ko);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(201, 162, 39, .2);--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px}html[lang=ko]{--font-body: var(--font-ko)}html[lang=en]{--font-body: var(--font-en)}html[lang=ja]{--font-body: var(--font-ja)}html{font-size:18px}html,body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;line-height:1.8}.app{min-height:100vh;position:relative}.stars{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at top,rgba(124,92,191,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(201,162,39,.05) 0%,transparent 50%)}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);z-index:100;background:#0c0c14f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.navbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-accent-gold)}.navbar-logo{font-size:1.4rem}.navbar-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:.05em}.navbar-back{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:6px 10px;transition:color .2s}.navbar-back:hover{color:var(--color-accent-gold)}.btn{font-family:var(--font-body);font-size:1rem;padding:14px 28px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--color-accent-gold);color:var(--color-bg-primary);font-weight:600}.btn-primary:hover{background:var(--color-accent-gold-light);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:#ffffff1a}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-accent-gold)}.page{min-height:100vh;min-height:100dvh;padding-top:60px;position:relative;z-index:1}.page-content{max-width:700px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:3px}.language-selector{position:relative}.language-btn{background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 14px;border-radius:8px;font-size:.85rem;cursor:pointer;font-family:var(--font-body)}.language-btn:hover{background:#ffffff1a}.language-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;min-width:120px;z-index:1000}.language-option{display:block;width:100%;padding:10px 14px;background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;text-align:left;font-family:var(--font-body)}.language-option:hover{background:#c9a2271a;color:var(--color-accent-gold)}.language-option.active{color:var(--color-accent-gold)}