:root{--bg: #F5F1E8;--fg: #0A0A0A;--surface: #FFFFFF;--border: #000000;--accent: #FF4D00;--accent-2: #FFD400;--accent-3: #00C2A8;--accent-4: #B14EFF;--error: #FF2D2D;--muted: #6B6B6B;--radius: 0px}@media (prefers-color-scheme: dark){:root{--bg: #0A0A0A;--fg: #F5F1E8;--surface: #1A1A1A;--border: #F5F1E8;--accent: #FF6B33;--accent-2: #FFE14D;--accent-3: #33D9C2;--accent-4: #C77AFF;--error: #FF5C5C;--muted: #A0A0A0}}[data-theme=dark]{--bg: #0A0A0A;--fg: #F5F1E8;--surface: #1A1A1A;--border: #F5F1E8;--accent: #FF6B33;--accent-2: #FFE14D;--accent-3: #33D9C2;--accent-4: #C77AFF;--error: #FF5C5C;--muted: #A0A0A0}[data-theme=light]{--bg: #F5F1E8;--fg: #0A0A0A;--surface: #FFFFFF;--border: #000000;--accent: #FF4D00;--accent-2: #FFD400;--accent-3: #00C2A8;--accent-4: #B14EFF;--error: #FF2D2D;--muted: #6B6B6B}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background-color:var(--bg);color:var(--fg);font-family:Inter,Helvetica Neue,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{padding-bottom:72px}@media (min-width: 640px){body{padding-bottom:24px}}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:900;letter-spacing:-.02em;color:var(--fg);line-height:1.2}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}p{font-weight:500;color:var(--fg)}small,.text-muted{color:var(--muted);font-size:13px;font-weight:600}a{color:var(--fg);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:background 80ms ease,color 80ms ease}a:hover{background-color:var(--accent-2);color:#0a0a0a}hr{border:0;height:3px;background-color:var(--border);margin:24px 0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--accent);color:#0a0a0a;font-family:inherit;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--border);border-radius:var(--radius);padding:10px 18px;box-shadow:4px 4px 0 var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:transform 80ms ease,box-shadow 80ms ease,background-color 80ms ease;white-space:nowrap}.btn:hover,button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.btn:active,button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--border)}.btn:focus-visible,button:focus-visible{outline:3px solid var(--border);outline-offset:2px}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:4px 4px 0 var(--border)!important}.btn.secondary{background-color:var(--surface);color:var(--fg)}.btn.danger{background-color:var(--error);color:#fff}.btn.success{background-color:var(--accent-3);color:#0a0a0a}.btn.sm{padding:6px 12px;font-size:12px;border-width:2px;box-shadow:3px 3px 0 var(--border)}.btn.sm:hover{box-shadow:4px 4px 0 var(--border)}.btn.sm:active{box-shadow:0 0 0 var(--border)}.btn.block{width:100%}input,textarea,select{width:100%;background-color:var(--surface);color:var(--fg);border:3px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-family:inherit;font-size:16px;font-weight:600;transition:box-shadow 80ms ease}input::placeholder,textarea::placeholder{color:var(--muted);font-weight:500}input:focus,textarea:focus,select:focus{outline:none;box-shadow:4px 4px 0 var(--accent-4)}textarea{min-height:90px;resize:vertical}label{display:block;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;color:var(--fg)}.form-group{margin-bottom:16px}.badge{display:inline-flex;align-items:center;gap:4px;border:2px solid var(--border);border-radius:var(--radius);padding:2px 8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background-color:var(--accent-2);color:#0a0a0a}.badge.public{background-color:var(--accent-3);color:#0a0a0a}.badge.private{background-color:var(--accent-4);color:#fff}.badge.default{background-color:var(--accent-2);color:#0a0a0a}.badge.neutral{background-color:var(--surface);color:var(--fg)}.card,.post,.composer,.space-item{background-color:var(--surface);border:3px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:4px 4px 0 var(--border);margin-bottom:16px}.error{background-color:var(--error);color:#fff;border:3px solid var(--border);border-radius:var(--radius);padding:8px 12px;box-shadow:4px 4px 0 var(--border);font-weight:700;margin-bottom:16px;font-size:14px;word-break:break-word}.banner-notice{background-color:var(--accent-2);color:#0a0a0a;border:3px solid var(--border);padding:12px;box-shadow:4px 4px 0 var(--border);margin-bottom:16px;font-weight:700;font-size:14px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;background-color:var(--accent-2);border-bottom:3px solid var(--border);padding:12px 16px}.topbar-content{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;font-size:24px;letter-spacing:-.03em;color:#0a0a0a;text-decoration:none;display:flex;align-items:center;gap:6px}.brand:hover{background-color:transparent;transform:translate(-1px,-1px)}.topbar-nav{display:none;align-items:center;gap:8px}.nav-link{border:2px solid var(--border);border-radius:var(--radius);padding:5px 10px;background-color:var(--surface);color:var(--fg);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;text-decoration:none;box-shadow:2px 2px 0 var(--border);transition:transform 80ms ease,box-shadow 80ms ease}.nav-link:hover{background-color:var(--accent-3);color:#0a0a0a;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.nav-link.active{background-color:var(--accent-3);color:#0a0a0a}.topbar-user{display:flex;align-items:center;gap:8px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--surface);border-top:3px solid var(--border);display:flex}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;color:var(--fg);text-decoration:none;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-right:2px solid var(--border);gap:2px}.tab-item:last-child{border-right:0}.tab-item .tab-icon{font-size:18px;line-height:1}.tab-item.active{background-color:var(--accent-2);color:#0a0a0a}@media (min-width: 640px){.topbar-nav{display:flex}.tabbar{display:none}}.main{width:100%;max-width:720px;margin:0 auto;padding:16px;flex:1}.center{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:3px solid var(--border);border-radius:var(--radius);font-weight:900;font-size:16px;text-transform:uppercase;-webkit-user-select:none;user-select:none;color:#0a0a0a;flex-shrink:0}.avatar.lg{width:64px;height:64px;font-size:24px;border-width:4px}.avatar.sm{width:28px;height:28px;font-size:12px;border-width:2px}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.post-author-info{display:flex;align-items:center;gap:10px}.post-author-text{display:flex;flex-direction:column;line-height:1.2}.post-author-name{font-weight:900;font-size:15px;color:var(--fg);text-decoration:none}.post-author-name:hover{background-color:transparent;color:var(--accent)}.post-meta-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:600;flex-wrap:wrap}.post-content{font-size:16px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-bottom:16px}.post-actions{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--border);padding-top:12px;gap:8px}.post-actions-left{display:flex;align-items:center;gap:10px}.like-btn{display:inline-flex;align-items:center;gap:6px;background-color:var(--surface);color:var(--fg);border:2px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:13px;font-weight:800;box-shadow:2px 2px 0 var(--border);cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease,background-color 80ms ease}.like-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.like-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--border)}.like-btn.liked{background-color:var(--error);color:#fff;font-weight:900}.comments-toggle{background-color:transparent;border:0;box-shadow:none;font-size:13px;font-weight:700;color:var(--fg);cursor:pointer;padding:6px 8px;text-transform:none;letter-spacing:0}.comments-toggle:hover{transform:none;box-shadow:none;text-decoration:underline}.comments-drawer{margin-top:16px;border-top:2px dashed var(--border);padding-top:14px}.comment-item{display:flex;gap:10px;margin-bottom:12px;background-color:var(--bg);border:2px solid var(--border);padding:10px}.comment-body{flex:1}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.comment-author{font-weight:800;font-size:13px;color:var(--fg);text-decoration:none}.comment-time{font-size:11px;color:var(--muted)}.comment-text{font-size:14px;white-space:pre-wrap;word-break:break-word}.comment-composer{display:flex;gap:8px;margin-top:12px}.composer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.space-item{display:flex;flex-direction:column;gap:10px}.space-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.space-item-meta{display:flex;align-items:center;gap:8px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:var(--bg)}::-webkit-scrollbar-thumb{background-color:var(--accent);border:3px solid var(--border)}.feed-tabs{display:flex;margin-bottom:16px;border:3px solid var(--border);background-color:var(--surface);box-shadow:4px 4px 0 var(--border)}.feed-tab{flex:1;background-color:transparent;color:var(--fg);border:0;border-right:3px solid var(--border);box-shadow:none;padding:10px 14px;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color 80ms ease;transform:none!important}.feed-tab:last-child{border-right:0}.feed-tab:hover{background-color:var(--bg);box-shadow:none}.feed-tab.active{background-color:var(--accent-2);color:#0a0a0a}.realtime-toast{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 16px;background-color:var(--accent-2);color:#0a0a0a;border:3px solid var(--border);box-shadow:4px 4px 0 var(--border);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;animation:pulse-border 1.5s infinite}.realtime-toast:hover{background-color:var(--accent-3);transform:translate(-1px,-1px)}.realtime-dot{width:10px;height:10px;background-color:var(--accent);border:2px solid var(--border);display:inline-block}.mention-link{color:var(--accent);font-weight:800;text-decoration:none;background-color:#ff4d001a;padding:1px 4px;border:1px solid var(--border)}.mention-link:hover{background-color:var(--accent);color:#0a0a0a}.hashtag-link{color:var(--accent-4);font-weight:800;text-decoration:none;background-color:#b14eff1a;padding:1px 4px;border:1px solid var(--border)}.hashtag-link:hover{background-color:var(--accent-4);color:#fff}.reactions-wrapper{position:relative;display:inline-flex;align-items:center}.reaction-picker-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;display:flex;gap:6px;background-color:var(--surface);border:3px solid var(--border);box-shadow:4px 4px 0 var(--border);padding:6px;z-index:50}.reaction-pick-btn{background-color:var(--bg);border:2px solid var(--border);box-shadow:none;font-size:18px;padding:4px 8px;cursor:pointer;transition:transform 60ms ease,background-color 60ms ease;transform:none}.reaction-pick-btn:hover{transform:scale(1.2);background-color:var(--accent-2);box-shadow:2px 2px 0 var(--border)}.reaction-pick-btn:active{transform:scale(.95)}.reactions-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:800;background-color:var(--surface);border:2px solid var(--border);box-shadow:2px 2px 0 var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fg)}.reaction-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.reaction-chip.active{background-color:var(--accent-2);color:#0a0a0a}.poll-box{background-color:var(--bg);border:3px solid var(--border);padding:14px;margin:12px 0 16px;box-shadow:3px 3px 0 var(--border)}.poll-question-title{font-weight:900;font-size:15px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.poll-option-vote-btn{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--surface);border:2px solid var(--border);margin-bottom:8px;font-weight:800;font-size:14px;color:var(--fg);cursor:pointer;box-shadow:2px 2px 0 var(--border);transition:transform 60ms ease,background-color 60ms ease;transform:none}.poll-option-vote-btn:hover{background-color:var(--accent-2);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.poll-option-vote-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--border)}.poll-result-bar-wrapper{position:relative;background-color:var(--surface);border:2px solid var(--border);margin-bottom:8px;overflow:hidden;box-shadow:2px 2px 0 var(--border)}.poll-result-fill{position:absolute;top:0;left:0;bottom:0;background-color:var(--accent-3);z-index:1}.poll-result-fill.user-voted{background-color:var(--accent-2)}.poll-result-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:13px;font-weight:800;color:#0a0a0a}.poll-footer-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:700;color:var(--muted)}.profile-stats{display:flex;align-items:center;gap:16px;margin-top:14px}.stat-item{display:flex;align-items:baseline;gap:6px;font-size:14px}.stat-number{font-weight:900;font-size:18px;color:var(--fg)}.stat-label{font-weight:700;font-size:12px;text-transform:uppercase;color:var(--muted)}