@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap";:root{--color-background-primary: #1a1a2e;--color-background-secondary: #667eea;--color-background-tertiary: #0f3460;--color-accent-primary: #667eea;--color-accent-secondary: #764ba2;--color-highlight: #f093fb;--color-text-primary: #ffffff;--color-text-secondary: #b8b8d1;--gradient-main: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-card: linear-gradient(145deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background:var(--gradient-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-accent-primary);text-decoration:inherit}a:hover{color:var(--color-highlight)}body{margin:0;padding:0;width:100%;min-height:100vh}html{margin:0;padding:0;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Cormorant Garamond,serif;background:var(--gradient-main);color:var(--color-text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-highlight)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:var(--color-text-primary);background-color:var(--color-background-primary)}a:hover{color:var(--color-highlight)}button{background:var(--gradient-main);color:var(--color-text-primary)}}.matrix-container{margin:0 auto;box-sizing:border-box}@media(min-width:1200px){.matrix-container{width:1000px;height:1000px;max-width:1000px;max-height:1000px}.matrix-container svg{width:1000px!important;height:1000px!important}}@media(min-width:768px)and (max-width:1199px){.matrix-container{width:min(100%,800px);height:min(100%,800px)}.matrix-container svg{width:100%;height:100%}}@media(max-width:767px){.matrix-container{width:90vw;height:90vw;max-width:500px;max-height:500px}.matrix-container svg{width:100%;height:100%}}body,.main-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#667eea33,#764ba233);pointer-events:none;z-index:-1}.card,.tarot-card,.card-of-day,.description-block,.result-card,.matrix-block{background:linear-gradient(145deg,#16213ecc,#0f346099);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(102,126,234,.3);box-shadow:0 8px 32px #667eea26;border-radius:16px;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #667eea40;border-color:#667eea80}.intro-card{border:0px solid #764ba2!important;border-radius:16px!important}.modal-overlay,.backdrop{background:#1a1a2ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}button,.btn,.button,[role=button]{background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-accent-secondary) 50%,var(--color-highlight) 100%);background-size:200% 200%;background-position:left center;border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:background-position .5s ease,transform .2s ease,box-shadow .3s ease}button:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 12px 24px #667eea66}button:active{transform:translateY(0);box-shadow:0 6px 12px #667eea4d}.card:after,button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(240,147,251,.1) 0%,transparent 50%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover:after,button:hover:after{opacity:1}footer,.bottom-nav,.bottom-panel{background:linear-gradient(145deg,#16213ef2,#0f3460f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(102,126,234,.3);box-shadow:0 -4px 24px #0000004d}aside,.sidebar,.left-panel{background-color:var(--color-background-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(102,126,234,.3);box-shadow:4px 0 24px #0000004d}.daily-card,.tarot-layout,.layout-catalog,.spread-card{background:linear-gradient(145deg,#764ba2cc,#667eea99)!important;border:1px solid rgba(118,75,162,.4);box-shadow:0 8px 32px #764ba233}.modal,.dialog,.popup,[role=dialog]{background:linear-gradient(145deg,#0f3460,#16213e)!important}body{font-size:16px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p,span,div,li{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(26,26,46,.4);font-weight:500}.card p,.daily-card p,.description-block p{font-size:1.1rem;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 30px rgba(26,26,46,.5)}.card h2,.card h3,.daily-card h2{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 40px rgba(102,126,234,.6);font-weight:700;letter-spacing:.5px}
