/* Custom Glass Panel */
.glass-panel {
    background-color: rgba(16, 38, 38, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Custom Checkbox */
.custom-checkbox {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #1A3C3C;
    border-radius: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.custom-checkbox::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #0A1A1A;
    background-color: #0A1A1A;
    transform-origin: center;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.custom-checkbox:checked {
    background-color: #00CEC9;
    border-color: #00CEC9;
    box-shadow: 0 0 10px rgba(0, 206, 201, 0.4);
}

.custom-checkbox:checked::before {
    transform: scale(1);
}

/* Base custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #1A3C3C;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #00CEC9;
}

/* Editor text area scrollbar specific */
textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

textarea::-webkit-scrollbar-track {
    background: transparent;
}

textarea::-webkit-scrollbar-thumb {
    background: #1A3C3C;
    border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 206, 201, 0.5);
}

/* Editor specific lines */
#editor {
    line-height: 1.6;
}

#line-numbers {
    line-height: 1.6;
}