:root{--bg-base: #080c10;--bg-surface-1: #0b0f14;--bg-surface-2: #0f1419;--bg-surface-3: #141a22;--bg-surface-4: #1a2230;--border: rgba(255,255,255,.06);--border-mid: rgba(255,255,255,.1);--green: #00c97a;--green-light: #1effa0;--green-dark: #009a5e;--green-dim: rgba(0,201,122,.08);--green-glow: rgba(0,201,122,.2);--blue: #3b82f6;--purple: #8b5cf6;--orange: #f59e0b;--red: #f87171;--text-primary: #f0f4f8;--text-secondary: #8899aa;--text-muted: #3d4f60;--font-head: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", "Cascadia Code", "Consolas", monospace;--r-btn: 8px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--shadow-std: 0 4px 24px rgba(0,0,0,.4);--shadow-high: 0 16px 60px rgba(0,0,0,.6);--accent: #00c97a;--accent-bright: #1effa0;--accent-dim: rgba(0,201,122,.08);--border-accent: rgba(0,201,122,.2);--bg-card: #0b0f14;--bg-input: #141a22}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-light)}img{max-width:100%;display:block}.card{background:#0b0f14;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 4px 24px #0006;transition:border-color .15s,box-shadow .15s,transform .15s}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:#00c97a33;box-shadow:0 4px 24px #0006,0 0 0 1px #00c97a1f;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap;padding:0 18px;height:38px;border:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#00c97a;color:#080c10;box-shadow:0 0 16px #00c97a40}.btn-primary:hover:not(:disabled){background:#1effa0;box-shadow:0 0 28px #00c97a73;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){border-color:#00c97a4d;color:#00c97a;background:#00c97a0d}.btn-ghost{background:none;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.btn-sm{height:30px;font-size:12px;padding:0 12px}.btn-lg{height:46px;font-size:15px;padding:0 26px}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:30px}.input{width:100%;height:42px;padding:0 14px;background:#141a22;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#f0f4f8;font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s,background .15s}.input::placeholder{color:#3d4f60}.input:focus{border-color:#00c97a66;background:#1a2230}textarea.input{height:auto;padding:12px 14px;resize:vertical;line-height:1.6}.tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:100px;font-size:11px;font-weight:500;white-space:nowrap;color:#00c97a;background:#00c97a1a;border:1px solid rgba(0,201,122,.25)}.tag--neutral{color:#89a;background:#8899aa1a;border-color:#8899aa40}.tag--blue{color:#3b82f6;background:#3b82f61a;border-color:#3b82f640}.tag--purple{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf640}.tag--orange{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b40}.tag--red{color:#f87171;background:#f871711a;border-color:#f8717140}.vote-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;background:#0f1419;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .15s;min-width:46px;color:#89a}.vote-btn:hover{border-color:#00c97a4d;color:#00c97a}.vote-btn--active{border-color:#00c97a59;color:#00c97a;background:#00c97a0f}.vote-count{font-family:var(--font-head);font-size:15px;font-weight:700;line-height:1;letter-spacing:-.03em}.vote-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#3d4f60}.accepted-banner{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#00c97a14;border:1px solid rgba(0,201,122,.25);border-radius:100px;color:#00c97a;font-size:11px;font-weight:600;letter-spacing:.02em}.code-block{background:#0a0e13;border:1px solid rgba(0,201,122,.2);border-radius:12px;overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#00c97a0d;border-bottom:1px solid rgba(0,201,122,.15);font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#00c97a}.code-block pre{padding:16px;margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:#8fe0bb}.toolbar{display:flex;align-items:center;gap:2px;padding:6px 10px;background:#141a22;border-bottom:1px solid rgba(255,255,255,.06);border-radius:12px 12px 0 0}.toolbar-btn{width:30px;height:28px;border:none;border-radius:6px;background:none;color:#89a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font-body);transition:all .12s}.toolbar-btn:hover{background:#ffffff0f;color:#f0f4f8}.toolbar-sep{width:1px;height:16px;background:#ffffff0f;margin:0 4px}.skeleton{background:linear-gradient(90deg,#0f1419 25%,#141a22,#0f1419 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:#ffffff0f}.online-dot{width:7px;height:7px;border-radius:50%;background:#00c97a;box-shadow:0 0 6px #00c97a80;display:inline-block;flex-shrink:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-head);font-weight:700;letter-spacing:-.03em;color:#f0f4f8;margin:1.2em 0 .5em;line-height:1.15}.markdown-body p{margin-bottom:.9em;line-height:1.65;color:#89a}.markdown-body code{font-family:var(--font-mono);font-size:12.5px;background:#0a0e13;border:1px solid rgba(0,201,122,.2);border-radius:6px;padding:1px 6px;color:#8fe0bb}.markdown-body pre{background:#0a0e13;border:1px solid rgba(0,201,122,.2);border-radius:12px;padding:16px;overflow-x:auto;margin:1em 0}.markdown-body pre code{background:none;border:none;padding:0;color:#8fe0bb}.markdown-body a{color:#00c97a}.markdown-body a:hover{color:#1effa0}.markdown-body strong{color:#f0f4f8}.markdown-body ul,.markdown-body ol{padding-left:1.4em;margin-bottom:.9em}.markdown-body li{margin-bottom:.3em;line-height:1.65;color:#89a}.markdown-body blockquote{border-left:3px solid #00c97a;padding-left:14px;margin:1em 0;color:#3d4f60;font-style:italic}.gradient-text{background:linear-gradient(135deg,#00c97a,#1effa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-label{display:block;font-size:12px;font-weight:600;color:#89a;margin-bottom:6px;letter-spacing:.01em}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;background:linear-gradient(135deg,#00c97a,#1effa0);color:#080c10;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tab-bar{display:flex;gap:2px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:24px}.tab-btn{padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:#3d4f60;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tab-btn:hover{color:#89a}.tab-btn--active{color:#00c97a;border-bottom-color:#00c97a}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f0f4f8;font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.social-btn:hover{border-color:#00c97a4d;color:#00c97a;background:#00c97a0a}.stat-card{display:flex;flex-direction:column;align-items:center;padding:20px 24px;background:#0b0f14;border:1px solid rgba(255,255,255,.06);border-radius:18px;text-align:center;gap:4px;box-shadow:0 4px 24px #0006}.stat-number{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#00c97a,#1effa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#3d4f60}.page-container{max-width:1100px;margin:0 auto;padding:0 24px}.page-container--narrow{max-width:760px}.sep-text{display:flex;align-items:center;gap:12px;color:#3d4f60;font-size:12px}.sep-text:before,.sep-text:after{content:"";flex:1;height:1px;background:#ffffff0f}