:root{color-scheme:light;--bg:#fafafa;--surface:#ffffff;--text:#111111;--muted:#6f6f6f;--line:#e7e7e7;--yt:#e22828;--spotify:#1db954;--shadow:0 8px 24px rgba(17,17,17,0.08);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{width:min(760px,100%);margin:0 auto;padding:20px 14px 28px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-title{font-size:1.45rem;font-weight:760;margin:0}.page-subtitle{margin:4px 0 0;color:var(--muted);font-size:.95rem}.header-link{font-size:.92rem;color:#2c68d9;font-weight:600}.action-row{display:flex;gap:10px;margin-bottom:14px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 16px;font-weight:600;font-size:.98rem;cursor:pointer;min-height:46px}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{border:none;background:#111111;color:#ffffff}.inline-message{margin:0 0 12px;color:#b01f1f;font-size:.92rem}.inline-info{margin:12px 0 0;color:var(--muted);font-size:.92rem}.feed-list{display:grid;grid-gap:12px;gap:12px}.feed-card{display:grid;grid-template-columns:116px 1fr;grid-gap:12px;gap:12px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(0,0,0,.03);min-height:116px}.feed-thumb{width:116px;height:116px;object-fit:cover;background:linear-gradient(135deg,#f1f1f1,#dddddd)}.feed-content{padding:12px 12px 12px 0;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.feed-title{margin:0;font-size:1rem;line-height:1.35}.feed-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.source-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#ffffff}.source-youtube{background:var(--yt)}.source-spotify{background:var(--spotify)}.setup-stack{display:grid;grid-gap:12px;gap:12px}.setup-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;border:1px solid rgba(0,0,0,.03)}.setup-title{margin:0 0 8px;font-size:1rem}.setup-status{margin:0;color:var(--muted);font-size:.92rem;display:flex;align-items:center;gap:8px}.status-dot{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2ba84a;color:#ffffff;font-size:.85rem;font-weight:700}.setup-note{margin:14px 0 0;color:var(--muted);font-size:.9rem}.setup-message{margin:0 0 12px;font-size:.92rem}.setup-message.success{color:#1c8f42}.setup-message.error{color:#b01f1f}@media (max-width:420px){.feed-card{grid-template-columns:102px 1fr;min-height:102px}.feed-thumb{width:102px;height:102px}.page-shell{padding-left:10px;padding-right:10px}}