:root {
    --base-border-radius: 6px;
    --color-black: #050505;
    --color-dark-blue: #0a0b10;
    --color-neon-cyan: #00fbff;
    --color-neon-pink: #ff00ff;
    --color-neon-yellow: #fcee0a;
    --color-high-contrast-grey: #e0e0e0;
    --color-secondary-text: #a0a0a0;
    --color-primary: var(--color-neon-cyan);
    --color-secondary: #1a1a1a;
    --color-body: var(--color-black);
    --color-box-body: var(--color-dark-blue);
    --color-text: var(--color-high-contrast-grey);
    --color-text-light: var(--color-secondary-text);
    --color-navbar: var(--color-black);
    --color-menu: var(--color-dark-blue);
    --color-card: var(--color-dark-blue);
    --color-heatmap-0: #0d1117;
    --color-heatmap-1: #003344;
    --color-heatmap-2: #005566;
    --color-heatmap-3: #0088aa;
    --color-heatmap-4: #00fbff;
    --color-secondary-alpha-70: #0d1117;
    --color-primary-light-4: #002233;
    --color-primary-light-2: #003344;
    --color-primary: #005566;
    --color-primary-dark-2: #0088aa;
    --color-primary-dark-4: #00fbff;
    --fonts-regular: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --fonts-monospace: 'Consolas', 'Monaco', 'Courier New', monospace;
}

body {
    background-color: var(--color-black);
    color: var(--color-text);
    font-family: var(--fonts-regular);
}

::selection {
    background: rgba(0, 251, 255, 0.3) !important;
    color: #fff !important;
}

::-moz-selection {
    background: rgba(0, 251, 255, 0.3) !important;
    color: #fff !important;
}

a {
    color: var(--color-neon-cyan) !important;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover {
    color: var(--color-neon-pink) !important;
    text-shadow: 0 0 8px var(--color-neon-pink);
}

h1,
h2,
h3,
h4,
h5,
h6,
.ui.header {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.ui.menu {
    background-color: var(--color-black) !important;
    border-color: var(--color-secondary) !important;
}

.ui.menu .item {
    color: var(--color-text) !important;
    transition: all 0.2s ease;
}

.ui.menu .item:hover {
    background-color: rgba(0, 251, 255, 0.1) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.menu .item.active {
    background-color: rgba(0, 251, 255, 0.15) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.button,
.ui.basic.button {
    background-color: transparent !important;
    border: 1px solid var(--color-neon-pink) !important;
    color: var(--color-neon-pink) !important;
    text-shadow: 0 0 5px var(--color-neon-pink);
    transition: all 0.2s ease !important;
    box-shadow: 0 0 5px rgba(255, 0, 255, 0.3);
}

.ui.button:hover,
.ui.basic.button:hover {
    background-color: var(--color-neon-pink) !important;
    color: #000 !important;
    box-shadow: 0 0 20px var(--color-neon-pink) !important;
    text-shadow: none;
}

.ui.button.primary,
.ui.primary.button,
.ui.button.green {
    background-color: transparent !important;
    border-color: var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    text-shadow: 0 0 5px var(--color-neon-cyan);
    box-shadow: 0 0 5px rgba(0, 251, 255, 0.3);
}

.ui.button.primary:hover,
.ui.primary.button:hover,
.ui.button.green:hover {
    background-color: var(--color-neon-cyan) !important;
    color: #000 !important;
    box-shadow: 0 0 20px var(--color-neon-cyan) !important;
}

input,
textarea,
.ui.input>input,
.ui.form input,
.ui.form textarea {
    background-color: #000 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    box-shadow: 0 0 5px rgba(0, 251, 255, 0.2);
    caret-color: var(--color-neon-cyan) !important;
}

input:focus,
textarea:focus,
.ui.input>input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
    border-color: var(--color-neon-pink) !important;
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.4) !important;
}

input[type="date"],
input[type="datetime-local"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #000 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
    padding: 0.5em !important;
}

.ui.card,
.ui.segment,
.timeline-item,
.comment,
.issue.list>.item,
.repository.list>.item,
.feeds>.news {
    border: 1px solid var(--color-secondary) !important;
    background: var(--color-dark-blue) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.05);
}

.ui.card:hover,
.ui.segment:hover,
.timeline-item:hover,
.repository.list>.item:hover {
    border-color: var(--color-neon-cyan) !important;
    box-shadow: 0 0 20px rgba(0, 251, 255, 0.25) !important;
}

.ui.table,
.ui.table td,
.ui.table th {
    background-color: var(--color-dark-blue) !important;
    color: var(--color-text) !important;
    border-color: var(--color-secondary) !important;
}

.ui.table tr:hover td {
    background-color: rgba(0, 251, 255, 0.05) !important;
}

.ui.dropdown .menu {
    background: var(--color-black) !important;
    border: 1px solid var(--color-neon-pink) !important;
    box-shadow: 0 0 20px rgba(255, 0, 255, 0.3), 0 10px 30px rgba(0, 0, 0, 0.8) !important;
}

.ui.dropdown .menu>.item {
    background: transparent !important;
    color: var(--color-text) !important;
    border-bottom: 1px solid var(--color-secondary) !important;
}

.ui.dropdown .menu>.item:hover {
    background: rgba(0, 251, 255, 0.1) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.label {
    background-color: transparent !important;
    color: var(--color-neon-cyan) !important;
    border: 1px solid var(--color-neon-cyan) !important;
}

.repo-title a {
    color: #fff !important;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 251, 255, 0.8), 0 0 20px rgba(0, 251, 255, 0.4);
}

.repo-title a:hover {
    text-shadow: 0 0 15px var(--color-neon-cyan), 0 0 30px var(--color-neon-cyan) !important;
}

code,
pre,
.mono {
    font-family: var(--fonts-monospace) !important;
    background-color: #000 !important;
    border: 1px solid var(--color-neon-cyan) !important;
    color: #fff !important;
    padding: 2px 6px;
}

pre {
    background-color: #000 !important;
    padding: 16px !important;
    border: 1px solid var(--color-neon-cyan) !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.3);
}

pre code {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.markup code {
    background-color: #161b22 !important;
    color: #ff7b72 !important;
    border: 1px solid #30363d !important;
}

.highlight {
    background-color: #0d1117 !important;
}

.highlight .c,
.highlight .c1,
.highlight .cm {
    color: #8b949e !important;
}

.highlight .k,
.highlight .kd,
.highlight .kn {
    color: #ff7b72 !important;
}

.highlight .s,
.highlight .s1,
.highlight .s2 {
    color: #a5d6ff !important;
}

.highlight .n,
.highlight .nf,
.highlight .nc {
    color: #d2a8ff !important;
}

.highlight .mi,
.highlight .mf {
    color: #79c0ff !important;
}

.file-view pre,
.file-view code,
.view-raw,
.code-view,
.lines-code,
td.lines-code {
    background-color: #000 !important;
    color: var(--color-neon-cyan) !important;
}

.lines-num {
    background-color: var(--color-black) !important;
    color: var(--color-neon-pink) !important;
    border-right: 1px solid var(--color-secondary) !important;
}

.lines-num:hover,
.lines-num-old:hover,
.lines-num-new:hover,
tr:hover .lines-num,
tr:hover .lines-num-old,
tr:hover .lines-num-new {
    background-color: var(--color-dark-blue) !important;
    color: #1a1a1a !important;
}

tr:hover .gt-mono[data-type-marker="+"],
.gt-mono[data-type-marker="+"]:hover {
    color: #39ff14 !important;
    text-shadow: 0 0 5px #39ff14;
}

.gt-mono[data-type-marker="-"]:hover {
    color: #ff3131 !important;
    text-shadow: 0 0 5px #ff3131;
}

tr.add-code,
tr.add-code td,
tr.add-code .lines-code,
tr.add-code .lines-num,
tr.add-code .lines-escape,
tr.add-code .lines-type-marker {
    background-color: rgba(57, 255, 20, 0.25) !important;
    border-color: rgba(57, 255, 20, 0.4) !important;
}

tr.add-code .lines-num {
    color: #1a1a1a !important;
}

tr.add-code .gt-mono[data-type-marker="+"] {
    color: #2d8a2d !important;
}

tr.add-code .lines-code,
tr.add-code .lines-code code,
tr.add-code .code-inner {
    color: #2d8a2d !important;
}

tr.del-code,
tr.del-code td,
tr.del-code .lines-code,
tr.del-code .lines-num,
tr.del-code .lines-escape,
tr.del-code .lines-type-marker {
    background-color: rgba(255, 49, 49, 0.25) !important;
    border-color: rgba(255, 49, 49, 0.4) !important;
}

tr.del-code .lines-num {
    color: #1a1a1a !important;
}

tr.del-code .gt-mono[data-type-marker="-"] {
    color: #cc3333 !important;
}

tr.del-code .lines-code,
tr.del-code .lines-code code,
tr.del-code .code-inner {
    color: #cc3333 !important;
}

.diff-file-box,
.diff-box,
.diff-file-body {
    background-color: var(--color-dark-blue) !important;
    border-color: var(--color-secondary) !important;
}

.diff-file-header {
    background-color: var(--color-black) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-text) !important;
}

.blob-hunk,
.blob-hunk code {
    background-color: rgba(0, 251, 255, 0.1) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.info.message.show-form-container {
    background-color: var(--color-dark-blue) !important;
    border: 1px solid var(--color-neon-cyan) !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.1);
}

td.lines-num .blob-excerpt,
.blob-excerpt {
    background-color: var(--color-dark-blue) !important;
    color: var(--color-neon-cyan) !important;
}

.blob-excerpt svg {
    fill: var(--color-neon-cyan) !important;
}

.blob-excerpt:hover {
    background-color: rgba(255, 0, 255, 0.2) !important;
    border: 1px solid var(--color-neon-pink) !important;
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.5) !important;
}

.blob-excerpt:hover svg {
    fill: var(--color-neon-pink) !important;
    filter: drop-shadow(0 0 3px var(--color-neon-pink));
}

.markup,
.markdown,
.file-view,
.render-content,
.ui.segment.markup,
.file-content {
    background-color: var(--color-dark-blue) !important;
    color: var(--color-text) !important;
}

.markup h1,
.markup h2,
.markup h3,
.markup h4,
.markup h5,
.markup h6 {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(0, 251, 255, 0.3);
    border-bottom-color: var(--color-neon-cyan) !important;
}

.markup p,
.markdown p {
    color: var(--color-text) !important;
}

footer,
.footer,
.ui.footer.segment {
    background-color: var(--color-black) !important;
    border-top: 1px solid var(--color-neon-cyan) !important;
    color: var(--color-neon-cyan) !important;
}

footer a,
.footer a {
    color: var(--color-neon-cyan) !important;
}

footer a:hover,
.footer a:hover {
    color: var(--color-neon-pink) !important;
    text-shadow: 0 0 8px var(--color-neon-pink);
}

.following.bar {
    background-color: var(--color-black) !important;
    border-bottom: 1px solid var(--color-secondary) !important;
}

.ui.top.attached.header,
.ui.attached.segment,
.ui.attached.header {
    background-color: var(--color-dark-blue) !important;
    color: var(--color-text) !important;
    border-color: var(--color-secondary) !important;
}

.ui.tabular.menu {
    border-bottom-color: var(--color-secondary) !important;
    background-color: transparent !important;
}

.ui.tabular.menu .item {
    background-color: var(--color-dark-blue) !important;
    color: var(--color-text-light) !important;
    border-color: var(--color-secondary) !important;
}

.ui.tabular.menu .item.active {
    background-color: var(--color-dark-blue) !important;
    color: var(--color-neon-cyan) !important;
    border-bottom-color: transparent !important;
}

.heatmap-color-0,
.contrib-day[data-level="0"] {
    background-color: var(--color-heatmap-0) !important;
}

.heatmap-color-1,
.contrib-day[data-level="1"] {
    background-color: var(--color-heatmap-1) !important;
}

.heatmap-color-2,
.contrib-day[data-level="2"] {
    background-color: var(--color-heatmap-2) !important;
}

.heatmap-color-3,
.contrib-day[data-level="3"] {
    background-color: var(--color-heatmap-3) !important;
}

.heatmap-color-4,
.contrib-day[data-level="4"] {
    background-color: var(--color-heatmap-4) !important;
    box-shadow: 0 0 5px rgba(0, 251, 255, 0.5);
}

.repo-list .private,
.repository-list .private,
.ui.divided.list>.item.private,
.flex-item.private {
    background-color: #0f1015 !important;
    border-left: 3px solid var(--color-neon-pink) !important;
}

.repo-list .private:hover,
.flex-item.private:hover {
    background-color: #151520 !important;
}

.ui.label.private,
.private-label {
    background-color: rgba(128, 0, 128, 0.3) !important;
    color: #c0a0c0 !important;
    border: 1px solid rgba(255, 0, 255, 0.4) !important;
}

.CodeMirror {
    background-color: #000 !important;
    color: var(--color-text) !important;
    border: 1px solid var(--color-neon-cyan) !important;
    caret-color: var(--color-neon-cyan) !important;
}

.CodeMirror-gutters {
    background-color: var(--color-black) !important;
    border-right: 1px solid var(--color-secondary) !important;
}

.CodeMirror-linenumber {
    color: var(--color-neon-pink) !important;
}

.CodeMirror-selected {
    background-color: rgba(255, 0, 255, 0.2) !important;
}

.ui.search.dropdown,
.ui.selection.dropdown {
    background-color: #000 !important;
    color: var(--color-text) !important;
    border: 1px solid var(--color-neon-cyan) !important;
}

.ui.search.dropdown:hover,
.ui.selection.dropdown:hover,
.ui.search.dropdown.active,
.ui.selection.dropdown.active {
    border-color: var(--color-neon-pink) !important;
    box-shadow: 0 0 10px rgba(0, 251, 255, 0.2) !important;
}

.ui.selection.dropdown .menu>.item {
    color: var(--color-text) !important;
}

.ui.selection.dropdown .menu>.item:hover {
    background-color: rgba(0, 251, 255, 0.1) !important;
    color: var(--color-neon-cyan) !important;
}

.ui.selection.dropdown .text {
    color: var(--color-neon-cyan) !important;
}

.ui.popup,
.tippy-box,
.tippy-content {
    background-color: var(--color-black) !important;
    border: 1px solid var(--color-neon-pink) !important;
    color: var(--color-text) !important;
}

.editor-toolbar {
    background-color: var(--color-black) !important;
    border-color: var(--color-secondary) !important;
}

.editor-toolbar a {
    color: var(--color-neon-cyan) !important;
}

.editor-toolbar a:hover {
    background-color: rgba(0, 251, 255, 0.1) !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-black);
}

::-webkit-scrollbar-thumb {
    background: #333;
    border: 1px solid var(--color-neon-cyan);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-neon-cyan);
    box-shadow: 0 0 8px var(--color-neon-cyan);
}

::-webkit-calendar-picker-indicator {
    filter: invert(1) drop-shadow(0 0 2px var(--color-neon-cyan));
    cursor: pointer;
}

* {
    caret-color: var(--color-neon-cyan) !important;
}

li.private,
.repo-list .private,
.repository-list .private,
.ui.divided.list>.item.private,
.flex-item.private,
.repo-owner-name-list .private {
    background-color: rgba(20, 0, 30, 0.6) !important;
    border-left: 3px solid var(--color-neon-pink) !important;
}

li.private:hover,
.repo-list .private:hover,
.flex-item.private:hover,
.repo-owner-name-list .private:hover {
    background-color: rgba(40, 0, 50, 0.7) !important;
}

.ui.label.private,
.private-label {
    background-color: rgba(80, 0, 80, 0.4) !important;
    color: #d0a0d0 !important;
    border: 1px solid rgba(255, 0, 255, 0.5) !important;
}