.mock[data-v-e48562b5]{aspect-ratio:16/10;background-color:var(--color-bg);font-family:var(--font-sans);text-align:left;-webkit-user-select:none;user-select:none;line-height:1.3;display:flex}.mock__sidebar[data-v-e48562b5]{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-direction:column;width:26%;min-width:0;padding:6px 0;display:flex;overflow:hidden}.mock__brand[data-v-e48562b5]{color:var(--color-text);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 8px 6px;font-size:9px;font-weight:600;display:flex}.mock__brand-icon[data-v-e48562b5]{color:var(--color-accent);font-size:11px;line-height:1}.mock__search[data-v-e48562b5]{color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:1px;margin:0 6px 4px;padding:3px 6px;font-size:7px}.mock__nav[data-v-e48562b5]{flex-direction:column;display:flex}.mock__nav-icon[data-v-e48562b5]{width:8px;height:8px;color:var(--color-text-muted);flex-shrink:0}.mock__nav-item[data-v-e48562b5]{color:var(--color-text-secondary);cursor:default;align-items:center;gap:4px;padding:3px 8px;font-size:8px;display:flex;position:relative}.mock__nav-item--active[data-v-e48562b5]{color:var(--color-text);background-color:var(--color-surface)}.mock__nav-item--active .mock__nav-icon[data-v-e48562b5]{color:var(--color-accent)}.mock__nav-item--active[data-v-e48562b5]:before{content:"";background-color:var(--color-accent);border-radius:0 1px 1px 0;width:2px;position:absolute;top:2px;bottom:2px;left:0}.mock__nav-item .mock__count[data-v-e48562b5]{margin-left:auto}.mock__nav-label[data-v-e48562b5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock__divider[data-v-e48562b5]{background-color:var(--color-border);height:1px;margin:4px 8px}.mock__folders[data-v-e48562b5]{flex-direction:column;display:flex;overflow:hidden}.mock__folder[data-v-e48562b5]{color:var(--color-text-secondary);cursor:default;align-items:center;gap:2px;padding:3px 8px;font-size:8px;font-weight:500;display:flex}.mock__folder-arrow[data-v-e48562b5]{color:var(--color-text-muted);text-align:center;flex-shrink:0;width:8px;font-size:6px}.mock__folder-name[data-v-e48562b5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock__feed[data-v-e48562b5]{color:var(--color-text-muted);cursor:default;align-items:center;gap:3px;padding:2px 8px;font-size:7.5px;display:flex}.mock__feed--nested[data-v-e48562b5]{padding-left:18px}.mock__feed .mock__count[data-v-e48562b5]{margin-left:auto}.mock__feed-icon[data-v-e48562b5]{flex-shrink:0;font-size:5px;line-height:1}.mock__feed-icon--blue[data-v-e48562b5]{color:#7aa2f7}.mock__feed-icon--orange[data-v-e48562b5]{color:#e0af68}.mock__feed-icon--purple[data-v-e48562b5]{color:#bb9af7}.mock__feed-name[data-v-e48562b5]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock__count[data-v-e48562b5]{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;margin-left:4px;font-size:7px}.mock__content[data-v-e48562b5]{background-color:var(--color-bg);flex-direction:column;flex:1;min-width:0;display:flex}.mock__header[data-v-e48562b5]{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;display:flex}.mock__header-title[data-v-e48562b5]{color:var(--color-text);font-size:9px;font-weight:600}.mock__header-count[data-v-e48562b5]{color:var(--color-text-muted);font-size:7px;font-family:var(--font-mono)}.mock__header-actions[data-v-e48562b5]{color:var(--color-text-muted);margin-left:auto;font-size:8px}.mock__articles[data-v-e48562b5]{flex-direction:column;flex:1;display:flex;overflow:hidden}.mock__article[data-v-e48562b5]{border-bottom:1px solid var(--color-border);cursor:default;align-items:center;gap:6px;min-height:0;padding:5px 10px 5px 6px;display:flex}.mock__article--selected[data-v-e48562b5]{background-color:var(--color-surface)}.mock__article--unread .mock__article-title[data-v-e48562b5]{color:var(--color-text);font-weight:500}.mock__unread-dot[data-v-e48562b5]{background-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.mock__article-body[data-v-e48562b5]{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mock__article-source[data-v-e48562b5]{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:6px;font-weight:600}.mock__article-title[data-v-e48562b5]{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.4;overflow:hidden}.mock__star[data-v-e48562b5]{color:var(--color-starred);flex-shrink:0;margin-top:2px;font-size:8px}.mock__article-time[data-v-e48562b5]{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;margin-left:auto;font-size:6.5px}.mock__tiles[data-v-e48562b5]{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:4px;padding:4px;display:grid;overflow:hidden}.mock__tile[data-v-e48562b5]{border:1px solid var(--color-border);cursor:default;border-radius:1px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mock__tile--selected[data-v-e48562b5]{border-color:var(--color-accent);background-color:var(--color-surface)}.mock__tile--unread .mock__tile-title[data-v-e48562b5]{color:var(--color-text);font-weight:600}.mock__tile-media[data-v-e48562b5]{background-color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:56px;display:flex}.mock__tile-favicon[data-v-e48562b5]{font-size:12px;line-height:1}.mock__tile-favicon--blue[data-v-e48562b5]{color:#7aa2f7}.mock__tile-favicon--orange[data-v-e48562b5]{color:#e0af68}.mock__tile-favicon--purple[data-v-e48562b5]{color:#bb9af7}.mock__tile-indicators[data-v-e48562b5]{align-items:center;gap:2px;display:flex;position:absolute;top:3px;right:3px}.mock__tile-dot[data-v-e48562b5]{background-color:var(--color-accent);border-radius:50%;width:4px;height:4px}.mock__tile-star[data-v-e48562b5]{color:var(--color-starred);font-size:6px;line-height:1}.mock__tile-content[data-v-e48562b5]{flex-direction:column;gap:1px;padding:3px 4px 4px;display:flex}.mock__tile-meta[data-v-e48562b5]{align-items:center;gap:3px;display:flex}.mock__tile-source[data-v-e48562b5]{letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.mock__tile-source[data-v-e48562b5],.mock__tile-time[data-v-e48562b5]{color:var(--color-text-muted);white-space:nowrap;font-size:5px}.mock__tile-time[data-v-e48562b5]{font-family:var(--font-mono);flex-shrink:0}.mock__tile-title[data-v-e48562b5]{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:6.5px;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width<=480px){.mock[data-v-e48562b5]{font-size:.85em}.mock__brand[data-v-e48562b5]{font-size:8px}.mock__search[data-v-e48562b5]{font-size:6px}.mock__nav-item[data-v-e48562b5]{padding:2px 6px;font-size:7px}.mock__folder[data-v-e48562b5]{font-size:7px}.mock__feed[data-v-e48562b5]{font-size:6.5px}.mock__header-title[data-v-e48562b5]{font-size:8px}.mock__article-source[data-v-e48562b5]{font-size:5px}.mock__article-title[data-v-e48562b5]{font-size:7px}.mock__article-time[data-v-e48562b5]{font-size:5.5px}.mock__tiles[data-v-e48562b5]{grid-template-columns:repeat(2,1fr);gap:3px;padding:3px}.mock__tile-favicon[data-v-e48562b5]{font-size:10px}.mock__tile-title[data-v-e48562b5]{font-size:5.5px}}