.social-icon{background-color:var(--color-bg-secondary);border:.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;justify-content:center;align-items:center;transition:all .22s;display:flex}.social-icon--sm{border-radius:var(--radius-lg);width:32px;height:32px}.social-icon--sm svg{width:14px;height:14px;fill:var(--color-text-muted)}.social-icon--md{width:44px;height:44px}.social-icon--md svg{width:16px;height:16px;fill:var(--color-text-muted);transition:fill .2s}.social-icon:hover{background-color:var(--color-bg-tertiary);border-color:#00ffc859;box-shadow:0 0 14px #00ffc81f}.social-icon:hover svg{fill:var(--color-accent)}
.sidebar{width:var(--sidebar-width);border-right:.5px solid var(--color-bg-tertiary);z-index:10;background-color:var(--color-bg-primary);flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__dot{background-color:var(--color-accent);width:6px;height:6px;box-shadow:var(--shadow-glow-sm);border-radius:50%}.sidebar__dots{flex-direction:column;align-items:center;gap:6px;margin-top:8px;display:flex}.sidebar__sdot{background-color:var(--color-border);width:4px;height:4px;transition:background-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;border-radius:50%;text-decoration:none;display:block}.sidebar__sdot:hover{background-color:var(--color-text-muted);transform:scale(1.5)}.sidebar__sdot--active{background-color:var(--color-accent);transform:scale(1.25);box-shadow:0 0 6px #00ffc880}.sidebar__sdot--active:hover{background-color:var(--color-accent)}.sidebar__label{font-family:var(--font-mono);color:var(--color-border);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.1em;margin-top:auto;font-size:9px;transform:rotate(180deg)}@media (max-width:768px){.sidebar{display:none}}