@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 84% 4.9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--radius:0.5rem}.light{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%}}@keyframes astrolabe-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes constellation{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes classical-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(251,191,36,.3)}50%{box-shadow:0 0 20px rgba(251,191,36,.6),0 0 30px rgba(251,191,36,.4)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-astrolabe{animation:astrolabe-rotate 30s linear infinite}.animate-constellation{animation:constellation 4s ease-in-out infinite}.animate-classical-glow{animation:classical-glow 3s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-twinkle{animation:twinkle 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);background-size:200% 100%}@layer base{*{@apply border-border}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}html{scroll-behavior:smooth}.classical-heading{@apply font-classical text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-amber-500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ancient-text{@apply font-ancient tracking-wider;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{@apply bg-yellow-400/30 rounded}::-webkit-scrollbar-thumb:hover{@apply bg-yellow-400/50}}@layer components{.classical-button,.classical-card,.classical-input{@apply bg-black/20 backdrop-blur-sm border border-yellow-400/30 rounded-lg;@apply text-white placeholder-white/50 px-4 py-3;@apply focus:border-yellow-400 focus:shadow-golden focus:outline-none;@apply transition-all duration-300}.astrolabe-ring{@apply absolute rounded-full border border-yellow-400/30;animation:astrolabe-rotate 30s linear infinite}.constellation-star{@apply absolute w-1 h-1 bg-yellow-400 rounded-full;animation:constellation 4s ease-in-out infinite}.night-sky-bg{background:radial-gradient(ellipse at top,#1e1b4b 0,#312e81 30%,#1e1b4b 60%,#0f0f23 100%);background-attachment:fixed}.classical-frame{@apply relative bg-black/30 backdrop-blur-xl rounded-lg;@apply border-2 border-yellow-400/40 shadow-2xl shadow-yellow-400/20;position:relative}.classical-frame:before{content:"";@apply absolute -inset-1 bg-gradient-to-r from-yellow-400/20 via-amber-500/20 to-yellow-400/20;@apply rounded-lg -z-10;animation:classical-glow 3s ease-in-out infinite}.classical-nav-item,.classical-nav-item.active,.portrait-frame{@apply relative rounded-full;@apply border-4 border-gradient-to-r from-yellow-400 to-amber-500;@apply bg-gradient-to-br from-amber-900/80 to-yellow-900/80;@apply backdrop-blur-sm overflow-hidden}.portrait-glow{@apply absolute -inset-2 rounded-full;@apply bg-gradient-to-r from-yellow-400/20 via-transparent to-amber-500/20;animation:spin-slow 20s linear infinite}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.bg-gradient-conic{background:conic-gradient(var(--tw-gradient-stops))}.drop-shadow-glow{filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.shadow-golden{box-shadow:0 10px 25px -5px rgba(251,191,36,.2),0 4px 6px -2px rgba(251,191,36,.1)}.shadow-classical{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.1)}}@layer utilities{.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.3)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.5)}.backdrop-blur-xs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(45deg,#facc15,#f59e0b,#facc15);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.scale-102{transform:scale(1.02)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}}@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;600&display=swap");.font-classical{font-family:Cinzel,serif}.font-ancient{font-family:Playfair Display,serif}@media (max-width:768px){.classical-frame,.classical-nav-item,.portrait-frame{@apply py-2 px-3}}@media (prefers-reduced-motion:reduce){.animate-astrolabe,.animate-classical-glow,.animate-constellation,.animate-float,.animate-pulse-glow,.animate-spin-slow,.animate-twinkle,.astrolabe-ring,.constellation-star,.portrait-glow{animation:none}}@media (prefers-contrast:high){.classical-card,.classical-frame,.text-white\/70{@apply text-white}}@media print{.astrolabe-ring,.constellation-star,.night-sky-bg{display:none}.classical-frame{@apply border-black bg-white text-black}}