*{box-sizing:border-box}
:root{
    --bg:#000000;
    --panel:#101010;
    --panel2:#000000;
    --line:#282828;
    --text:#e8e8e8;
    --muted:#858585;
    --red:#ff0000;
    --red2:#ff3333
}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--text);text-decoration:none}
a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:10;background:#090909;border-bottom:1px solid var(--line)}
.header-inner{max-width:980px;margin:auto;min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900;letter-spacing:.14em;color:#fff}
nav{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--muted)}
nav a{color:var(--muted)}
nav a:hover{color:#fff}.nav-red{color:var(--red)!important;font-weight:700}
.container{max-width:700px;margin:0 auto;padding:34px 20px 70px}
.site-footer{max-width:700px;margin:0 auto;padding:25px 20px 45px;color:#555;font-size:12px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}
.hero{padding:85px 10px 100px}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--red);font-weight:800;margin-bottom:12px}
h1{font-size:40px;line-height:1.08;margin:0 0 15px;letter-spacing:-.03em}
h2{margin-top:0}
.hero p{max-width:540px;color:var(--muted);font-size:17px}
.hero-buttons{display:flex;gap:10px;margin-top:25px}
.button{border:0;background:var(--red);color:#fff;padding:10px 16px;border-radius:5px;font-weight:750;cursor:pointer;font-size:14px;display:inline-block}
.button:hover{background:var(--red2);color:#fff}
.button.ghost{background:transparent;border:1px solid var(--line);color:#bbb}
.button.ghost:hover{border-color:#555;color:#fff}
.button.danger{background:#651c22}.button.small{padding:7px 11px;font-size:12px}.button.full{width:100%}
.composer,.auth-card,.settings-card{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:7px}
.composer{position:relative;margin-bottom:22px}
textarea,input{font:inherit;color:var(--text);background:#0b0b0b;border:1px solid var(--line);border-radius:5px;outline:0}
textarea:focus,input:focus{border-color:#555}
.composer textarea{width:100%;min-height:105px;resize:vertical;padding:12px}
.composer-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px}
.composer-row input{width:100%;padding:9px}
.counter{color:#555;font-size:11px;text-align:right;margin-top:7px}
.feed-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 2px 11px;margin-bottom:0}
.feed-tabs strong{color:#fff}.feed-tabs a{color:var(--muted)}
.post{padding:21px 3px;border-bottom:1px solid var(--line)}
.post-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.username{color:var(--red);font-weight:800}
.username:hover{color:var(--red2)}
.display-name{font-weight:600}.dot,.time,.muted{color:var(--muted)}
.time{font-size:13px}.post-body{white-space:normal;font-size:15px;margin:8px 0 12px;overflow-wrap:anywhere}
.post-actions{display:flex;gap:17px;align-items:center;font-size:13px;margin-top:10px}
.action{background:none;border:0;padding:0;color:#777;cursor:pointer;font:inherit}
.action:hover,.action.active{color:var(--red)}
.inline{display:inline}
.danger-action .action:hover{color:#e05b64}
.linked-image{display:block;margin:10px 0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#050505}
.linked-image img{display:block;max-width:100%;max-height:500px;width:auto;height:auto;margin:auto}
.post-link{display:block;color:#aaa;border-left:2px solid var(--red);padding:5px 10px;margin:8px 0;overflow-wrap:anywhere}
.search-box{padding-bottom:20px}.search-box form{display:flex;gap:8px}.search-box input{flex:1;padding:10px}
.empty{border:1px dashed var(--line);padding:35px 20px;text-align:center;color:#666}
.auth-card,.settings-card{max-width:500px;margin:35px auto}
.auth-card h1,.settings-card h1{font-size:30px}
label{display:block;color:#aaa;font-size:13px;margin:15px 0}
label input,label textarea{display:block;width:100%;margin-top:6px;padding:10px}
label textarea{min-height:110px;resize:vertical}
.profile-head{display:flex;gap:18px;align-items:flex-start;padding:20px 0 30px}
.avatar-placeholder{width:68px;height:68px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:900;font-size:22px;background:#111}
.profile-main{flex:1}.profile-main h1{font-size:29px;margin:0 0 8px}.profile-main p{color:#aaa;margin:0 0 12px}
.profile-meta{display:flex;gap:15px;flex-wrap:wrap;color:#666;font-size:12px}
.admin-grid{display:grid;gap:16px}.admin-grid .settings-card{max-width:none;margin:0}
.admin-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.report{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}
.notice{padding:10px 13px;border:1px solid var(--line);margin-bottom:18px;border-radius:5px;font-size:13px}
.notice.error{border-color:#63252a;color:#ef8a91;background:#160b0c}.notice.success{border-color:#30452f;color:#9cc394;background:#0b110b}
@media(max-width:650px){.header-inner{align-items:flex-start;padding-top:12px;padding-bottom:10px}.header-inner nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.container{padding-top:22px}.hero{padding:55px 5px}.hero h1{font-size:34px}.composer-row{grid-template-columns:1fr}.site-footer{display:block}.site-footer span{display:block;margin-bottom:6px}.profile-head{flex-wrap:wrap}.profile-head form{width:100%}.profile-head form .button{width:100%}.report{display:block}.report>*{display:block;margin-top:4px}}