File size: 2,539 Bytes
3a08226 6d0320a 3a08226 6d0320a 3a08226 6d0320a 3a08226 6d0320a 3a08226 6d0320a 3a08226 6d0320a 3a08226 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 | :root {
--arch-primary: 6 182 212;
--arch-secondary: 100 116 139;
--arch-bg: 15 23 42;
--arch-fg: 226 232 240;
--arch-accent: 34 211 238;
--arch-muted: 51 65 85;
}
* {
-webkit-tap-highlight-color: transparent;
touch-action: pan-y pinch-zoom;
}
body {
font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
background: rgb(var(--arch-bg));
color: rgb(var(--arch-fg));
}
/* Hide scrollbars but keep functionality */
::-webkit-scrollbar {
width: 0px;
background: transparent;
}
/* Custom selection */
::selection {
background: rgb(var(--arch-primary));
color: #000;
}
/* Terminal cursor blink */
.cursor-blink {
animation: blink 1s step-end infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
/* Glassmorphism for Android 14 style */
.glass {
background: rgba(51, 65, 85, 0.4);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(100, 116, 139, 0.3);
}
/* App launch animation */
@keyframes launchApp {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(0.9); opacity: 0.8; }
100% { transform: scale(20); opacity: 0; }
}
.app-launching {
animation: launchApp 0.4s ease-out forwards;
}
/* Server pulse */
.server-online {
color: rgb(34 197 94);
text-shadow: 0 0 10px rgba(34, 197, 94, 0.5);
}
.server-offline {
color: rgb(239 68 68);
}
/* Grid pattern background */
.bg-grid {
background-image: linear-gradient(rgba(6, 182, 212, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(6, 182, 212, 0.05) 1px, transparent 1px);
background-size: 20px 20px;
}
/* Input styling like terminal */
input[type="text"] {
background: transparent;
border: none;
border-bottom: 2px solid rgb(var(--arch-muted));
color: rgb(var(--arch-fg));
font-family: inherit;
outline: none;
transition: border-color 0.3s;
}
input[type="text"]:focus {
border-bottom-color: rgb(var(--arch-primary));
}
/* Prevent text selection on UI elements */
.no-select {
user-select: none;
-webkit-user-select: none;
}
/* Smooth scrolling */
.smooth-scroll {
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
/* Status bar height for S23 Ultra */
.status-bar-height {
height: env(safe-area-inset-top, 32px);
padding-top: env(safe-area-inset-top, 0);
}
/* Bottom safe area */
.safe-bottom {
padding-bottom: env(safe-area-inset-bottom, 16px);
} |