:root{--op-navy: #0B2A4A;--op-navy-light: #16406E;--op-teal: #16A085;--op-red-live: #E0245E;--op-bg: #F0F2F5;--op-card-bg: #FFFFFF;--op-border: #E4E6EB;--op-text: #050505;--op-text-secondary: #65676B;--op-radius-sm: 8px;--op-radius-md: 14px;--op-radius-full: 999px;--op-shadow-1: 0 1px 2px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);--op-shadow-2: 0 4px 16px rgba(0,0,0,.12);--op-nav-height: 56px;--op-bottomnav-height: 58px;font-family:Segoe UI,Cairo,-apple-system,BlinkMacSystemFont,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--op-bg);color:var(--op-text);-webkit-font-smoothing:antialiased}a{color:inherit}.op-topbar{position:sticky;top:0;z-index:30;height:var(--op-nav-height);background:var(--op-card-bg);border-bottom:1px solid var(--op-border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;box-shadow:var(--op-shadow-1)}.op-topbar-logo{font-weight:800;font-size:20px;color:var(--op-navy);letter-spacing:-.5px;display:flex;align-items:center;gap:6px}.op-topbar-actions{display:flex;align-items:center;gap:6px}.op-icon-btn{width:40px;height:40px;border-radius:var(--op-radius-full);border:none;background:var(--op-bg);color:var(--op-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.op-icon-btn:hover{background:var(--op-border)}.op-avatar{width:36px;height:36px;border-radius:var(--op-radius-full);background:linear-gradient(135deg,var(--op-teal),var(--op-navy-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.op-avatar.op-avatar-sm{width:28px;height:28px;font-size:12px}.op-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.op-menu-panel{position:fixed;top:0;bottom:0;right:0;width:min(300px,82vw);background:var(--op-card-bg);z-index:41;box-shadow:var(--op-shadow-2);padding:16px;overflow-y:auto;animation:op-slide-in .18s ease-out}@keyframes op-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.op-menu-header{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid var(--op-border)}.op-menu-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:var(--op-radius-sm);text-decoration:none;color:var(--op-text);font-size:15px;font-weight:500;cursor:pointer;background:none;border:none;width:100%;text-align:right}.op-menu-item:hover{background:var(--op-bg)}.op-menu-section-title{font-size:12px;color:var(--op-text-secondary);font-weight:700;margin:14px 6px 4px}.op-bottomnav{position:fixed;bottom:0;left:0;right:0;height:var(--op-bottomnav-height);background:var(--op-card-bg);border-top:1px solid var(--op-border);display:flex;align-items:center;justify-content:space-around;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.op-bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--op-text-secondary);text-decoration:none;font-size:10px;background:none;border:none;cursor:pointer;padding:6px 10px}.op-bottomnav-item.active{color:var(--op-navy)}.op-bottomnav-fab{width:44px;height:44px;border-radius:var(--op-radius-full);background:var(--op-teal);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--op-shadow-2);border:none;cursor:pointer}.op-page{padding-bottom:calc(var(--op-bottomnav-height) + 16px);min-height:100vh}.op-feed-container{max-width:560px;margin:16px auto;padding:0 10px;display:flex;flex-direction:column;gap:12px}.op-card{background:var(--op-card-bg);border-radius:var(--op-radius-md);box-shadow:var(--op-shadow-1);padding:16px;max-width:480px;margin:24px auto}.op-post{background:var(--op-card-bg);border-radius:var(--op-radius-md);box-shadow:var(--op-shadow-1);padding:14px}.op-post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.op-post-author{font-weight:700;font-size:14px;text-decoration:none;color:var(--op-text)}.op-post-time{font-size:12px;color:var(--op-text-secondary)}.op-post-actions{display:flex;border-top:1px solid var(--op-border);margin-top:10px;padding-top:6px}.op-post-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--op-radius-sm);color:var(--op-text-secondary);font-size:13px;font-weight:600}.op-post-action-btn:hover{background:var(--op-bg)}.op-post-action-btn.active{color:var(--op-teal)}.op-btn{background:var(--op-navy);color:#fff;border:none;border-radius:var(--op-radius-sm);padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.op-btn:hover{opacity:.9}.op-btn:disabled{opacity:.5;cursor:not-allowed}.op-btn-live{background:var(--op-red-live)}.op-btn-outline{background:var(--op-bg);color:var(--op-navy);border:1px solid var(--op-border)}.op-input{width:100%;padding:11px 14px;border:1px solid var(--op-border);border-radius:var(--op-radius-sm);margin-bottom:12px;font-size:15px;background:var(--op-bg)}.op-input:focus{outline:2px solid var(--op-teal);background:#fff}.op-composer-trigger{display:flex;align-items:center;gap:10px;background:var(--op-bg);border-radius:var(--op-radius-full);padding:10px 16px;color:var(--op-text-secondary);font-size:14px;cursor:pointer;flex:1}.op-note{background:#fef6e0;border-inline-start:4px solid #D9B84C;border-radius:6px;padding:10px 14px;font-size:13px;margin-top:16px}.op-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.op-role-btn{border:2px solid var(--op-border);border-radius:var(--op-radius-sm);padding:12px;background:#fff;cursor:pointer;font-size:13px;font-weight:600}.op-role-btn.active{border-color:var(--op-teal);background:#16a08514;color:var(--op-teal)}@media (min-width: 700px){.op-bottomnav{display:none}.op-page{padding-bottom:24px}}