/* Anti-Aliasing & Inertia Layout Stabilization */
        body {
            background-color: #000000;
            color: #ffffff;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Fine Film Grain Layer Application overlay */
        .grain-layer::before {
            content: "";
            position: fixed;
            top: 0; left: 0; width: 100vw; height: 100vh;
            opacity: 0.03;
            pointer-events: none;
            z-index: 9999;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
        }

        /* Custom Dynamic Scrollbar Architecture */
        ::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        ::-webkit-scrollbar-track {
            background: #000000;
        }
        ::-webkit-scrollbar-thumb {
            background: #957C62;
            border-radius: 2px;
        }

        /* Glassmorphism Structural Framework Modules */
        .glass-card {
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.07);
        }
        .glass-dark-card {
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(193, 133, 109, 0.15);
        }

        /* Brutalist Layout Graphic Typography Extrusions */
        .text-stroke-outline {
            color: transparent;
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.35);
        }
        .text-stroke-dark {
            color: transparent;
            -webkit-text-stroke: 1px rgba(0, 0, 0, 0.25);
        }

        /* Hide native horizontal bars safely */
        .scrollbar-none::-webkit-scrollbar {
            display: none;
        }
        .scrollbar-none {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Micro Range-Slider Polish Overrides */
        input[type=range] {
            -webkit-appearance: none;
            background: transparent;
        }
        input[type=range]:focus { outline: none; }
        input[type=range]::-webkit-slider-runnable-track {
            width: 100%; height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px;
        }
        input[type=range]::-webkit-slider-thumb {
            height: 14px; width: 14px; border-radius: 50%; background: #F8FAB4;
            cursor: pointer; -webkit-appearance: none; margin-top: -5px;
            box-shadow: 0 0 12px #F8FAB4; transition: transform 0.2s;
        }
        input[type=range]::-webkit-slider-thumb:hover {
            transform: scale(1.25);
        }

        /* Single Page App Routing Interface View Transition Control states */
        .app-view {
            display: none;
            opacity: 0;
        }
        .app-view.view-active {
            display: block;
            opacity: 1;
        }