.matrix-feed{--feed-bg: #ffffff;--feed-border: #e5e7eb;--feed-text: #1f2937;--feed-text-muted: #6b7280;--card-bg: #f9fafb}.dark .matrix-feed{--feed-bg: #111827;--feed-border: #374151;--feed-text: #f3f4f6;--feed-text-muted: #9ca3af;--card-bg: #1f2937}.matrix-feed{width:100%}.feed-viewport{overflow:hidden;border-radius:12px}.feed-track{position:relative}.feed-slide{display:none;animation:slideIn .35s ease;min-height:260px;height:260px;background:var(--card-bg);border:1px solid var(--feed-border);border-radius:12px;padding:24px;flex-direction:column}.feed-slide.active{display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.author-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.slide-meta{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:700;color:var(--feed-text);font-size:16px}.post-time{font-size:13px;color:var(--feed-text-muted)}.slide-content{color:var(--feed-text);font-size:15px;line-height:1.7;padding-left:58px;word-wrap:break-word;flex:1;overflow-y:auto;font-family:inherit;max-height:150px}.slide-content::-webkit-scrollbar{width:4px}.slide-content::-webkit-scrollbar-track{background:transparent}.slide-content::-webkit-scrollbar-thumb{background:var(--feed-border);border-radius:2px}.slide-content::-webkit-scrollbar-thumb:hover{background:var(--feed-text-muted)}.slide-content a{color:#3b82f6}.slide-content strong{font-weight:700}.feed-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--feed-border);background:var(--feed-bg);color:var(--feed-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#f3f4f6}.feed-dots{display:flex;align-items:center;gap:12px}.feed-dot{width:24px;height:24px;border-radius:9999px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.feed-dot:before{content:"";width:10px;height:10px;border-radius:9999px;background:var(--feed-border);transition:background-color .2s ease,width .2s ease}.feed-dot.active:before{background:#3b82f6;width:18px}.feed-dot:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 640px){.feed-slide{padding:18px;min-height:220px}.author-avatar{width:38px;height:38px;font-size:15px}.slide-content{padding-left:0;margin-top:12px;font-size:14px;max-height:130px}.feed-nav{flex-wrap:wrap;gap:10px}.nav-btn.prev{order:1}.nav-btn.next{order:2}.feed-dots{order:3;width:100%;justify-content:center;gap:8px}}:where(.astro-mbxkhkhl)[role=tab][aria-selected=true] :where(.astro-mbxkhkhl)[data-indicator]{display:block}:where(.astro-mbxkhkhl)[data-panel][data-enter]{animation:capability-panel-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes capability-panel-in{0%{opacity:.35;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){:where(.astro-mbxkhkhl)[data-panel][data-enter]{animation:none}}.how-dialog:where(.astro-3ftyjt4j){width:min(860px,96vw);max-width:none;max-height:calc(100dvh - 1rem);padding:0;overflow:hidden;border:1px solid var(--nrp-border-hairline);border-radius:.5rem;background:var(--nrp-surface-page);color:var(--nrp-text-body)}.how-dialog:where(.astro-3ftyjt4j)[open]{display:flex;flex-direction:column}.how-dialog:where(.astro-3ftyjt4j)::backdrop{background:#070c12b8}.how-bar:where(.astro-3ftyjt4j){display:flex;flex:none;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .25rem 1.25rem;border-bottom:1px solid var(--nrp-border-hairline)}.how-iframe:where(.astro-3ftyjt4j){display:block;flex:0 1 auto;width:100%;height:min(820px,88vh);min-height:0;border:0}@media (max-width: 759.98px){.how-dialog:where(.astro-3ftyjt4j){width:100dvw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.how-bar:where(.astro-3ftyjt4j){padding-top:calc(.25rem + env(safe-area-inset-top,0px));padding-left:1rem}.how-iframe:where(.astro-3ftyjt4j){flex:1 1 auto;height:auto}}