:root{--bg:#ffffff;--fg:#111;--accent:#0b74de;--muted:#666}.header{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #f0f0f0}.header .logo{font-weight:700;font-size:1.25rem;color:var(--fg)}.header .search{flex:1;max-width:560px}.container{max-width:1100px;margin:24px auto;padding:0 16px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:#fff;border:1px solid #f3f4f6;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.thumb{width:100%;height:150px;object-fit:cover}.card-body{padding:12px}.card-title{font-size:1rem;margin:0 0 8px;color:var(--fg)}.card-meta{font-size:.85rem;color:var(--muted)}:root{--bg:#fff;--fg:#111;--accent:#0b74de}body{font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--fg);margin:0}.header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #eee}.header h1{margin:0;font-size:1.2rem}.search{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:16px}.video-item{display:flex;gap:8px;border:1px solid #f0f0f0;padding:8px;border-radius:6px;background:#fafafa}.video-item img{width:120px;height:70px;object-fit:cover;border-radius:4px}.meta h3{margin:0;font-size:.95rem}.prediction{color:var(--accent);font-weight:600;margin-top:6px}