/* Theme, set in Admin → Appearance */
:root {
  --accent: #00f5d8;
  --side: #101010;
  --surface: #0a0a0a;
  --raised: #2b2b2b;
  --frame: #1f1f1f;
  --text: #ffffff;
  --text-2: #00f0d4;
  --wave-played: #00f5d8;
}

/* Custom CSS */
.nav-item {
    color: #b5b5b5;
    font-size: 13.5px;
}

.side .nav-item {
    font-size: 14px;
    font-weight: 600;
}

.sm-vol input {
    width: 140px;
    accent-color: #fffdfd;
    height: 2px;
}

.cr-make {
    background: #011d1d00;
    border-radius: var(--r);
    padding: 22px 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cr-left {
background: rgb(166 145 117 / 0%);
}

.cr-badge.is-bad {
    background: rgb(255 138 122 / 0%);
    color: var(--danger);
}

.cr-hero {
    background: #00000000;
    border-radius: var(--r);
    padding: 20px;
}

.cr-idea {
    background: #1c1b1b;
}

.stu-choice label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    cursor: pointer;
    background: #222222;
}

.fr-feat-item {
    padding: 30px 28px;
    border-radius: var(--r);
    background: var(--frame);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0%);
    transition: background .2s;
}

.st-tab {
    box-shadow: inset 0 0 0 0px var(--st-line);
}
.stu-i-card {
    padding: 12px;
    background: #0a0a0a;
}

:root {
  --r: 10px; --r-btn: 5px;
}

.stu-panel {
    background: #0a0a0a;
}

.stu-seg {
    display: flex;
    align-items: center;
    background: #0a0a0a;
    gap: 0;
}