:root { --desktop-bg: #008080; --text-color: #000; --win-bg: #c0c0c0; --win-bg-dark: #c0c0c0; --border-color: #000; --title-bg: linear-gradient(90deg, #000080, #1084d0); --title-text: #fff; --btn-bg: #c0c0c0; --btn-active-bg: #dfdfdf; --btn-active-text: #000; --item-border: #999; --scrollbar-track: #dfdfdf; --scrollbar-thumb: #c0c0c0; --shadow: 2px 2px 0px #000; --glow: none; --field-border: 2px groove #dfdfdf; --field-legend: #000; --bt: #dfdfdf; --bl: #dfdfdf; --br: #404040; --bb: #404040; --icon-color: #fff; --icon-shadow: 1px 1px 0 #000; --font: 'Consolas', 'Courier New', monospace; --font-size: 12px; }
body.theme-xp { --desktop-bg: #3a6ea5; --text-color: #000; --win-bg: #ece9d8; --win-bg-dark: #ece9d8; --border-color: #0831d9; --title-bg: linear-gradient(180deg, #0058e6, #3c8ce7 8%, #2884e3 92%, #0058e6); --title-text: #fff; --btn-bg: linear-gradient(180deg, #f5f5f5, #e1e1e1); --btn-active-bg: linear-gradient(180deg, #ffe1a0, #ffc24c); --btn-active-text: #000; --item-border: #aca899; --scrollbar-track: #ece9d8; --scrollbar-thumb: #919b9c; --shadow: 2px 2px 5px rgba(0,0,0,0.3); --glow: none; --field-border: 1px solid #aca899; --field-legend: #000; --bt: #ffffff; --bl: #ffffff; --br: #aca899; --bb: #aca899; --icon-color: #fff; --icon-shadow: 1px 1px 0 #000; --font: 'Consolas', 'Courier New', monospace; --font-size: 12px; cursor: default; }
body.theme-htb { --desktop-bg: #1a2332; --text-color: #9fef00; --win-bg: #1a2332; --win-bg-dark: #141c26; --border-color: #9fef00; --title-bg: #141c26; --title-text: #9fef00; --btn-bg: #1a2332; --btn-active-bg: #9fef00; --btn-active-text: #1a2332; --item-border: #3f4651; --scrollbar-track: #141c26; --scrollbar-thumb: #9fef00; --shadow: 2px 2px 10px rgba(0,0,0,0.8); --glow: 0 0 15px rgba(159, 239, 0, 0.4); --field-border: 1px solid #9fef00; --field-legend: #9fef00; --bt: #9fef00; --bl: #9fef00; --br: #9fef00; --bb: #9fef00; --icon-color: #9fef00; --icon-shadow: none; --font: 'Consolas', 'Courier New', monospace; --font-size: 12px; cursor: crosshair; }
body.theme-cyberpunk { --desktop-bg: #101014; --text-color: #fcee0a; --win-bg: #1a1a24; --win-bg-dark: #12121a; --border-color: #00f0ff; --title-bg: #12121a; --title-text: #00f0ff; --btn-bg: #1a1a24; --btn-active-bg: #00f0ff; --btn-active-text: #12121a; --item-border: #3f3f51; --scrollbar-track: #12121a; --scrollbar-thumb: #ff003c; --shadow: 0 0 10px rgba(255, 0, 60, 0.5); --glow: 0 0 15px rgba(0, 240, 255, 0.5); --field-border: 1px solid #ff003c; --field-legend: #00f0ff; --bt: #00f0ff; --bl: #00f0ff; --br: #00f0ff; --bb: #00f0ff; --icon-color: #fcee0a; --icon-shadow: 0 0 2px #ff003c; --font: 'Consolas', 'Courier New', monospace; --font-size: 12px; cursor: crosshair; }
body.theme-macos { --desktop-bg: #4a90e2; --text-color: #1d1d1f; --win-bg: #f6f6f6; --win-bg-dark: #e8e8e8; --border-color: #c7c7c7; --title-bg: #e0e0e0; --title-text: #1d1d1f; --btn-bg: #ffffff; --btn-active-bg: #007aff; --btn-active-text: #ffffff; --item-border: #d1d1d1; --scrollbar-track: #f6f6f6; --scrollbar-thumb: #b0b0b0; --shadow: 0 10px 30px rgba(0,0,0,0.2); --glow: 0 0 0 1px rgba(0,0,0,0.05); --field-border: 1px solid #c7c7c7; --field-legend: #1d1d1f; --bt: #ffffff; --bl: #ffffff; --br: #c7c7c7; --bb: #c7c7c7; --icon-color: #ffffff; --icon-shadow: 0 1px 3px rgba(0,0,0,0.4); --font: 'Consolas', 'Courier New', monospace; --font-size: 12px; cursor: default; }
* { margin: 0; padding: 0; box-sizing: border-box; user-select: none; font-family: var(--font); font-size: var(--font-size); }
body { overflow: hidden; background: var(--desktop-bg); cursor: default; }
#desktop { width: 100vw; height: 100vh; background: var(--desktop-bg); position: relative; display: grid; grid-template-rows: repeat(auto-fill, 90px); grid-auto-flow: column; grid-auto-columns: 80px; align-content: start; gap: 10px; padding: 10px 10px 270px 10px; overflow: auto; }
#desktop.bg-grid { background: linear-gradient(var(--win-bg-dark) 1px, transparent 1px), linear-gradient(90deg, var(--win-bg-dark) 1px, transparent 1px), var(--desktop-bg); background-size: 20px 20px; }
#desktop.bg-stripes { background: repeating-linear-gradient(45deg, var(--win-bg-dark), var(--win-bg-dark) 10px, var(--desktop-bg) 10px, var(--desktop-bg) 20px); }
#desktop.bg-dots { background: radial-gradient(var(--win-bg-dark) 1px, transparent 1px), var(--desktop-bg); background-size: 20px 20px; }
#desktop.bg-radial { background: radial-gradient(circle at center, var(--win-bg-dark), var(--desktop-bg)); }
.desktop-icon { width: 80px; display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 5px; color: var(--icon-color); text-shadow: var(--icon-shadow); text-align: center; }
.desktop-icon:hover { background: rgba(0, 0, 100, 0.3); border: 1px dotted var(--icon-color); padding: 4px; }
body.theme-htb .desktop-icon:hover, body.theme-cyberpunk .desktop-icon:hover { background: rgba(0, 255, 204, 0.2); }
body.theme-cyberpunk .desktop-icon:hover { background: rgba(0, 240, 255, 0.2); }
body.theme-macos .desktop-icon:hover { background: rgba(255, 255, 255, 0.2); border: 1px dotted rgba(255, 255, 255, 0.5); }
.icon-graphic { font-size: 32px; filter: drop-shadow(1px 1px 0 #000); }
.win98-window { position: absolute; background: var(--win-bg); border: 2px solid; border-top-color: var(--bt); border-left-color: var(--bl); border-right-color: var(--br); border-bottom-color: var(--bb); box-shadow: var(--shadow); display: flex; flex-direction: column; z-index: 1; min-width: 150px; min-height: 100px; }
.win98-window.active { z-index: 100; box-shadow: var(--glow), var(--shadow); }
.title-bar { background: var(--title-bg); user-select: none; color: var(--title-text); font-weight: bold; padding: 3px 5px; display: flex; justify-content: space-between; align-items: center; cursor: grab; height: 20px; flex-shrink: 0; touch-action: none; margin-bottom: 5px; }
body.theme-htb .title-bar, body.theme-cyberpunk .title-bar { border-bottom: 1px solid var(--border-color); height: 24px; }
.win-controls { display: flex; gap: 2px; }
.win-btn { width: 16px; height: 14px; background: var(--btn-bg); border: 1px solid; border-top-color: var(--bt); border-left-color: var(--bl); border-right-color: var(--br); border-bottom-color: var(--bb); color: var(--text-color); font-size: 12px; font-weight: bold; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
body.theme-htb .win-btn, body.theme-cyberpunk .win-btn { width: 18px; height: 18px; border: 1px solid var(--border-color); }
.win-btn:active { border-top-color: var(--br); border-left-color: var(--br); border-right-color: var(--bt); border-bottom-color: var(--bt); }
body.theme-htb .win-btn:active, body.theme-cyberpunk .win-btn:active { background: var(--btn-active-bg); color: var(--btn-active-text); }
.window-content { padding: 5px 8px 0px 8px; color: var(--text-color); flex: 1; overflow: auto; background: var(--win-bg); overscroll-behavior: contain; text-align: center; }
.window-content::-webkit-scrollbar { width: 16px; height: 16px; }
.window-content::-webkit-scrollbar-track { background: var(--scrollbar-track); }
.window-content::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border: 2px solid; border-top-color: var(--bt); border-left-color: var(--bl); border-right-color: var(--br); border-bottom-color: var(--bb); }
body.theme-htb .window-content::-webkit-scrollbar, body.theme-cyberpunk .window-content::-webkit-scrollbar { width: 10px; height: 10px; }
body.theme-htb .window-content::-webkit-scrollbar-thumb, body.theme-cyberpunk .window-content::-webkit-scrollbar-thumb { border: none; }
body.theme-macos .window-content::-webkit-scrollbar { width: 10px; height: 10px; }
body.theme-macos .window-content::-webkit-scrollbar-thumb { border: none; border-radius: 5px; }
.tab-headers { display: flex; border-bottom: 2px solid var(--bb); padding-left: 5px; background: var(--win-bg); flex-shrink: 0; flex-wrap: wrap; }
body.theme-htb .tab-headers, body.theme-cyberpunk .tab-headers { border-bottom: 1px solid var(--border-color); background: var(--win-bg-dark); }
.tab-btn { background: var(--btn-bg); border: 2px outset var(--bt); padding: 2px 8px; cursor: pointer; margin-right: 2px; border-bottom: none; position: relative; top: 1px; color: var(--text-color); }
.tab-btn.active { background: var(--btn-active-bg); border-bottom: 2px solid var(--btn-active-bg); font-weight: bold; color: var(--btn-active-text); }
body.theme-htb .tab-btn, body.theme-cyberpunk .tab-btn { border: 1px solid var(--border-color); }
.log-box { background: #0a0a0a; color: #4dff88; padding: 8px; flex: 1; min-height: 0; border: 1px inset var(--bt); overflow-y: auto; font-family: 'Consolas', 'Courier New', monospace; font-size: clamp(12px, calc(0.4vw + 0.85vh), 22px); font-weight: bold; display: block; overscroll-behavior: contain; line-height: 1.4; }
body.theme-htb .log-box, body.theme-cyberpunk .log-box { background: var(--win-bg-dark); color: var(--text-color); border: 1px solid var(--border-color); }
.log-box > div { padding: 5px 0; border-bottom: 1px dashed var(--item-border); }
.log-box > div:last-child { border-bottom: none; }
.log-box::-webkit-scrollbar { width: 10px; }
.log-box::-webkit-scrollbar-track { background: #111; }
.log-box::-webkit-scrollbar-thumb { background: #333; }
body.theme-htb .log-box::-webkit-scrollbar-track, body.theme-cyberpunk .log-box::-webkit-scrollbar-track { background: var(--win-bg-dark); }
body.theme-htb .log-box::-webkit-scrollbar-thumb, body.theme-cyberpunk .log-box::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); }
body.theme-macos .log-box::-webkit-scrollbar-track { background: #2c2c2e; }
body.theme-macos .log-box::-webkit-scrollbar-thumb { background: #555555; border-radius: 4px; }
#chatInput { font-size: clamp(12px, calc(0.4vw + 0.85vh), 22px); padding: 2px 4px; background: #111; color: #4dff88; border: 1px inset var(--bt); font-family: 'Consolas', 'Courier New', monospace; }
body.theme-htb #chatInput, body.theme-cyberpunk #chatInput { background: var(--win-bg-dark); color: var(--text-color); border: 1px solid var(--border-color); }
.win98-fieldset { border: var(--field-border); padding: 5px; margin-bottom: 8px; }
.win98-fieldset legend { padding: 0 3px; font-weight: bold; color: var(--field-legend); }
.win98-btn { background: var(--btn-bg); border: 2px outset var(--bt); padding: 2px 8px; font-family: inherit; font-size: 12px; cursor: pointer; color: var(--text-color); }
body.theme-htb .win98-btn, body.theme-cyberpunk .win98-btn { border: 1px solid var(--border-color); }
.win98-btn:active { border: 2px inset var(--bt); }
body.theme-htb .win98-btn:active, body.theme-cyberpunk .win98-btn:active { background: var(--btn-active-bg); color: var(--btn-active-text); border: 1px solid var(--border-color); }
.win98-btn:hover { border: 2px solid var(--border-color); }
body.theme-htb .win98-btn:hover, body.theme-cyberpunk .win98-btn:hover { background: #212f42; border: 1px solid var(--border-color); }
body.theme-cyberpunk .win98-btn:hover { background: #2a2a3a; }
.stat-row { display: flex; justify-content: space-between; margin-bottom: 2px; font-weight: bold; }
.progress-track { height: 12px; background: #fff; border: 1px inset var(--bt); margin: 4px 0; position: relative; }
body.theme-htb .progress-track, body.theme-cyberpunk .progress-track { background: var(--win-bg-dark); border: 1px solid var(--border-color); }
.progress-fill { height: 100%; background: #000080; width: 0%; transition: width 0.3s; border-right: 1px solid #fff; }
body.theme-htb .progress-fill, body.theme-cyberpunk .progress-fill { background: var(--btn-active-bg); border-right: 1px solid var(--win-bg-dark); }
#taskbar { position: fixed; bottom: 0; left: 0; width: 100%; height: 30px; background: var(--win-bg); border-top: 2px solid var(--bt); display: flex; align-items: center; padding: 2px; z-index: 9998; gap: 5px; }
body.theme-htb #taskbar, body.theme-cyberpunk #taskbar { background: var(--win-bg-dark); border-top: 1px solid var(--border-color); }
#startBtn { background: var(--btn-bg); border: 2px outset var(--bt); padding: 2px 10px; font-weight: bold; display: flex; align-items: center; gap: 5px; cursor: pointer; height: 100%; color: var(--text-color); }
body.theme-htb #startBtn, body.theme-cyberpunk #startBtn { border: 1px solid var(--border-color); }
#startBtn:active { border: 2px inset var(--bt); }
body.theme-htb #startBtn:active, body.theme-cyberpunk #startBtn:active { background: var(--btn-active-bg); color: var(--btn-active-text); }
#startMenu { position: fixed; bottom: 30px; left: 2px; width: 240px; background: var(--win-bg); border: 2px outset var(--bt); display: flex; z-index: 10000; box-shadow: var(--shadow); }
body.theme-htb #startMenu, body.theme-cyberpunk #startMenu { border: 1px solid var(--border-color); }
#taskbarApps { display: flex; gap: 2px; }
.taskbar-app { background: var(--btn-bg); border: 2px outset var(--bt); padding: 2px 10px; font-size: 12px; color: var(--text-color); }
body.theme-htb .taskbar-app, body.theme-cyberpunk .taskbar-app { border: 1px solid var(--border-color); }
.taskbar-app.active { border: 2px inset var(--bt); background: var(--btn-active-bg); color: var(--btn-active-text); }
body.theme-htb .taskbar-app.active, body.theme-cyberpunk .taskbar-app.active { border: 1px solid var(--border-color); }
.taskbar-spacer { flex: 1; }
#clock { background: var(--win-bg); border: 1px inset var(--bt); padding: 2px 10px; height: 100%; display: flex; align-items: center; color: var(--text-color); }
body.theme-htb #clock, body.theme-cyberpunk #clock { background: var(--win-bg-dark); border: 1px solid var(--border-color); }
.win-resize-handle { position: absolute; bottom: 0; right: 0; width: 16px; height: 16px; background: var(--win-bg); border-top: 2px solid var(--bb); border-left: 2px solid var(--bb); border-right: 2px solid var(--bt); border-bottom: 2px solid var(--bt); cursor: nwse-resize; z-index: 10; touch-action: none; }
body.theme-htb .win-resize-handle, body.theme-cyberpunk .win-resize-handle { background: var(--win-bg-dark); border: 1px solid var(--border-color); }
.market-item { margin-bottom: 4px; border-bottom: 1px solid var(--item-border); padding-bottom: 2px; }
.market-item-name { font-weight: bold; }
.lb-entry { display: flex; justify-content: space-between; margin-bottom: 1px; padding: 1px 2px; }
.lb-entry.player { background: var(--btn-active-bg); color: var(--btn-active-text); font-weight: bold; }
.lb-rank { width: 30px; flex-shrink: 0; }
.lb-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb-val { flex-shrink: 0; text-align: right; }
.ach-bonus { color: #000; }
body.theme-htb .ach-bonus { color: #00ffff; }
body.theme-cyberpunk .ach-bonus { color: #00ffff; }
.start-menu-sidebar { background: linear-gradient(180deg, #000080, #1084d0); color: #fff; font-weight: bold; font-size: 18px; width: 24px; padding: 10px 5px; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); text-align: center; flex-shrink: 0; display: flex; align-items: center; white-space: nowrap; }
body.theme-htb .start-menu-sidebar, body.theme-cyberpunk .start-menu-sidebar { background: var(--win-bg-dark); color: var(--text-color); border-right: 1px solid var(--border-color); }
.start-menu-items { flex: 1; padding: 4px; }
.start-item { padding: 6px 10px; cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-color); }
.start-item:hover { background: #000080; color: #fff; }
body.theme-htb .start-item:hover, body.theme-cyberpunk .start-item:hover { background: var(--btn-active-bg); color: var(--btn-active-text); }
body.theme-xp .win98-window { border-radius: 8px 8px 0 0; border: 1px solid var(--border-color); }
body.theme-xp .title-bar { border-radius: 7px 7px 0 0; border: none; height: 26px; padding: 4px 8px; }
body.theme-xp .win-btn { border: 1px solid #0831d9; border-radius: 3px; width: 20px; height: 16px; background: linear-gradient(180deg, #f5f5f5, #e1e1e1); }
body.theme-xp .win-btn:active { background: linear-gradient(180deg, #ffe1a0, #ffc24c); }
body.theme-xp .window-content { border-radius: 0 0 8px 8px; }
body.theme-xp .win98-btn { border: 1px solid #003c74; border-radius: 3px; background: linear-gradient(180deg, #f5f5f5, #e1e1e1); }
body.theme-xp .win98-btn:active { background: linear-gradient(180deg, #ffe1a0, #ffc24c); }
body.theme-xp .win98-fieldset { border: 1px solid var(--item-border); border-radius: 3px; }
body.theme-xp #taskbar { height: 36px; border-radius: 10px 10px 0 0; border: 1px solid var(--border-color); border-bottom: none; background: linear-gradient(180deg, #3c8ce7, #0058e6 95%, #2a82ec); padding: 4px; }
body.theme-xp #startBtn { background: linear-gradient(180deg, #3cc850, #2baa39); border: 1px solid #1a8326; border-radius: 12px; height: 100%; padding: 2px 12px; color: #fff; text-shadow: 1px 1px 1px #000; }
body.theme-xp #startMenu { border-radius: 10px 10px 0 0; border: 1px solid var(--border-color); border-bottom: none; overflow: hidden; box-shadow: var(--shadow); width: 300px; }
body.theme-xp .start-menu-sidebar { background: linear-gradient(180deg, #4a86e8, #2a62d6); border-right: 1px solid #1a4eb8; width: 24px; writing-mode: vertical-rl; transform: rotate(180deg); align-items: center; padding: 10px 5px; white-space: nowrap; }
body.theme-xp .start-menu-sidebar br { display: none; }
body.theme-xp .start-menu-items { background: #ffffff; padding: 8px; }
body.theme-xp .start-item { border-radius: 3px; padding: 8px 10px; }
body.theme-xp .start-item:hover { background: linear-gradient(180deg, #ffe1a0, #ffc24c); color: #000; }
body.theme-xp .taskbar-app { border-radius: 3px; border: 1px solid #0831d9; background: linear-gradient(180deg, #3c8ce7, #2884e3); color: #fff; }
body.theme-xp .taskbar-app.active { background: linear-gradient(180deg, #2884e3, #3c8ce7); }
body.theme-xp #clock { background: transparent; border: 1px solid #0831d9; border-radius: 3px; color: #fff; }
body.theme-xp .progress-track { border: 1px solid var(--item-border); border-radius: 2px; background: #fff; }
body.theme-xp .progress-fill { background: linear-gradient(90deg, #1eb41e, #4cf64c 40%, #4cf64c 60%, #1eb41e); border-right: none; }
body.theme-xp .win-resize-handle { border: none; background: transparent; }
body.theme-xp .tab-headers { border-bottom: 1px solid var(--item-border); background: transparent; }
body.theme-xp .tab-btn { border: 1px solid transparent; border-radius: 3px 3px 0 0; background: transparent; }
body.theme-xp .tab-btn.active { background: var(--win-bg); border: 1px solid var(--item-border); border-bottom: none; }
body.theme-xp .log-box { border: 1px solid var(--item-border); }
body.theme-macos .win98-window { border-radius: 10px; border: 1px solid #c7c7c7; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
body.theme-macos .title-bar { border-radius: 10px 10px 0 0; border-bottom: 1px solid #c7c7c7; height: 28px; padding: 5px 10px; justify-content: center; }
body.theme-macos .win-controls { position: absolute; left: 10px; gap: 6px; }
body.theme-macos .win-btn { width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); background: #ff5f57; color: transparent; font-size: 0; }
body.theme-macos .win-btn:active { background: #ff5f57; opacity: 0.8; }
body.theme-macos .window-content { border-radius: 0 0 10px 10px; }
body.theme-macos .win98-btn { border: 1px solid #c7c7c7; border-radius: 6px; background: #ffffff; padding: 6px 15px; }
body.theme-macos .win98-btn:active { background: #dcdcdc; }
body.theme-macos .win98-fieldset { border: 1px solid #c7c7c7; border-radius: 8px; }
body.theme-macos #taskbar { height: 40px; background: rgba(255,255,255,0.5); backdrop-filter: blur(20px); border-top: 1px solid rgba(0,0,0,0.1); border-radius: 0; justify-content: center; padding: 0 10px; }
body.theme-macos #startBtn { background: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,0.1); border-radius: 20px; padding: 4px 15px; color: #1d1d1f; }
body.theme-macos #startMenu { border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.9); backdrop-filter: blur(20px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); width: 300px; }
body.theme-macos .start-menu-sidebar { background: transparent; color: #1d1d1f; border-right: 1px solid #c7c7c7; width: 24px; writing-mode: vertical-rl; transform: rotate(180deg); padding: 10px 5px; white-space: nowrap; }
body.theme-macos .start-menu-items { background: transparent; }
body.theme-macos .start-item { border-radius: 6px; padding: 8px 10px; }
body.theme-macos .start-item:hover { background: #007aff; color: #fff; }
body.theme-macos .taskbar-app { border-radius: 6px; border: 1px solid transparent; background: rgba(255,255,255,0.5); color: #1d1d1f; }
body.theme-macos .taskbar-app.active { background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); }
body.theme-macos #clock { background: transparent; border: none; color: #1d1d1f; }
body.theme-macos .progress-track { border: 1px solid #c7c7c7; border-radius: 4px; background: #e8e8e8; }
body.theme-macos .progress-fill { background: #007aff; border-right: none; }
body.theme-macos .win-resize-handle { border: none; background: transparent; }
body.theme-macos .tab-headers { border-bottom: 1px solid #c7c7c7; background: transparent; }
body.theme-macos .tab-btn { border: 1px solid transparent; border-radius: 4px; background: transparent; }
body.theme-macos .tab-btn.active { background: #e8e8e8; border: 1px solid #c7c7c7; border-bottom: none; }
body.theme-macos .log-box { border: 1px solid #c7c7c7; border-radius: 6px; background: #2c2c2e; color: #ffffff; }
body.theme-macos #chatInput { border: 1px solid #c7c7c7; border-radius: 6px; background: #2c2c2e; color: #ffffff; }