[x-cloak] {
    display: none !important;
}

body {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 32px 32px;
    background-attachment: fixed;
}

/* Bracketed section label: [ LABEL_TEXT ] */
.label-bracket {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.label-bracket::before {
    content: '[ ';
    color: #333333;
}
.label-bracket::after {
    content: ' ]';
    color: #333333;
}

/* Corner-tick accent — use sparingly, one per screen */
.corner-tick {
    position: relative;
}
.corner-tick::before,
.corner-tick::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #D6FF3F;
    border-style: solid;
    border-width: 0;
}
.corner-tick::before {
    top: -1px;
    left: -1px;
    border-top-width: 2px;
    border-left-width: 2px;
}
.corner-tick::after {
    bottom: -1px;
    right: -1px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
::-webkit-scrollbar-thumb {
    background: #1E1E1E;
    border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
    background: #333333;
}