.ann-panel{z-index:100;background:var(--bg,#212121);height:100dvh;max-height:100dvh;color:var(--t1,#ececec);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.ann-header{padding:max(12px, env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--border,#ffffff14);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px 16px;display:flex}.ann-back{color:var(--t2,#8e8e8e);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.9rem}.ann-back:hover{color:var(--t1,#ececec)}.ann-header-brand{flex:1;min-width:0}.ann-title{width:100%;margin:0;font-size:1.25rem;font-weight:600}.ann-body{min-height:0;padding:20px;padding-bottom:max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.ann-status,.ann-empty,.ann-error{text-align:center;color:var(--t2,#8e8e8e);max-width:28rem;margin:2rem auto}.ann-error{color:#f87171}.ann-layout{grid-template-columns:minmax(220px,280px) 1fr;align-items:start;gap:20px;max-width:960px;margin:0 auto;display:grid}.ann-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ann-list-item{text-align:left;border:1px solid var(--border,#ffffff14);cursor:pointer;width:100%;color:inherit;background:#ffffff08;border-radius:12px;padding:12px 14px 12px 28px;position:relative}.ann-list-item:hover{background:#ffffff0f}.ann-list-item--active{background:#6366f11f;border-color:#6366f18c}.ann-list-item--unread .ann-list-item-title{font-weight:600}.ann-unread-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ann-list-item-title{font-size:.92rem;line-height:1.35;display:block}.ann-list-item-date{color:var(--t2,#8e8e8e);margin-top:4px;font-size:.75rem;display:block}.ann-detail{border:1px solid var(--border,#ffffff14);background:#ffffff08;border-radius:16px;align-self:start;padding:20px 22px}.ann-detail-title{margin:0 0 8px;font-size:1.15rem;line-height:1.35}.ann-detail-date{color:var(--t2,#8e8e8e);margin-bottom:16px;font-size:.8rem;display:block}.ann-detail-body{color:var(--t1,#ececec);font-size:.95rem;line-height:1.6}.ann-detail-body a{color:#818cf8}.ann-media{flex-direction:column;gap:14px;margin-top:18px;display:flex}.ann-media-image{object-fit:contain;background:#0003;border-radius:12px;width:100%;max-height:420px;display:block}.ann-media-video-wrap{background:#000;border-radius:12px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.ann-media-iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ann-media-video{background:#000;border-radius:12px;width:100%;max-height:420px;display:block}.ann-media-link{color:#c7d2fe;background:#818cf82e;border-radius:10px;align-self:flex-start;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.ann-media-link:hover{background:#818cf847}.ann-panel--light .ann-media-link{color:#3730a3;background:#4f46e51f}.ann-panel--light .ann-media-link:hover{background:#4f46e533}.ob-view-btn--has-unread{padding-right:14px;position:relative}.ob-view-btn--has-unread .nav-unread-dot{top:4px;right:2px}.nav-unread-dot{pointer-events:none;background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.ob-sidebar-btn--has-unread,.ob-view-btn--has-unread{position:relative}@media (max-width:768px){.ann-layout{grid-template-columns:1fr}}