style.css

: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);
}