@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;600;700&family=Public+Sans:wght@400;500;600&display=swap";:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 72px;--font-body: "Public Sans", system-ui, sans-serif;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--font-cn-serif: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-xs-fluid: clamp(11px, .3vw + 10px, 12px);--text-sm-fluid: clamp(13px, .4vw + 11px, 14px);--text-base-fluid: clamp(15px, .5vw + 13px, 18px);--text-lg-fluid: clamp(18px, .6vw + 15px, 22px);--text-xl-fluid: clamp(22px, .8vw + 18px, 28px);--text-2xl-fluid: clamp(28px, 1vw + 22px, 36px);--reading-line-height: 1.6;--reading-max-width: 65ch;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--transition-entrance: .24s cubic-bezier(0, 0, .3, 1);--transition-exit: 95ms cubic-bezier(.2, 0, 1, .9);--duration-fast-01: 70ms;--duration-fast-02: .11s;--duration-moderate-01: .15s;--duration-moderate-02: .24s;--duration-slow-01: .4s;--duration-slow-02: .7s;--tracking-display: .03em;--tracking-body: -.01em;--tracking-caption: .06em;--container-sm: 480px;--container-md: 640px;--container-lg: 960px;--container-xl: 1200px;--text-inverse: #ffffff;--z-nav: 100;--z-modal-backdrop: 1000;--z-modal: 1100;--z-toast: 10000;--pnav-height: 52px;--cr-toolbar-height: 35px}[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--panel: #efede8;--text-primary: #1c1b1f;--text-secondary: #4a4750;--text-muted: #6a6670;--accent: #7b5fc7;--accent-rgb: 123, 95, 199;--accent-strong: #5a3df0;--border: #e3dde9;--shadow: rgba(20, 16, 30, .08);--nav-bg: rgba(247, 246, 243, .9);--nav-border: rgba(28, 27, 31, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #e3dde9;--nav-dropdown-hover: #efede8;--primary-color: #7b5fc7;--primary-gradient: linear-gradient(45deg, #7b5fc7, #9b7bff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #dc2626;--danger-rgb: 220, 38, 38;--success: #16a34a;--success-rgb: 22, 163, 74;--warning: #d97706;--warning-rgb: 217, 119, 6;--accent-tint: rgba(123, 95, 199, .06);--accent-tint-hover: rgba(123, 95, 199, .1);--shadow-hover: rgba(20, 16, 30, .14)}[data-theme=dark]{--bg: #0f1014;--surface: #171a24;--panel: #1e2230;--text-primary: #f3f1ff;--text-secondary: #c6c0d6;--text-muted: #9b96b0;--accent: #9b7bff;--accent-rgb: 155, 123, 255;--accent-strong: #b39bff;--border: #2b2f43;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(15, 16, 20, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #171a24;--nav-dropdown-border: #2b2f43;--nav-dropdown-hover: #1e2230;--primary-color: #9b7bff;--primary-gradient: linear-gradient(45deg, #9b7bff, #c2b1ff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #fbbf24;--warning-rgb: 251, 191, 36;--accent-tint: rgba(155, 123, 255, .08);--accent-tint-hover: rgba(155, 123, 255, .12);--shadow-hover: rgba(0, 0, 0, .55)}[data-theme=blue-dark]{--bg: #0a0f1f;--surface: #141c33;--panel: #1c2947;--text-primary: #eaf2ff;--text-secondary: #b8c7e0;--text-muted: #7a8ba8;--accent: #9b7bff;--accent-rgb: 155, 123, 255;--accent-strong: #6db5ff;--border: #2a3a5f;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(10, 15, 31, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #141c33;--nav-dropdown-border: #2a3a5f;--nav-dropdown-hover: #1c2947;--primary-color: #9b7bff;--primary-gradient: linear-gradient(45deg, #9b7bff, #b3a1ff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #fbbf24;--warning-rgb: 251, 191, 36;--accent-tint: rgba(74, 158, 255, .08);--accent-tint-hover: rgba(74, 158, 255, .12);--shadow-hover: rgba(0, 0, 0, .55)}[data-theme=blue-light]{--bg: #f4f8fd;--surface: #ffffff;--panel: #e8f0fa;--text-primary: #0d1a2d;--text-secondary: #3a4a63;--text-muted: #566476;--accent: #7b5fc7;--accent-rgb: 123, 95, 199;--accent-strong: #1d4ed8;--border: #d0dae8;--shadow: rgba(13, 26, 45, .08);--nav-bg: rgba(244, 248, 253, .9);--nav-border: rgba(13, 26, 45, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #d0dae8;--nav-dropdown-hover: #e8f0fa;--primary-color: #7b5fc7;--primary-gradient: linear-gradient(45deg, #7b5fc7, #4a9eff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #dc2626;--danger-rgb: 220, 38, 38;--success: #16a34a;--success-rgb: 22, 163, 74;--warning: #d97706;--warning-rgb: 217, 119, 6;--accent-tint: rgba(123, 95, 199, .06);--accent-tint-hover: rgba(123, 95, 199, .1);--shadow-hover: rgba(13, 26, 45, .14)}[data-theme=lychee]{--bg: #fef0f4;--surface: #fff5f8;--panel: #f5dde6;--text-primary: #1c1426;--text-secondary: rgba(28, 20, 38, .72);--text-muted: rgba(28, 20, 38, .5);--accent: #7fb3e6;--accent-rgb: 127, 179, 230;--accent-strong: #d6649a;--border: rgba(28, 20, 38, .1);--shadow: rgba(28, 20, 38, .12);--nav-bg: rgba(254, 240, 244, .92);--nav-border: rgba(28, 20, 38, .08);--nav-dropdown-bg: #fff5f8;--nav-dropdown-border: rgba(28, 20, 38, .1);--nav-dropdown-hover: #f5dde6;--primary-color: #7fb3e6;--primary-gradient: linear-gradient(45deg, #d6649a, #7fb3e6);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #b13d2b;--danger-rgb: 177, 61, 43;--success: #4A8550;--success-rgb: 74, 133, 80;--warning: #b8860b;--warning-rgb: 184, 134, 11;--accent-tint: rgba(127, 179, 230, .06);--accent-tint-hover: rgba(127, 179, 230, .1);--shadow-hover: rgba(28, 20, 38, .18)}[data-theme=celadon]{--bg: #eef2e7;--surface: #f3f5ec;--panel: #d8dfc8;--text-primary: #1a2614;--text-secondary: rgba(26, 38, 20, .72);--text-muted: rgba(26, 38, 20, .5);--accent: #3d5c47;--accent-rgb: 61, 92, 71;--accent-strong: #5a7a4f;--border: rgba(26, 38, 20, .1);--shadow: rgba(26, 38, 20, .12);--nav-bg: rgba(238, 242, 231, .92);--nav-border: rgba(26, 38, 20, .08);--nav-dropdown-bg: #f3f5ec;--nav-dropdown-border: rgba(26, 38, 20, .1);--nav-dropdown-hover: #d8dfc8;--primary-color: #3d5c47;--primary-gradient: linear-gradient(45deg, #3d5c47, #5a7a4f);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #a8442b;--danger-rgb: 168, 68, 43;--success: #2d5a3a;--success-rgb: 45, 90, 58;--warning: #a87b1b;--warning-rgb: 168, 123, 27;--accent-tint: rgba(61, 92, 71, .06);--accent-tint-hover: rgba(61, 92, 71, .1);--shadow-hover: rgba(26, 38, 20, .18)}[data-theme=porcelain]{--bg: #f7f3e8;--surface: #faf6ec;--panel: #ebe4cf;--text-primary: #1c2438;--text-secondary: rgba(28, 36, 56, .72);--text-muted: rgba(28, 36, 56, .5);--accent: #4a6dc4;--accent-rgb: 74, 109, 196;--accent-strong: #1c3d8a;--border: rgba(28, 36, 56, .1);--shadow: rgba(28, 36, 56, .12);--nav-bg: rgba(247, 243, 232, .92);--nav-border: rgba(28, 36, 56, .08);--nav-dropdown-bg: #faf6ec;--nav-dropdown-border: rgba(28, 36, 56, .1);--nav-dropdown-hover: #ebe4cf;--primary-color: #4a6dc4;--primary-gradient: linear-gradient(45deg, #1c3d8a, #4a6dc4);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #b13d2b;--danger-rgb: 177, 61, 43;--success: #1f7a4f;--success-rgb: 31, 122, 79;--warning: #b8860b;--warning-rgb: 184, 134, 11;--accent-tint: rgba(74, 109, 196, .06);--accent-tint-hover: rgba(74, 109, 196, .1);--shadow-hover: rgba(28, 36, 56, .18)}[data-theme=brioche]{--bg: #d9d6cf;--surface: #e2dfd6;--panel: #c8c4ba;--text-primary: #2b251a;--text-secondary: rgba(43, 37, 26, .72);--text-muted: rgba(43, 37, 26, .5);--accent: #5a6b6e;--accent-rgb: 90, 107, 110;--accent-strong: #b8703d;--border: rgba(43, 37, 26, .1);--shadow: rgba(43, 37, 26, .12);--nav-bg: rgba(217, 214, 207, .92);--nav-border: rgba(43, 37, 26, .08);--nav-dropdown-bg: #e2dfd6;--nav-dropdown-border: rgba(43, 37, 26, .1);--nav-dropdown-hover: #c8c4ba;--primary-color: #5a6b6e;--primary-gradient: linear-gradient(45deg, #5a6b6e, #b8703d);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #a8442b;--danger-rgb: 168, 68, 43;--success: #4f9d6a;--success-rgb: 79, 157, 106;--warning: #a87b1b;--warning-rgb: 168, 123, 27;--accent-tint: rgba(90, 107, 110, .06);--accent-tint-hover: rgba(90, 107, 110, .1);--shadow-hover: rgba(43, 37, 26, .18)}[data-theme=lily-flame]{--bg: #0a1f1a;--surface: #102f24;--panel: #1a3d2e;--text-primary: #e6f3ed;--text-secondary: rgba(230, 243, 237, .78);--text-muted: rgba(230, 243, 237, .55);--accent: #3d8a6a;--accent-rgb: 61, 138, 106;--accent-strong: #e85a3d;--border: rgba(230, 243, 237, .1);--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(10, 31, 26, .92);--nav-border: rgba(230, 243, 237, .08);--nav-dropdown-bg: #102f24;--nav-dropdown-border: rgba(230, 243, 237, .1);--nav-dropdown-hover: #1a3d2e;--primary-color: #3d8a6a;--primary-gradient: linear-gradient(45deg, #e85a3d, #3d8a6a);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #f25a4a;--danger-rgb: 242, 90, 74;--success: #5fc8a5;--success-rgb: 95, 200, 165;--warning: #e8b340;--warning-rgb: 232, 179, 64;--accent-tint: rgba(61, 138, 106, .08);--accent-tint-hover: rgba(61, 138, 106, .14);--shadow-hover: rgba(0, 0, 0, .55)}[data-theme=voyage]{--bg: #0a1d3a;--surface: #142850;--panel: #1c3566;--text-primary: #e6edf8;--text-secondary: rgba(230, 237, 248, .78);--text-muted: rgba(230, 237, 248, .55);--accent: #5a8ed9;--accent-rgb: 90, 142, 217;--accent-strong: #d94a3a;--border: rgba(230, 237, 248, .1);--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(10, 29, 58, .92);--nav-border: rgba(230, 237, 248, .08);--nav-dropdown-bg: #142850;--nav-dropdown-border: rgba(230, 237, 248, .1);--nav-dropdown-hover: #1c3566;--primary-color: #5a8ed9;--primary-gradient: linear-gradient(45deg, #d94a3a, #5a8ed9);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #e85d4d;--danger-rgb: 232, 93, 77;--success: #4fc090;--success-rgb: 79, 192, 144;--warning: #e8b340;--warning-rgb: 232, 179, 64;--accent-tint: rgba(90, 142, 217, .08);--accent-tint-hover: rgba(90, 142, 217, .14);--shadow-hover: rgba(0, 0, 0, .55)}[data-theme=marigold]{--bg: #f7e9c4;--surface: #faf0d2;--panel: #ecdca8;--text-primary: #1a1f3d;--text-secondary: rgba(26, 31, 61, .72);--text-muted: rgba(26, 31, 61, .5);--accent: #8a5a1f;--accent-rgb: 138, 90, 31;--accent-strong: #2a3d8a;--border: rgba(26, 31, 61, .1);--shadow: rgba(26, 31, 61, .12);--nav-bg: rgba(247, 233, 196, .92);--nav-border: rgba(26, 31, 61, .08);--nav-dropdown-bg: #faf0d2;--nav-dropdown-border: rgba(26, 31, 61, .1);--nav-dropdown-hover: #ecdca8;--primary-color: #8a5a1f;--primary-gradient: linear-gradient(45deg, #8a5a1f, #2a3d8a);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #a13d2b;--danger-rgb: 161, 61, 43;--success: #1f6b4a;--success-rgb: 31, 107, 74;--warning: #b8730d;--warning-rgb: 184, 115, 13;--accent-tint: rgba(138, 90, 31, .06);--accent-tint-hover: rgba(138, 90, 31, .1);--shadow-hover: rgba(26, 31, 61, .18)}[data-theme=pearl]{--bg: #e8e8ec;--surface: #f6f6f8;--panel: #e0e0e6;--text-primary: #1a1a22;--text-secondary: rgba(26, 26, 34, .66);--text-muted: rgba(26, 26, 34, .5);--accent: #7da9c4;--accent-rgb: 125, 169, 196;--accent-strong: #b87dc4;--border: rgba(26, 26, 34, .1);--shadow: rgba(26, 26, 34, .1);--nav-bg: rgba(232, 232, 236, .92);--nav-border: rgba(26, 26, 34, .08);--nav-dropdown-bg: #f6f6f8;--nav-dropdown-border: rgba(26, 26, 34, .1);--nav-dropdown-hover: #e0e0e6;--primary-color: #7da9c4;--primary-gradient: linear-gradient(45deg, #7da9c4, #b87dc4);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #c4567d;--danger-rgb: 196, 86, 125;--success: #7dc4a1;--success-rgb: 125, 196, 161;--warning: #c4a157;--warning-rgb: 196, 161, 87;--accent-tint: rgba(125, 169, 196, .06);--accent-tint-hover: rgba(125, 169, 196, .1);--shadow-hover: rgba(26, 26, 34, .16)}[data-theme=obsidian]{--bg: #050608;--surface: #0c0e12;--panel: #14161c;--text-primary: #e8ebe6;--text-secondary: rgba(232, 235, 230, .72);--text-muted: rgba(232, 235, 230, .5);--accent: #c4a157;--accent-rgb: 196, 161, 87;--accent-strong: #4ab87d;--border: rgba(232, 235, 230, .08);--shadow: rgba(0, 0, 0, .5);--nav-bg: rgba(5, 6, 8, .92);--nav-border: rgba(232, 235, 230, .06);--nav-dropdown-bg: #0c0e12;--nav-dropdown-border: rgba(232, 235, 230, .08);--nav-dropdown-hover: #14161c;--primary-color: #c4a157;--primary-gradient: linear-gradient(45deg, #c4a157, #4ab87d);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #d94a3a;--danger-rgb: 217, 74, 58;--success: #4ab87d;--success-rgb: 74, 184, 125;--warning: #c4a157;--warning-rgb: 196, 161, 87;--accent-tint: rgba(196, 161, 87, .08);--accent-tint-hover: rgba(196, 161, 87, .14);--shadow-hover: rgba(0, 0, 0, .65)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active:not(:disabled),.btn:active:not(:disabled),[role=button]:active:not(:disabled){transform:scale(.97);opacity:.85;transition:transform 50ms ease-out,opacity 50ms ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}.state-loading{opacity:.6;pointer-events:none;position:relative}.state-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:state-spin .6s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.state-error{border-color:var(--danger);background-color:rgba(var(--danger-rgb),.05)}.state-success{border-color:var(--success);background-color:rgba(var(--success-rgb),.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);text-align:center;min-height:200px}.empty-state-icon{font-size:48px;opacity:.3;margin-bottom:var(--space-md)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-lg);max-width:320px}.empty-state-cta{padding:10px 24px;border-radius:999px;background:var(--accent);color:var(--text-inverse);font-weight:600;border:none;cursor:pointer;transition:opacity var(--transition-fast)}.empty-state-cta:hover{opacity:.85}.reaction-btn{transition:color var(--duration-fast-01, 70ms) ease,background-color var(--duration-fast-01, 70ms) ease}.reaction-btn.is-liked{color:var(--accent)}@keyframes like-bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}.reaction-btn.just-liked{animation:like-bounce .3s ease-out}.input-error-text{font-size:12px;color:var(--danger);margin-top:4px;display:none}.input-error-text.visible{display:block}input.has-error,textarea.has-error{border-color:var(--danger)}input:hover:not(:focus):not(:disabled):not(.has-error),textarea:hover:not(:focus):not(:disabled):not(.has-error){border-color:var(--accent-tint-hover, rgba(109, 76, 255, .3))}.initially-hidden{display:none!important}:root{--cr-sidebar-w-pinned: 248px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .2s ease,color .2s ease;background:var(--bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}.has-navbar{padding-top:52px}.feed{max-width:1240px;margin:0 auto;padding:calc(var(--space-2xl) + 52px) var(--space-lg) var(--space-3xl)}.feed-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.feed-header-text{max-width:56ch}.feed-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.feed-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:500;letter-spacing:var(--tracking-display);line-height:1.1;margin:0 0 var(--space-sm);color:var(--text-primary)}.feed-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.feed-header-tools{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.feed-sort{display:none;align-items:center;gap:var(--space-xs);padding:8px 14px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.feed-columns{display:flex;align-items:center;gap:var(--space-xs);overflow-x:auto;padding:var(--space-md) 0 var(--space-xl);scrollbar-width:none}.feed-columns:empty{display:none}.feed-columns::-webkit-scrollbar{display:none}.feed-column-chip{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.feed-column-chip:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.feed-column-chip[aria-pressed=true]{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.feed-column-chip-count{margin-left:6px;opacity:.65;font-size:var(--text-xs)}.feed-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.feed-hero-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition-base)}.feed-hero-card:hover{border-color:rgba(var(--accent-rgb),.4)}.feed-hero-cover{aspect-ratio:16 / 10;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));position:relative;overflow:hidden}.feed-hero-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(var(--accent-rgb),.18),transparent 50%),radial-gradient(circle at 80% 70%,rgba(var(--accent-rgb),.1),transparent 60%)}.feed-hero-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);flex:1}.feed-hero-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.feed-hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;line-height:1.18;letter-spacing:var(--tracking-display);margin:0;color:var(--text-primary);text-wrap:pretty}.feed-hero-excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65;margin:0;text-wrap:pretty}.feed-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border);flex-wrap:wrap}.feed-hero-side{display:flex;flex-direction:column;gap:var(--space-md)}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color var(--transition-base)}.feed-card:hover{border-color:rgba(var(--accent-rgb),.4)}.feed-card--medium{flex-direction:row;align-items:stretch;flex:1;min-height:140px}.feed-card--medium .feed-card-cover{width:38%;flex-shrink:0;aspect-ratio:auto}.feed-card--medium .feed-card-body{padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.feed-card--medium .feed-card-title{font-size:var(--text-lg)}.feed-card-cover{aspect-ratio:16 / 10;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.03));position:relative}.feed-card-cover--variant-a{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),color-mix(in srgb,var(--accent) 6%,var(--bg)))}.feed-card-cover--variant-b{background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 18%,var(--bg)),color-mix(in srgb,var(--accent) 8%,var(--bg)))}.feed-card-cover--variant-c{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,var(--bg)),color-mix(in srgb,var(--accent) 4%,var(--surface)))}.feed-card-cover--variant-d{background:repeating-linear-gradient(45deg,rgba(var(--accent-rgb),.12) 0,rgba(var(--accent-rgb),.12) 8px,transparent 8px,transparent 16px),var(--panel)}.feed-card-cover--variant-e{background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--accent) 30%,var(--bg)),color-mix(in srgb,var(--accent) 5%,var(--bg)) 70%)}.feed-card-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.feed-card-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.feed-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.25;margin:0;letter-spacing:var(--tracking-display);color:var(--text-primary);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);gap:var(--space-md);flex-wrap:wrap}.eng{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-caption)}.eng-glyph{display:inline-block;width:12px;height:12px;color:currentColor}.feed-card--reading .feed-card-cover{aspect-ratio:unset;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:var(--space-lg) var(--space-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--bg)),color-mix(in srgb,var(--accent) 4%,var(--bg)));min-height:120px}.reading-mini-card{width:44px;height:77px;border-radius:5px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 30%,var(--surface)),color-mix(in srgb,var(--accent) 10%,var(--surface)));border:1px solid rgba(var(--accent-rgb),.3);box-shadow:0 3px 10px rgba(var(--accent-rgb),.15);position:relative;flex-shrink:0}.reading-mini-card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(var(--accent-rgb),.15);border-radius:3px}.reading-mini-card--flipped{transform:rotate(180deg);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),color-mix(in srgb,var(--accent) 4%,var(--panel)));border-color:rgba(var(--accent-rgb),.2)}.feed-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.feed-card-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);background:var(--panel);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-caption)}.feed-card-spread{margin-top:var(--space-sm)}.feed[data-layout=magazine] .feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feed[data-layout=magazine] .feed-grid .feed-card{flex-direction:column}.feed[data-layout=magazine] .feed-grid .feed-card .feed-card-cover{width:100%;aspect-ratio:16 / 10}.feed[data-layout=magazine] .feed-grid .feed-card .feed-card-body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.feed-section{margin-bottom:var(--space-2xl)}.feed-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-lg)}.feed-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;margin:0;color:var(--text-primary);letter-spacing:var(--tracking-display)}.feed-section-meta{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-caption);text-transform:uppercase;font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);background:var(--accent-tint);color:var(--accent);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caption);text-transform:uppercase}.badge--neutral{background:var(--panel);color:var(--text-muted)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 60%,var(--bg)),color-mix(in srgb,var(--accent) 20%,var(--bg)));color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0;background-size:cover;background-position:center}.avatar--sm{width:24px;height:24px;font-size:10px}@media(max-width:880px){.feed{padding:calc(var(--space-lg) + 52px) var(--space-md) var(--space-2xl)}.feed-hero,.feed[data-layout=magazine] .feed-grid{grid-template-columns:1fr}.feed-card--medium{flex-direction:column}.feed-card--medium .feed-card-cover{width:100%;aspect-ratio:16 / 9}.feed-title{font-size:var(--text-3xl)}.feed-hero-title{font-size:var(--text-2xl)}.feed-header{flex-direction:column;align-items:flex-start}}.feed-skel-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.feed-skel-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.feed-skel-hero-cover{aspect-ratio:16 / 10}.feed-skel-hero-body{padding:var(--space-xl);min-height:120px}.feed-skel-side{display:flex;flex-direction:column;gap:var(--space-md)}.feed-skel-side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:140px;display:flex}.feed-skel-side-cover{width:38%;flex-shrink:0}.feed-skel-side-body{padding:var(--space-md);flex:1}@media(max-width:880px){.feed-skel-hero{grid-template-columns:1fr}}.feed-skeleton-line{height:14px;border-radius:4px;margin-bottom:10px;background:linear-gradient(90deg,var(--panel) 25%,rgba(255,255,255,.08) 50%,var(--panel) 75%);background-size:200% 100%;animation:feed-shimmer 1.8s ease-in-out infinite}[data-mode=light] .feed-skeleton-line{background:linear-gradient(90deg,#0000000f 25%,#00000005,#0000000f 75%);background-size:200% 100%}.feed-skeleton-title{width:70%;height:18px}.feed-skeleton-text{width:100%}.feed-skeleton-text:last-child{width:45%}.feed-skeleton-meta{width:30%;height:10px;margin-top:16px}@keyframes feed-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.feed-skeleton-line{animation:none;opacity:.5}}.onboarding-banner{max-width:1240px;margin:76px auto 0;padding:14px 20px;background:var(--surface);border:1px solid var(--accent);border-radius:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.onboarding-banner a{color:var(--accent);font-weight:600;margin-left:auto;white-space:nowrap}.onboarding-banner button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;line-height:1}.onboarding-banner button:hover{color:var(--text-primary)}.feed-loading{text-align:center;padding:48px;color:var(--text-muted)}.feed-load-more{display:block;margin:24px auto 48px;padding:10px 32px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:14px}.feed-load-more:hover{background:var(--panel);color:var(--text-primary)}.feed-load-more:disabled{opacity:.5;cursor:wait}.feed-sentinel{height:1px;width:100%}.feed-error-retry{margin-left:8px;padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--accent);cursor:pointer;font-size:13px}[data-theme=dark]{--sr-slot-bg: rgba(255, 255, 255, .06);--sr-slot-border: rgba(255, 255, 255, .12);--sr-slot-text: var(--text-secondary);--sr-card-bg: rgba(255, 255, 255, .1);--sr-card-border: rgba(255, 255, 255, .2);--sr-card-shadow: 0 2px 8px rgba(0, 0, 0, .45);--sr-reversed-accent: #ef4444;--sr-header-color: var(--text-primary);--sr-label-color: var(--text-muted);--sr-badge-bg: rgba(239, 68, 68, .18);--sr-badge-border: rgba(239, 68, 68, .45);--sr-hover-bg: rgba(255, 255, 255, .09);--sr-hover-scale: 1.05}[data-theme=light]{--sr-slot-bg: rgba(0, 0, 0, .04);--sr-slot-border: rgba(0, 0, 0, .1);--sr-slot-text: var(--text-secondary);--sr-card-bg: rgba(0, 0, 0, .06);--sr-card-border: rgba(0, 0, 0, .14);--sr-card-shadow: 0 2px 8px rgba(20, 16, 30, .1);--sr-reversed-accent: #dc2626;--sr-header-color: var(--text-primary);--sr-label-color: var(--text-muted);--sr-badge-bg: rgba(220, 38, 38, .1);--sr-badge-border: rgba(220, 38, 38, .35);--sr-hover-bg: rgba(0, 0, 0, .06);--sr-hover-scale: 1.05}:root{--sr-slot-width: 64px;--sr-slot-height: 90px;--sr-slot-radius: var(--radius-md);--sr-spread-gap: var(--space-md);--sr-header-font-size: var(--text-sm);--sr-label-font-size: var(--text-xs);--sr-card-name-size: 10px}.sr-spread{display:flex;flex-direction:column;align-items:center;gap:var(--sr-spread-gap);width:100%;max-width:100%;box-sizing:border-box}.sr-spread-header{font-size:var(--sr-header-font-size);font-weight:600;color:var(--sr-header-color);text-align:center;letter-spacing:.03em;opacity:.85}.sr-spread-area{position:relative;width:100%;max-width:100%}.sr-spread-area--linear{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--space-sm);position:static}.sr-slot{display:flex;flex-direction:column;align-items:center;gap:4px}.sr-slot-card{width:var(--sr-slot-width);height:var(--sr-slot-height);background:var(--sr-card-bg);border:1px solid var(--sr-card-border);border-radius:var(--sr-slot-radius);box-shadow:var(--sr-card-shadow);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px;box-sizing:border-box;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative}.sr-slot-card-name{width:100%;text-align:center;font-size:var(--sr-card-name-size);color:var(--sr-slot-text);line-height:1.25;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:0 2px}.sr-slot-reversed-badge{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--sr-reversed-accent);border:1px solid var(--sr-badge-border);box-shadow:0 0 4px #ef444466;flex-shrink:0}.sr-slot-label{font-size:var(--sr-label-font-size);color:var(--sr-label-color);text-align:center;line-height:1.3;max-width:calc(var(--sr-slot-width) + 8px);word-break:break-word}.sr-slot--filled .sr-slot-card{background:var(--sr-card-bg);border-color:var(--sr-card-border)}.sr-slot--empty .sr-slot-card{background:var(--sr-slot-bg);border:1px dashed var(--sr-slot-border);box-shadow:none}.sr-slot--reversed .sr-slot-card{border-color:var(--sr-reversed-accent);box-shadow:0 0 0 1px var(--sr-reversed-accent),var(--sr-card-shadow)}.sr-slot--reversed .sr-slot-card-name{transform:rotate(180deg);display:inline-block}.sr-spread--compact{gap:var(--space-xs)}.sr-spread--compact .sr-spread-header,.sr-spread--compact .sr-slot-label{display:none}.sr-spread--compact .sr-slot-card{--sr-slot-width: 36px;--sr-slot-height: 50px;width:36px;height:50px;border-radius:var(--radius-sm);padding:2px}.sr-spread--compact .sr-slot-card-name{font-size:8px}.sr-spread--interactive .sr-slot{cursor:pointer}.sr-spread--interactive .sr-slot:hover .sr-slot-card{transform:scale(var(--sr-hover-scale));background:var(--sr-hover-bg);box-shadow:var(--sr-card-shadow),0 4px 16px #00000040}.sr-spread--interactive .sr-slot:focus-visible .sr-slot-card{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:768px){:root{--sr-slot-width: 56px;--sr-slot-height: 78px}}@media(max-width:480px){:root{--sr-slot-width: 48px;--sr-slot-height: 67px}.sr-spread-area--linear{gap:var(--space-xs)}.sr-slot-label{font-size:9px}}@media(max-width:360px){:root{--sr-slot-width: 40px;--sr-slot-height: 56px}}@media(prefers-reduced-motion:reduce){.sr-slot-card,.sr-spread--interactive .sr-slot:hover .sr-slot-card{transition-duration:.01ms;transform:none}}@media(prefers-contrast:high){.sr-slot-card,.sr-slot--reversed .sr-slot-card{border-width:2px}}