58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: #0f1117;
|
|
color: #e8eaf0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #1a1d27;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #2e3147;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #3e4160;
|
|
}
|
|
|
|
@keyframes led-pulse {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.5; }
|
|
}
|
|
.led-pulse { animation: led-pulse 1.4s ease-in-out infinite; }
|
|
|
|
@keyframes cell-ring {
|
|
0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.5); }
|
|
50% { box-shadow: 0 0 0 4px rgba(99, 102, 241, 0); }
|
|
}
|
|
.cell-ring { animation: cell-ring 1.4s ease-in-out infinite; }
|
|
|
|
@keyframes caret-blink { 50% { opacity: 0; } }
|
|
.caret-blink { animation: caret-blink 1s step-end infinite; }
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.led-pulse, .cell-ring, .caret-blink { animation: none; }
|
|
}
|