@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-page:#0a0a0a;--bg-card:#111;--bg-input:#1a1a1a;--bg-hover:#181818;--border:#2a2a2a;--border-focus:#3a7bd5;--accent:#3a7bd5;--accent-dim:#2a5ba5;--text-primary:#e8e8e8;--text-secondary:#888;--text-muted:#555;--danger:#c0392b;--success:#27ae60;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-sans:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:15px}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}input,textarea{font-family:var(--font-sans);font-size:.95rem}.btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-sans);letter-spacing:.02em;background:0 0;align-items:center;gap:6px;padding:8px 16px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{opacity:0;animation:.4s forwards fadeIn}.input-field{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s}.input-field:focus{border-color:var(--border-focus)}.input-field::placeholder{color:var(--text-muted)}.error-msg{color:var(--danger);font-size:.82rem;font-family:var(--font-mono);border:1px solid var(--danger);background:#c0392b14;margin-top:6px;padding:8px 12px}.label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.75rem;display:block}.page-wrapper{max-width:800px;margin:0 auto;padding:0 20px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;display:flex}.divider{border:none;border-top:1px solid var(--border)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.tab-bar{border-bottom:1px solid var(--border);display:flex}.tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 0;font-size:.78rem;font-weight:500;transition:color .15s,background .15s}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.login-page{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-box{width:100%;max-width:400px;padding:32px}.login-logo{letter-spacing:.14em;text-align:center;margin-bottom:6px;font-size:1.3rem;font-weight:700}.logo-bracket-login{color:var(--accent)}.login-tagline{text-align:center;letter-spacing:.08em;margin-bottom:24px;font-size:.72rem}.login-tabs{margin-bottom:24px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;display:flex}.login-submit{justify-content:center;width:100%;margin-top:4px;padding:11px;font-size:.9rem}.confirm-message{text-align:center;padding:8px 0 4px}.confirm-icon{color:var(--accent);margin-bottom:16px;font-size:1.6rem}.confirm-title{color:var(--text-primary);margin-bottom:12px;font-size:1rem;font-weight:600}.confirm-body{font-size:.88rem;line-height:1.6}.confirm-body strong{color:var(--text-primary)}.home-page{text-align:center;background-color:var(--bg-page);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:50%;background-size:40px 40px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.home-content{z-index:10;background:var(--bg-page);border:1px solid var(--border);max-width:600px;padding:40px;position:relative;box-shadow:0 8px 32px #0006}.home-logo{color:var(--text-primary);letter-spacing:.1em;margin-bottom:8px;font-size:2.5rem;font-weight:700}.home-bracket{color:var(--accent)}.home-tagline{color:var(--text-muted);letter-spacing:.15em;text-transform:lowercase;margin-bottom:32px;font-size:1rem}.home-description{color:var(--text-secondary);margin-bottom:40px;font-size:1.1rem;line-height:1.6}.home-actions{justify-content:center;gap:16px;display:flex}.home-actions .btn{padding:12px 24px;font-size:1rem}.navbar{z-index:100;background:var(--bg-page);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:52px;display:flex}.navbar-logo{color:var(--text-primary);letter-spacing:.12em;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s}.navbar-logo:hover{color:var(--accent);text-decoration:none}.logo-bracket{color:var(--accent)}.navbar-nav{align-items:center;gap:16px;display:flex}.navbar-link{color:var(--text-secondary);font-size:.82rem;text-decoration:none;transition:color .15s}.navbar-link:hover{color:var(--accent);text-decoration:none}.navbar-user{align-items:center;gap:7px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.compose-box{margin-bottom:1px;padding:16px}.compose-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.compose-counter{color:var(--text-muted);font-size:.78rem;transition:color .15s}.compose-counter.warn{color:#e67e22}.compose-counter.danger{color:var(--danger)}.compose-textarea{resize:none;width:100%;line-height:1.6;display:block}.compose-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.compose-rules{letter-spacing:.04em;font-size:.72rem}.cooldown-msg{color:var(--text-muted);letter-spacing:.04em;margin-top:6px;font-size:.72rem}.post-card{border-bottom:1px solid var(--border);padding:16px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .15s,border-color .15s,box-shadow .2s}.post-card+.post-card{border-top:none}.post-card:hover{background:var(--bg-hover);border-color:var(--text-muted);z-index:2;position:relative;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.badge-icon{vertical-align:text-bottom;width:16px;height:16px;margin-left:6px;display:inline-block}.dev-icon{color:#3b82f6}.verified-icon{color:#10b981}.deleted-post{opacity:.5;padding:12px 16px}.repost-label,.reply-label{color:var(--text-muted);letter-spacing:.04em;margin-bottom:8px;font-size:.72rem}.reply-link{color:var(--accent);font-family:var(--font-mono);font-size:.72rem}.reply-link:hover{text-decoration:underline}.post-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.post-author{color:var(--accent);font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .15s}.post-author:hover{opacity:.8;text-decoration:none}.post-time{letter-spacing:.02em;font-size:.72rem}.post-content{color:var(--text-primary);word-break:break-word;white-space:pre-wrap;font-size:.95rem;line-height:1.65}.post-content-link{color:inherit;text-decoration:none;display:block}.post-content-link:hover{text-decoration:none}.post-content p{margin:0}.post-action-error{color:var(--danger);letter-spacing:.02em;margin-top:8px;font-size:.72rem}.post-actions{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:14px;padding-top:10px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;font-size:.78rem;font-family:var(--font-sans);background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:5px 10px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.action-btn:hover{color:var(--text-primary);border-color:var(--border);text-decoration:none}.action-btn.active{color:var(--accent)}.action-btn.active:hover{color:var(--accent);border-color:var(--accent)}.action-delete{margin-left:auto}.action-delete:hover{color:var(--danger);border-color:var(--danger)}.feed-layout{min-height:100vh}.feed-main{padding-top:24px;padding-bottom:60px}.feed-tabs{margin-top:1px}.feed-list{border:1px solid var(--border);border-top:none;min-height:200px}.feed-loading{justify-content:center;padding:48px;display:flex}.feed-empty{text-align:center;color:var(--text-muted);letter-spacing:.04em;padding:48px 24px;font-size:.82rem}.search-layout{flex-direction:column;min-height:100vh;display:flex}.search-main{flex-direction:column;flex:1;display:flex}.search-input-container{background:var(--bg-card);border-bottom:1px solid var(--border);padding:16px}.search-input{border-radius:4px;padding:16px;font-size:1.1rem}.search-list{flex-direction:column;padding-bottom:40px;display:flex}.search-loading,.search-empty{text-align:center;color:var(--text-muted);padding:40px 16px}.post-main{padding-top:20px;padding-bottom:60px}.post-back{margin-bottom:16px}.back-link{color:var(--text-secondary);letter-spacing:.04em;font-size:.78rem;text-decoration:none;transition:color .15s}.back-link:hover{color:var(--accent);text-decoration:none}.post-loading{justify-content:center;padding:60px;display:flex}.thread-root{border-bottom:none}.thread-root .post-card{background:0 0;border:none}.thread-compose{margin-top:1px}.thread-compose .compose-box{margin-bottom:0}.thread-replies{margin-top:1px}.thread-replies-label{color:var(--text-muted);letter-spacing:.06em;border:1px solid var(--border);background:var(--bg-card);text-transform:uppercase;border-bottom:none;padding:10px 16px;font-size:.75rem}.thread-replies-list{border-left:2px solid var(--border);margin-top:10px;margin-left:20px;padding-left:24px}.thread-replies-list .post-card{border-left:none;border-right:none;border-top:1px solid var(--border);border-radius:0}.thread-empty{color:var(--text-muted);text-align:center;letter-spacing:.04em;padding:24px 0;font-size:.78rem}.profile-main{padding-top:24px;padding-bottom:60px}.profile-loading{justify-content:center;padding:60px;display:flex}.profile-header{margin-bottom:1px;position:relative;overflow:hidden}.profile-cover{width:100%;height:120px}.profile-info-section{padding:24px}.profile-identity{align-items:center;gap:16px;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--bg-card);background-color:var(--bg-input);width:64px;height:64px;margin-top:-48px}.profile-top-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.profile-name{margin-bottom:4px;font-size:1.15rem;font-weight:700;transition:color .2s}.profile-username{color:var(--text-muted);font-size:.82rem}.profile-status{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.status-dot-lg{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-label{letter-spacing:.05em;text-transform:lowercase;color:var(--text-muted);font-size:.72rem}.status-text{color:var(--text-secondary);font-size:.82rem}.status-text:before{content:"/";color:var(--text-muted);margin-right:6px}.profile-bio{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-top:8px;margin-bottom:16px;font-size:.9rem;line-height:1.65}.profile-stats{border-top:1px solid var(--border);align-items:center;gap:16px;margin-top:16px;padding-top:12px;display:flex}.stat{color:var(--text-secondary);font-size:.8rem}.stat strong{color:var(--text-primary)}.stat-label{letter-spacing:.06em;font-size:.72rem}.edit-btn{flex-shrink:0;padding:6px 14px;font-size:.78rem}.profile-posts-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-card);border-bottom:none;padding:10px 16px;font-size:.72rem}.profile-posts-list{border:1px solid var(--border);border-top:none;min-height:120px}.edit-form{flex-direction:column;gap:16px;display:flex}.edit-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:-4px;font-size:.7rem}.edit-bio-area{resize:vertical;min-height:72px}.char-count{color:var(--text-muted);text-align:right;margin-top:4px;font-size:.7rem;display:block}.edit-row{align-items:flex-start;gap:12px;display:flex}.edit-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.color-picker{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;outline:2px solid #0000;flex-shrink:0;width:28px;height:28px;transition:outline .12s,transform .12s}.color-swatch:hover{outline:2px solid var(--text-muted);transform:scale(1.12)}.color-swatch.selected{outline:2px solid var(--text-primary);transform:scale(1.12)}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}select.input-field option{background:var(--bg-card);color:var(--text-primary)}