:root{--accent: #6366f1;--bg: #ffffff;--surface: #f8f8fa;--surface-hover: #f0f0f2;--border: rgba(0, 0, 0, .1);--border-strong: #e5e5e5;--text: #030213;--text-secondary: #374151;--muted: #717182;--danger: #d4183d;--info-bg: #eff6ff;--info-border: #bfdbfe;--info-text: #1e3a5f;--warn-bg: #fffbeb;--warn-border: #fde68a;--warn-text: #92400e;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--max-w: 672px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,.btn{cursor:pointer;border:none;border-radius:var(--radius);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:opacity .15s ease;font-family:inherit}button:hover,.btn:hover{opacity:.88}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-danger{background:var(--danger);color:#fff}input,textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9375rem;padding:.625rem .875rem;width:100%;outline:none;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}label{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:.375rem;font-weight:500}.field{margin-bottom:1.125rem}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.4rem}.card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem}.muted{color:var(--muted);font-size:.875rem}.page-wrap{max-width:var(--max-w);margin:0 auto;padding:1rem}nav.app-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border);height:64px}nav.app-nav .nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:center;justify-content:space-between}nav.app-nav .brand{font-weight:700;font-size:1.5rem;color:var(--text);letter-spacing:-.5px;text-decoration:none}nav.app-nav .nav-icons{display:flex;align-items:center;gap:1.5rem}nav.app-nav .nav-icons a{display:flex;align-items:center;padding:.5rem;color:#9ca3af;text-decoration:none;transition:color .15s ease}nav.app-nav .nav-icons a:hover{color:var(--text);text-decoration:none}nav.app-nav .nav-icons a.active{color:var(--text)}main{padding-top:64px}.avatar{border-radius:50%;object-fit:cover;background:var(--surface);flex-shrink:0}.avatar-placeholder{border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600;flex-shrink:0}.info-box{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius);padding:1rem}.info-box p,.info-box li{color:var(--info-text);font-size:.875rem}.info-box strong{color:#1e40af}.warn-box{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);padding:.625rem 1rem}.warn-box span{color:var(--warn-text);font-size:.875rem}.feed-entry{border-bottom:1px solid var(--border);padding:1.5rem 0}.feed-entry:first-child{padding-top:0}.feed-entry-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.feed-entry-header .author-info{display:flex;flex-direction:column}.feed-entry-author{font-weight:500;font-size:.875rem;color:var(--text)}.feed-entry-handle{font-size:.75rem;color:var(--muted)}.feed-entry-content{font-size:.9375rem;line-height:1.625;white-space:pre-wrap;word-break:break-word}.feed-entry-media{margin-top:.75rem;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.feed-entry-media img,.feed-entry-media video{width:100%;display:block;max-height:500px;object-fit:cover}.feed-entry-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.04)}.feed-entry-time{font-size:.75rem;color:var(--muted)}.feed-entry-actions{display:flex;align-items:center;gap:1rem}.feed-entry-actions button{display:flex;align-items:center;gap:.375rem;background:none;padding:0;color:#9ca3af;transition:color .15s ease}.feed-entry-actions button:hover{color:var(--text);opacity:1}.feed-entry-notice{text-align:center;color:#9ca3af;font-size:.75rem;margin-top:.75rem}