body {
    background-color: #1a1a1b;
    color: #f5f5f5;
    transition: background-color 0.1s ease;
}

.frost-mesh {
    position: fixed; inset: 0; z-index: -1;
    background: transparent; overflow: hidden;
}
.blob {
    position: absolute; border-radius: 50%;
    filter: blur(120px); mix-blend-mode: screen;
    opacity: 0.15; transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
}
.blob-orange { top: 20%; left: -10%; width: 500px; height: 500px; background: #F07826; }
.blob-purple { top: 60%; right: -10%; width: 450px; height: 450px; background: #8647C2; }
.blob-teal { top: -10%; right: 20%; width: 400px; height: 400px; background: #0A93AB; }

@media (max-width: 768px) {
    .blob { filter: blur(90px); }
    .blob-orange { width: 300px; height: 300px; top: 10%; left: -20%; }
    .blob-purple { width: 300px; height: 300px; top: 50%; right: -20%; }
    .blob-teal { width: 250px; height: 250px; top: -5%; right: 10%; }
}

.bento-card {
    background: var(--tw-bg-bbCard);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--tw-border-bbBorder);
    border-radius: 1.5rem; padding: 1.5rem;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative; overflow: hidden;
}
@media (min-width: 768px) { .bento-card { padding: 2rem; } }

.bento-card:hover:not(.is-broken) {
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5);
}

.bento-card::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 0);
    background-size: 8px 8px; pointer-events: none; z-index: 0;
}
.bento-card > * { position: relative; z-index: 1; }

.archives-portal {
    background: linear-gradient(135deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.05) 100%);
}
.archives-portal:hover {
    box-shadow: 0 10px 40px -10px rgba(255,255,255,0.1);
}

.system-failure { animation: crtFlicker 0.3s forwards; }
@keyframes crtFlicker {
    0% { background-color: #1a1a1b; }
    20% { background-color: #301010; }
    40% { background-color: #1a1a1b; }
    60% { background-color: #F07826; }
    100% { background-color: #1a1a1b; }
}

.broken-0 { transform: rotate(-6deg) translateY(30px) translateX(-10px) !important; transform-origin: top left; opacity: 0.8; box-shadow: 0 20px 30px rgba(0,0,0,0.8); border-color: rgba(240,120,38,0.4); pointer-events: none; }
.broken-1 { transform: rotate(4deg) translateY(50px) translateX(20px) !important; transform-origin: top right; opacity: 0.9; box-shadow: 0 25px 35px rgba(0,0,0,0.7); pointer-events: none; }
.broken-2 { transform: rotate(-3deg) translateY(15px) !important; opacity: 0.7; pointer-events: none; }
.broken-3 { transform: rotate(8deg) translateY(40px) translateX(15px) !important; transform-origin: bottom right; opacity: 0.85; border-color: rgba(134,71,194,0.4); pointer-events: none; }

.metallic-orange {
    background: linear-gradient(135deg, #ffca80 0%, #F07826 50%, #943400 100%);
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent; font-weight: bold;
}
@keyframes dropIn {
    0% { transform: translateY(-30px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
#secret-footer { user-select: none; min-height: 60px; -webkit-tap-highlight-color: transparent; }
.bin-char { display: inline-block; transition: all 0.15s ease-out; opacity: 0; animation: dropIn 0.8s forwards ease-out; }
.char-scale-up { transform: scale(1.3); margin: 0 1px; color: #fff; }
@media (min-width: 768px) { .char-scale-up { transform: scale(1.4); margin: 0 2px; } }
.mole-active { transform: scale(2.2) translateY(-4px) !important; color: #F07826 !important; font-weight: bold; text-shadow: 0 0 10px rgba(240, 120, 38, 0.8); cursor: crosshair; z-index: 10; position: relative; }
@media (min-width: 768px) { .mole-active { transform: scale(2.5) translateY(-5px) !important; } }
.char-crushed { transform: scale(0.1) rotate(45deg); opacity: 0 !important; pointer-events: none; }