66 lines
1.3 KiB
CSS
66 lines
1.3 KiB
CSS
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
:root {
|
|
--bg: #0a0a14;
|
|
--sidebar-bg: rgba(255, 255, 255, 0.02);
|
|
--card-bg: rgba(255, 255, 255, 0.05);
|
|
--card-border: rgba(255, 255, 255, 0.08);
|
|
--text-primary: rgba(255, 255, 255, 0.92);
|
|
--text-secondary: rgba(255, 255, 255, 0.45);
|
|
--accent: #00d4ff;
|
|
--accent-glow: rgba(0, 212, 255, 0.15);
|
|
--on-color: #00d4ff;
|
|
--off-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
html, body {
|
|
background: var(--bg);
|
|
color: var(--text-primary);
|
|
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#__next, main {
|
|
height: 100%;
|
|
}
|
|
|
|
button {
|
|
cursor: pointer;
|
|
border: none;
|
|
outline: none;
|
|
background: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
touch-action: manipulation;
|
|
font-family: inherit;
|
|
}
|
|
|
|
button:focus-visible {
|
|
outline: 2px solid var(--accent);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
}
|