Hitonabi
84 lines
1.8 KiB
CSS
84 lines
1.8 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
body {
|
|
@apply m-0 bg-slate-950 text-slate-100 font-sans antialiased selection:bg-amber-500/30 selection:text-amber-300;
|
|
background-image:
|
|
radial-gradient(ellipse at 10% 0%, rgba(99, 102, 241, 0.08) 0%, transparent 50%),
|
|
radial-gradient(ellipse at 90% 100%, rgba(245, 158, 11, 0.06) 0%, transparent 50%);
|
|
background-attachment: fixed;
|
|
}
|
|
}
|
|
|
|
/* Toast Einflug */
|
|
@keyframes toast-rein {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateX(24px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
.toast-rein {
|
|
animation: toast-rein 0.25s ease-out;
|
|
}
|
|
|
|
/* Subtile Disc-Rotation für Cinematic Spotlight */
|
|
@keyframes disc-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.animate-disc-spin {
|
|
animation: disc-spin 12s linear infinite;
|
|
}
|
|
|
|
@keyframes pulse-slow {
|
|
0%, 100% { opacity: 0.4; }
|
|
50% { opacity: 0.9; }
|
|
}
|
|
|
|
.animate-pulse-slow {
|
|
animation: pulse-slow 3s ease-in-out infinite;
|
|
}
|
|
|
|
/* Custom Glass & Shimmer Effects */
|
|
.glass-panel {
|
|
background: rgba(15, 23, 42, 0.75);
|
|
backdrop-filter: blur(16px);
|
|
-webkit-backdrop-filter: blur(16px);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
.glass-panel-amber {
|
|
background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(15, 23, 42, 0.85) 100%);
|
|
backdrop-filter: blur(16px);
|
|
border: 1px solid rgba(245, 158, 11, 0.25);
|
|
box-shadow: 0 0 35px -5px rgba(245, 158, 11, 0.15);
|
|
}
|
|
|
|
/* Metallic Disc Texture Gradient */
|
|
.disc-texture {
|
|
background: conic-gradient(
|
|
from 0deg,
|
|
#1e293b 0deg,
|
|
#475569 45deg,
|
|
#1e293b 90deg,
|
|
#64748b 135deg,
|
|
#1e293b 180deg,
|
|
#475569 225deg,
|
|
#1e293b 270deg,
|
|
#64748b 315deg,
|
|
#1e293b 360deg
|
|
);
|
|
}
|