*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0a09;--surface: #1c1917;--surface-hover: #292524;--border: #3f3a36;--text: #d6d3d1;--text-muted: #78716c;--text-bright: #fafaf9;--primary: #d97706;--primary-hover: #b45309;--primary-light: #fbbf24;--accent: #a16207;--danger: #dc2626;--online: #16a34a;--radius: 10px;--nav-width: 240px;--story-size: 48px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;overflow:hidden;height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.avatar{border-radius:50%;object-fit:cover;background:var(--border)}.avatar-placeholder{border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:10px 20px;font-weight:700;font-size:14px;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:9px 20px;font-weight:600;font-size:14px;color:var(--text)}.btn-outline:hover{background:var(--surface-hover);border-color:var(--text-muted)}.btn-ghost{background:transparent;border:none;color:var(--text-muted);padding:4px 8px;font-size:13px}.btn-ghost:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}.online-dot{width:10px;height:10px;background:var(--online);border-radius:50%;border:2px solid var(--bg);position:absolute;bottom:1px;right:1px}.story-ring{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;padding:2px}.story-ring-inner{background:var(--bg);border-radius:50%;padding:2px}