@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg-main: hsl(210, 15%, 96%);--color-bg-card: hsl(0, 0%, 100%);--color-text-primary: hsl(210, 15%, 20%);--color-text-secondary: hsl(210, 10%, 45%);--color-text-light: hsl(210, 8%, 60%);--color-border: hsl(210, 15%, 88%);--color-accent: hsl(210, 15%, 30%);--color-accent-hover: hsl(210, 15%, 40%);--color-white: hsl(0, 0%, 100%);--color-shadow: hsla(210, 20%, 20%, .08);--color-shadow-strong: hsla(210, 20%, 20%, .12);--font-display: "Inter", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--card-width: 140px;--card-height: 220px;--card-radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--color-bg-main);min-height:100vh;color:var(--color-text-primary);overflow-x:hidden;position:relative}#root{position:relative;z-index:1}.title{font-family:var(--font-display);font-size:clamp(1rem,5vw,2rem);font-weight:600;text-align:center;color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:var(--space-xs)}.registered{font-size:.6em;vertical-align:top;margin-left:2px}.subtitle{font-family:var(--font-body);font-size:clamp(.875rem,3vw,1rem);font-weight:400;text-align:center;color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:var(--space-md)}.language-switcher{position:fixed;top:var(--space-md);right:var(--space-md);display:flex;gap:.25rem;background:var(--color-white);border-radius:50px;padding:.25rem;border:1px solid var(--color-border);z-index:100;box-shadow:0 2px 8px var(--color-shadow)}.language-btn{background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8125rem;font-weight:500;padding:.4rem .875rem;border-radius:50px;cursor:pointer;transition:all var(--transition-base);letter-spacing:.02em}.language-btn:hover{color:var(--color-text-primary);background:var(--color-bg-main)}.language-btn.active{background:var(--color-accent);color:var(--color-white);box-shadow:0 2px 8px var(--color-shadow)}.container{max-width:900px;margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-md);min-height:100vh;display:flex;flex-direction:column}.header{padding:var(--space-xl) 0 var(--space-md);animation:fadeInDown .8s var(--transition-base)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card-deck{display:flex;justify-content:center;align-items:flex-end;padding:var(--space-xl) var(--space-sm);perspective:1000px;min-height:300px;position:relative}.card{width:var(--card-width);height:var(--card-height);cursor:pointer;transform-style:preserve-3d;transition:transform var(--transition-slow);animation:cardEntrance .6s var(--transition-bounce) backwards;position:absolute}.card:nth-child(1){animation-delay:.1s;left:50%;transform:translate(-50%) translate(-70px) rotate(-12deg);z-index:1}.card:nth-child(2){animation-delay:.2s;left:50%;transform:translate(-50%) rotate(0);z-index:2}.card:nth-child(3){animation-delay:.3s;left:50%;transform:translate(-50%) translate(70px) rotate(12deg);z-index:1}@keyframes cardEntrance{0%{opacity:0}to{opacity:1}}.card:hover{transform:translate(-50%) translateY(-10px) scale(1.05)!important;z-index:10!important}.card:nth-child(1):hover{transform:translate(-50%) translate(-70px) translateY(-10px) scale(1.05) rotate(-12deg)!important}.card:nth-child(3):hover{transform:translate(-50%) translate(70px) translateY(-10px) scale(1.05) rotate(12deg)!important}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--card-radius);overflow:hidden;box-shadow:0 4px 12px var(--color-shadow),0 0 0 1px var(--color-border);transition:box-shadow var(--transition-base)}.card:hover .card-face{box-shadow:0 8px 20px var(--color-shadow-strong),0 0 0 2px var(--color-accent)}.card-back{background:var(--color-white)}.card-back img{width:100%;height:100%;object-fit:cover}.card-front{transform:rotateY(180deg);background:var(--color-white);display:flex;align-items:center;justify-content:center;padding:var(--space-sm)}.card-front img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--card-radius) - 4px)}.selected-card-display{background:var(--color-bg-card);border-radius:16px;padding:0;margin:var(--space-xl) auto 0;border:1px solid var(--color-border);box-shadow:0 4px 16px var(--color-shadow);max-width:350px;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.selected-card-image{width:100%;height:240px;object-fit:cover;border-radius:0;margin:0;display:block}.card-title{font-family:var(--font-display);font-size:clamp(1rem,4vw,1.25rem);font-weight:600;color:var(--color-text-primary);text-align:left;margin-bottom:var(--space-xs);letter-spacing:-.01em;line-height:1.3;padding:var(--space-md) var(--space-md) 0}.card-message{font-family:var(--font-display);font-size:clamp(.875rem,3.5vw,1rem);font-weight:400;font-style:normal;color:var(--color-text-secondary);text-align:left;margin-bottom:var(--space-md);line-height:1.5;padding:0 var(--space-md)}.card-interpretation-section{margin-top:0;border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-md) var(--space-sm)}.interpretation-toggle{width:100%;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:.8125rem;font-weight:500;padding:var(--space-xs) 0;border-radius:0;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);text-align:left}.interpretation-toggle:hover{color:var(--color-accent)}.interpretation-toggle:active{transform:translateY(0)}.toggle-icon{transition:transform var(--transition-base);font-size:.75rem;margin-left:auto}.toggle-icon.open{transform:rotate(180deg)}.interpretation-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),opacity var(--transition-base);opacity:0}.interpretation-content.open{max-height:200px;opacity:1;padding-top:var(--space-sm);overflow-y:auto}.card-interpretation{font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--color-text-light);line-height:1.6;text-align:left;padding:0}.button-primary{background:none}.button-primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-strong);color:#fff}.button-secondary{background:none;border:2px solid #131E29;color:#131e29}.button-secondary:hover{background:#131e29;transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-strong);color:#fff}.quantum-link{color:#131e29;text-decoration:none;font-weight:500}.quantum-link:hover{color:#131e29;text-decoration:underline}.reset-button{font-family:var(--font-body);font-size:.8125rem;font-weight:500;padding:.625rem var(--space-md);border-radius:8px;cursor:pointer;transition:all var(--transition-base);margin:auto auto var(--space-sm);display:block}.reset-button:active{transform:scale(.98)}.footer{margin-top:0;padding:var(--space-md) var(--space-md) var(--space-sm);text-align:center;font-family:var(--font-body);font-size:.75rem;color:#555978;letter-spacing:.02em}.loading{text-align:center;padding:var(--space-2xl);font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:480px){:root{--card-width: 120px;--card-height: 190px}.card-deck{padding:var(--space-2xl) var(--space-sm) var(--space-xl);min-height:280px}.language-switcher{top:var(--space-sm);right:var(--space-sm)}.language-btn{padding:.4rem .75rem;font-size:.75rem}}@media(min-width:768px){:root{--card-width: 160px;--card-height: 250px}.card-deck{display:flex;gap:var(--space-md);align-items:center;position:static}.card{position:relative}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3){position:relative;left:auto;transform:none;z-index:auto}.card:hover{transform:translateY(-10px) scale(1.05)!important;z-index:10!important}.card:nth-child(1):hover,.card:nth-child(2):hover,.card:nth-child(3):hover{transform:translateY(-10px) scale(1.05)!important}}@media(hover:none)and (pointer:coarse){.card:hover{transform:none}.card:active{transform:scale(.95)}}