:host{display:block}.feed-item-page{--feed-video-red: #FF0033;--feed-podcast-purple: #A855F7;--feed-blue: #0A84FF;width:min(100%,1280px);margin:0 auto;padding:44px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:start}.main-column{display:grid;min-width:0;gap:16px}.page-eyebrow,.rail-eyebrow{margin:0;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.14em;line-height:1.1;text-transform:uppercase}.player-frame{overflow:hidden;border-radius:8px;background:var(--surface-alt);box-shadow:var(--shadow-sm)}.player-frame iframe,.fallback-player{display:block;width:100%;aspect-ratio:16/9;border:0}.fallback-player{display:grid;min-height:360px;place-items:center;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.fallback-player img{width:100%;height:100%;object-fit:cover}.audio-player{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);min-height:260px;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--feed-podcast-purple) 18%,transparent),transparent 48%),var(--surface)}.audio-art{display:grid;aspect-ratio:1;overflow:hidden;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--feed-podcast-purple) 18%,var(--surface-alt));color:var(--feed-podcast-purple);font-size:54px;font-weight:820}.audio-art img{width:100%;height:100%;object-fit:cover}audio{width:100%}.item-header{display:grid;gap:14px}.item-toolbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px}h1,p{margin:0}h1{color:var(--text);max-width:920px;font-size:clamp(36px,4.8vw,64px);font-weight:760;letter-spacing:0;line-height:1.03}.title-meta,.publish-meta,.rail-copy small{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:720}.kind-pill{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:800;padding:0 9px}.kind-pill.video{background:var(--feed-video-red);color:#fff}.kind-pill.podcast{background:var(--feed-podcast-purple);color:#fff}.detail-actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:8px}.icon-action{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--muted);cursor:pointer;padding:0;transition:border-color .16s ease,background .16s ease,transform .16s ease}.icon-action:hover{border-color:var(--border-strong);transform:translateY(-1px)}.icon-action img{width:18px;height:18px;object-fit:contain;filter:brightness(0) saturate(100%) invert(62%) sepia(14%) saturate(520%) hue-rotate(178deg) brightness(91%) contrast(88%);opacity:1}.icon-action.saved,.icon-action.completed{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.icon-action.saved img,.icon-action.completed img{filter:brightness(0) saturate(100%) invert(45%) sepia(93%) saturate(2402%) hue-rotate(197deg) brightness(101%) contrast(101%)}.creator-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0}.creator-identity{display:flex;min-width:0;align-items:center;gap:10px;color:inherit;text-decoration:none}.creator-identity-link{border-radius:999px;transition:color .16s ease,opacity .16s ease}.creator-identity-link:hover{color:var(--accent)}.creator-identity>span:last-child{display:grid;min-width:0;gap:2px}.creator-identity strong{overflow:hidden;color:var(--text);font-weight:780;text-overflow:ellipsis;white-space:nowrap}.creator-identity small{color:var(--muted)}.creator-avatar{display:grid;width:42px;height:42px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-alt));color:var(--accent);font-weight:820}.creator-avatar img{width:100%;height:100%;object-fit:cover}.period-dot{display:inline-block;width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.58}.description-card,.state-panel{border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-sm)}.description-card{padding:20px}.description-card p{color:var(--muted);font-size:16px;line-height:1.58}.description-card a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.state-panel{display:grid;gap:10px;padding:24px}.state-message{margin:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px 14px}.state-message.error{border-color:color-mix(in srgb,var(--error) 35%,var(--border));color:var(--error)}.creator-rail{position:sticky;top:20px;display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 108px);max-height:calc(100vh - 108px);min-height:0;gap:12px;overflow:hidden}.rail-header{display:flex;align-items:center;justify-content:space-between}.rail-list{display:grid;min-height:0;align-content:start;gap:10px;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 2px 0}.creator-feed-card{position:relative;display:grid;grid-template-columns:148px minmax(0,1fr);height:104px;gap:10px;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:inherit;padding:8px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}.creator-feed-card.active{border-color:var(--feed-blue);box-shadow:0 0 0 1px color-mix(in srgb,var(--feed-blue) 30%,transparent),var(--shadow-sm)}.rail-thumb{display:grid;width:100%;height:88px;overflow:hidden;place-items:center;border-radius:7px;background:var(--surface-alt);color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.rail-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center}.rail-copy{display:grid;min-width:0;min-height:0;align-content:center;gap:6px}.rail-copy .kind-pill{justify-self:start}.rail-copy strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:14px;font-weight:760;line-height:1.16;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rail-copy small{gap:7px;font-size:11px}.player-skeleton{min-height:420px}.content-skeleton{min-height:260px}.rail-skeleton{min-height:104px}@media (max-width: 980px){.feed-item-page{padding:28px 18px}.detail-layout{grid-template-columns:1fr}.creator-rail{position:static;height:auto;max-height:none;overflow:visible}}@media (max-width: 640px){.audio-player{grid-template-columns:1fr}.item-toolbar{align-items:flex-start}.detail-actions{justify-content:flex-end}.creator-row{align-items:start;flex-direction:column}.publish-meta{justify-content:start}.creator-feed-card{grid-template-columns:96px minmax(0,1fr)}}:root{color-scheme:light;--space-black: #0b0f19;--deep-space: #060b14;--signal-blue: #0a84ff;--deep-blue: #0066cc;--cyan-signal: #00e5ff;--beacon-glow: #66ccff;--video-red: #ff0033;--podcast-purple: #a855f7;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--danger: var(--error);--bg-page-light: #f4f8fd;--bg-surface-light: #fbfcff;--bg-muted-light: #eaf2fb;--surface-strong-light: #ffffff;--text-light: #112033;--muted-light: #64748b;--muted-soft-light: #7a879a;--border-light: #cbdcf1;--border-strong-light: #9ab8dd;--shadow-sm-light: 0 1px 2px rgba(17, 32, 51, .08), 0 0 0 1px rgba(10, 132, 255, .02);--shadow-md-light: 0 22px 70px rgba(40, 84, 130, .16);--glow-light: radial-gradient(circle at 50% -18%, rgba(93, 168, 255, .18), rgba(93, 168, 255, 0) 38%);--bg-page-dark: #0b0f19;--bg-surface-dark: #111827;--bg-muted-dark: #0f1724;--surface-strong-dark: #172033;--text-dark: #ffffff;--muted-dark: #a8b3c7;--muted-soft-dark: #8a94a6;--border-dark: #1e293b;--border-strong-dark: #315071;--shadow-sm-dark: 0 1px 2px rgba(0, 0, 0, .26), 0 0 0 1px rgba(102, 204, 255, .02);--shadow-md-dark: 0 22px 70px rgba(0, 0, 0, .36);--glow-dark: radial-gradient(circle at 50% -18%, rgba(0, 102, 204, .28), rgba(0, 102, 204, 0) 40%);--bg-page: var(--bg-page-light);--bg-surface: var(--bg-surface-light);--bg-muted: var(--bg-muted-light);--surface-strong: var(--surface-strong-light);--text: var(--text-light);--muted: var(--muted-light);--muted-soft: var(--muted-soft-light);--border: var(--border-light);--border-strong: var(--border-strong-light);--accent: var(--signal-blue);--accent-strong: var(--deep-blue);--cyan: var(--cyan-signal);--screen-glow: var(--glow-light);--shadow-sm: var(--shadow-sm-light);--shadow-md: var(--shadow-md-light);--container: 1120px;--radius-card: 8px;--radius-control: 8px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 22px;--space-xl: 30px;--background: var(--bg-page);--surface: var(--bg-surface);--surface-alt: var(--bg-muted);--shadow-soft: var(--shadow-sm);--shadow: var(--shadow-md)}html.dark{color-scheme:dark;--bg-page: var(--bg-page-dark);--bg-surface: var(--bg-surface-dark);--bg-muted: var(--bg-muted-dark);--surface-strong: var(--surface-strong-dark);--text: var(--text-dark);--muted: var(--muted-dark);--muted-soft: var(--muted-soft-dark);--border: var(--border-dark);--border-strong: var(--border-strong-dark);--screen-glow: var(--glow-dark);--shadow-sm: var(--shadow-sm-dark);--shadow-md: var(--shadow-md-dark);--background: var(--bg-page);--surface: var(--bg-surface);--surface-alt: var(--bg-muted);--shadow-soft: var(--shadow-sm);--shadow: var(--shadow-md)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--screen-glow),linear-gradient(180deg,color-mix(in srgb,var(--bg-muted) 42%,transparent),transparent 320px),var(--bg-page);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);color:var(--text);font-weight:650;padding:0 14px;box-shadow:var(--shadow-sm);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.btn:hover{border-color:var(--border-strong);background:var(--surface-alt);transform:translateY(-1px)}.btn.ghost,.btn-ghost{background:transparent;box-shadow:none}.btn.primary,.btn-primary{border-color:var(--accent);background:linear-gradient(180deg,var(--signal-blue),var(--deep-blue));color:#fff}.btn.primary:hover,.btn-primary:hover{border-color:color-mix(in srgb,var(--cyan) 45%,var(--accent));background:linear-gradient(180deg,color-mix(in srgb,var(--signal-blue) 84%,white),var(--deep-blue))}.btn.danger,.btn-danger{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));color:var(--danger)}.icon-btn{min-width:44px;padding-inline:10px}.pill{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,var(--accent) 14%);color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.page-wrapper{min-height:100vh;padding:44px}.placeholder-panel{display:grid;max-width:880px;gap:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-surface);box-shadow:var(--shadow-md);padding:28px}.placeholder-panel h1{margin:0;font-size:clamp(32px,5vw,56px);font-weight:760;letter-spacing:0;line-height:1}.placeholder-panel p{max-width:580px;color:var(--muted);font-size:16px}.placeholder-grid{display:grid;gap:12px;margin-top:24px}.placeholder-grid .sk{height:72px}.sk{display:block;overflow:hidden;border-radius:var(--radius-card);background:linear-gradient(90deg,var(--bg-muted),color-mix(in srgb,var(--accent) 12%,var(--border)),var(--bg-muted));background-size:220% 100%;animation:sk-pulse 1.4s ease-in-out infinite}@keyframes sk-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width: 720px){.container{width:min(100% - 24px,var(--container))}.page-wrapper{padding:24px 16px}}