:root{--bg: #1c0f22;--bg-elevated: #271531;--border: #3a2545;--text: #f3ece8;--text-muted: #b8a8c2;--accent: #ff3d71;--accent-soft: rgba(255, 61, 113, .14);--gold: #f2c14e;--success: #35c99a;--font-display: "Archivo Black", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:24px 16px 64px}.app-header{margin-bottom:24px}.app-header h1{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.75rem);letter-spacing:-.01em;margin:0;line-height:1}.app-subtitle{color:var(--text-muted);margin:8px 0 16px;font-size:.95rem}.btn-pipeline{background:var(--accent);color:#fff;font-family:var(--font-body);font-weight:700;font-size:.85rem;border:none;border-radius:999px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}.btn-pipeline:disabled{opacity:.6;cursor:wait}.pipeline-hint{margin:8px 0 0;font-size:.75rem;color:var(--text-muted)}.pipeline-message{margin:10px 0 0;font-size:.8rem;color:var(--success)}.pipeline-error{color:var(--accent)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px}.tab{background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:8px 12px;border-radius:999px;cursor:pointer}.tab-active{background:var(--accent-soft);color:var(--accent)}.tab-refresh{margin-left:auto;font-size:1.1rem}.btn-clear-all{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:600;border-radius:999px;padding:6px 12px;cursor:pointer}.btn-clear-all:hover{border-color:var(--accent);color:var(--accent)}.status-message{color:var(--text-muted);padding:32px 8px;text-align:center}.status-error{color:var(--accent)}.card-list{display:flex;flex-direction:column;gap:20px}.card{display:flex;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border)}.card-rank{font-family:var(--font-display);font-size:1.5rem;color:var(--gold);min-width:40px;line-height:1.2}.card-media{width:92px;flex-shrink:0}.card-media img{width:92px;height:92px;object-fit:cover;border-radius:6px;display:block}.card-media-empty{width:92px;height:92px;border-radius:6px;border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;text-align:center}.card-media-empty span{font-size:.7rem;color:var(--text-muted)}.card-body{flex:1;min-width:0}.card-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-bottom:6px}.card-dot{opacity:.5}.card-title{font-size:1.1rem;font-weight:700;margin:0 0 6px;line-height:1.3}.card-summary{color:var(--text);font-size:.95rem;line-height:1.5;margin:0 0 8px}.card-hashtags{color:var(--accent);font-size:.85rem;margin:0 0 12px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{font-family:var(--font-body);font-weight:600;font-size:.8rem;border:none;border-radius:999px;padding:8px 14px;cursor:pointer}.btn-small{padding:6px 10px;font-size:.75rem}.btn-primary{background:var(--text);color:var(--bg)}.btn-success{background:var(--success);color:#0b1f18}.btn-muted{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted);text-decoration:none;display:inline-block}.btn-link{background:none;border:none;color:var(--text-muted);font-size:.75rem;text-decoration:underline;cursor:pointer;padding:0}.card-source-link{margin-left:auto}.image-input-row{display:flex;flex-direction:column;gap:4px;width:100%}.image-input-row input{width:100%;font-size:.7rem;padding:4px 6px;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--text)}@media (max-width: 480px){.card{flex-wrap:wrap}.card-source-link{margin-left:0}}